Яндекс.Метрика

Часто задаваемые вопросы

Что люди чаще всего спрашивают у поисковых систем? Что их интересует? Много чего. Так уж устроены люди. Мы решили облегчить Яндексу и Гуглу жизнь и собрать все самой искомое у себя. Итак...

Как сделать сайт?

Основные этапы

Шаблон сайта

Верстка сайта

Сайт на РНР

     Как сделать сайт

     Создание сайта для многих людей является чем-то недостижимым и очень сложным. Но, на самом деле, справиться с этой задачей может каждый. Для этого не обязательно оканчивать какие-то курсы или высшее учебное заведение. Достаточно просто внимательно следовать алгоритму создания сайта, который вполне понятен неискушенному пользователю, имеющему базовые навыки.

     Основные этапы работы при создании собственного сайта

Как сделать сайтСамостоятельное создание сайта должно состоять из трех главных этапов, которые нельзя пропускать или менять местами:

• создание шаблонной версии сайта

• наполнение сайта контентом, то есть верстка сайта

• создание динамичного сайта путем внедрения РНР

     Внимательное следование инструкциям и последовательность действий гарантировано приведут к желаемому результату.

     Этап первый: как сделать шаблонную версию сайта?

     Для этой операции вам понадобиться один из наиболее мощных графических редакторов. Речь, конечно, идет либо о CorelDRAW, либо о Adobe Photoshop. Несмотря на то, что использовать можно обе программы, более востребованным все же является именно последний редактор, так как он более понятен и прост в использовании. Поэтому в качестве примера будет использована программа под названием Adobe Photoshop.

     Итак, открыв графический редактор, необходимо создать новый документ и назвать его MySite. Затем следует выбрать разрешение 1000х1000, 72пкс на один дюйм. Также необходимо в настройках указать цвет RGB. Правильность выбора всех необходимых параметров позволяет получить в итоге хорошее отображение будущей веб страницы. После этого необходимо осуществить установку фонового цвета - F7F7C5. Активировать отображение направляющих и линеек можно при помощи раздела под названием «Направляющие». Обязательно необходимо проверить активность привязки к документным границам и направляющим. Сделать это можно в «Просмотр» - «Привязка к».

Как сделать сайт     Инструмент «Текст» дает возможность указать название вашего сайта. Слоган и данные о контактах рекомендуется писать над названием. Для корректного выбора рамок, обеспечивающих ширину сайта, необходимо провести направляющие с левой стороны от логотипа и с правой – от указанного телефона. Инструмент «Формы» необходим для того, чтобы обозначить место изображения, которое должно находиться в шапке сайта. После этого следует провести непосредственную вставку картинки.

     Инструмент «Текст» дает возможность создать меню навигации и заголовок главного раздела. Также этот инструмент можно использовать для добавления текста на главную страницу. Выбрав в меню «Формы» пункт «Прямая», у вас появится возможность провести завершающую линию под текстом главной страницы.

     Проделав все указанные действия, вы должны в итоге получить примерный эскиз вашего будущего сайта. Для того, чтобы сохранить результаты своего труда, необходимо выбрать в меню «Файл» пункт «Сохранить для Веб». После этого нужно будет настроить качество картинки и сохранить.

     Стоит обратить внимание, что этот этап работы можно пропустить, так как в интернете есть масса шаблонов для сайта. Но, если вы хотите научиться самостоятельно проделывать всю работу, то следование четкой инструкции обязательно даст результат.

     Этап второй: грамотная верстка сайта

     Для начала необходимо создать файл типа index.html в соответствующем текстовом редакторе. Важность первой строки сложно переоценить, так как именно она дает браузеру информацию о том, как следует производить обработку содержимого страницы. Отметим, что после этого необходимо указать стандартный теговый набор. Особое внимание стоит уделять тому, что теги должны формировать соответствующие пары, то есть один тег должен быть открывающим, а второй закрывающим. Поэтому последний тег должен заканчиваться соответствующим знаком.

Как сделать сайт     Для того, чтобы организовать контент, можно использовать два варианта. Один из них позволяет осуществить организацию при помощи блоков, а второй – при помощи таблиц. Стоит отметить, что отображающий формат элементов может задаваться, как напрямую, так и при помощи специальных тегов. Рекомендуется использовать второй способ, так как его можно охарактеризовать как более универсальный и удобный для работы. К тому же, второй способ дает возможность использовать компонентные стили во всем документе многократно. Следует обратить внимание на то, что таблица со стилями, как правило, задается при помощи тега. Но это можно сделать также в файле отдельного типа style.css, который, в свою очередь, тоже находится внутри .

     Третий этап: сайт на РНР 

     Для осуществления этого этапа работы понадобиться использовать соответствующие языки веб программирования. Наибольшей востребованностью и спросом пользуются такие языки, как Ruby on Rails, Python, Perl и, конечно, РНР. Стоит отметить, что для Windows стоит использовать средства NET. Что касается JavaScript., то его лучше использовать для процедур программирования на клиентской стороне.

     Итак, скачав соответствующий архив, необходимо открыть папку РНР, в которой основной файл буде носить название index.php. Именно он отвечает за реализацию всех страниц будущего сайта, используя при этом язык РНР. Если вы еще не в курсе, то РНР – это специальный си-образный язык программирования, который используется для того, чтобы создавать качественные динамические веб страницы. Здесь может возникнуть вопрос: зачем создавать именно динамические страницы? Ответ достаточно прост. Дело в том, что динамическая страница проходит процесс формирования непосредственно на сервере, в то время как пользователю предоставляется уже полностью готовый результат.

     Итак, необходимо вынести подвал и шапку сайта в соответствующие отдельные файлы: footer.php и header.php. После этой процедуры их необходимо вставить с помощью языка программирования РНР в макет сайта в тех страницах, которые содержат текстовый контент. Файл перед этим необходимо обработать языковым интерпретатором. Только при таком условии скрипт РНР будет выполнен.

     Для того, чтобы реализовать полноценный веб-сервер на системах, которые управляются Windows, необходимо использовать специальный пакет, который называется  Denwer. Его максимально просто установить:

• запускается файл установки;

• выполняются его требования;

• выбирается буква виртуального диска для мгновенного доступа;

• создается ярлык программы.

     Используется данный пакет для доступа к веб серверу Apache, к языковым интерпретаторам РНР и Perl. Пакет Denwer также включает в себя основные средства использования электронной почты и, конечно, MySQL, то есть необходимую базу данных.

     После осуществления всех описанных этапов работы, в качестве результата должен получиться отличный динамический сайт. На сегодняшний день есть масса доступных способов, которые позволяют существенно облегчить процесс создания качественного сайта. Речь идет, в первую очередь, о системах контроля за контентом. Для самых популярных из них разработаны специальные шаблоны и дополнения, которые предоставляют возможность добиться желаемого результата за короткие сроки.

 

 

Читайте на здоровье!!!