Создание веб-страницы

Разберём пример создания ресурса Интернет на примере личной веб-страницы. Итак, для этого требуется:

1. Хостинг

2. Контент

3. Представление

Хостинг– место для размещения страницы. В данном случае мы воспользуемся собственным хостингом на сервере класса. Обычно для размещения личных страниц используются хостинги, предлагаемые провайдерами интернет или крупнымиIT-компаниями, такими как Яндекс, Рамблер и прочими. Чтобы получить место для странички, необходимо зарегистрироваться на таком ресурсе, то есть создать имя и пароль пользователя, а также ознакомиться с правилами предоставления сервиса и способами взаимодействия с ним. Обычно провайдер предлагает несколько способов, такие как интерактивный веб-интерфейс иFTP. Интерактивный интерфейс – управление через браузер, пользователь делает все действия прямо на сервере провайдера, вводя нужные данные и загружая фрагменты через специальные формы. Такой способ прост и не требует специальных знаний, но неудобен и имеет ограниченные возможности. Гораздо удобнее создавать страницы на собственном компьютере и потом загружать их на сервер с помощьюFTP.

С контентомвсё ясно – это текст о себе, фотографии и так далее. Также личная страница обычно содержит контактные данные – адрес электронной почты, ссылки на блоги и любимые форумы и так далее.

Представление– это, как правило, то, что отличает хороший сайт от плохого. Создание веб-сайтов – не только серьёзное ремесло, но в немалой степени и искусство. Однако так глубоко мы вдаваться не будем, пока наша цель – создание несложной пользовательской страницы.

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

Язык гипертекстовой разметки htmlсам по себе несложен, но позволяет включать запросы и вызовы различных дополнительных сервисов, фрагменты кода на языкахphpиjava, обращения к базам данных и так далее. Исходной целью создания html была разметка текста для удобного представления его черезwww. Для создания простой страницы нам потребуются немногие команды,тегиhtml

Тег– управляющий элементhtml. Тег записывается в угловых скобках, содержит имя тега и необязательные свойства – атрибуты тега. Многие теги являются парными, заключающими в себе часть текста или другие теги. Например тег-гиперссылка состоит из двух частей – <ahref="name.domain">текст</a> – открывающий тег<aсодержит атрибут – адрес ссылкиhref="", тег завершается угловой скобкой>, затем следует текст (может содержать другие теги) и после него – закрывающий тег </a>. При обработке такого кода браузером будет выведено слово "текст", при щелчке мышкой на котором браузер получит команду перейти на адресname.domain.

Существуют различные программы-редакторы, предназначенные для создания веб-страниц они упрощают и автоматизируют написание html-текста, но для понимания процесса желательно первые страницы создать вручную, в обычном текстовом редакторе, а уже потом перекладывать рутинную работу на программы-помощники. В принципе, всем известныйMSOfficeпозволяет создавать веб-документы, но качество и размер таких документов совершенно неудовлетворительны.OpenOfficе, альтернативный офисный пакет от фирмыSun, делает это гораздо лучше – созданные им страницы можно использовать, и в том числе править в редакторе, они содержат внятныйhtml-текст.

Для удобного представления информации на веб-странице используются различные элементы форматирования, позволяющие ограничить и закрепить определённые области.

Модель таблиц HTML позволяет авторам упорядочивать данные – текст, форматированный текст, изображения, ссылки, формы, поля форм, другие таблицы и т.д. – в строки и столбцы ячеек.