Создание веб-страницы
Разберём пример создания ресурса Интернет на примере личной веб-страницы. Итак, для этого требуется:
1. Хостинг
2. Контент
3. Представление
Хостинг – место для размещения страницы. В данном случае мы воспользуемся собственным хостингом на сервере класса. Обычно для размещения личных страниц используются хостинги, предлагаемые провайдерами интернет или крупными IT-компаниями, такими как Яндекс, Рамблер и прочими. Чтобы получить место для странички, необходимо зарегистрироваться на таком ресурсе, то есть создать имя и пароль пользователя, а также ознакомиться с правилами предоставления сервиса и способами взаимодействия с ним. Обычно провайдер предлагает несколько способов, такие как интерактивный веб-интерфейс и FTP. Интерактивный интерфейс – управление через браузер, пользователь делает все действия прямо на сервере провайдера, вводя нужные данные и загружая фрагменты через специальные формы. Такой способ прост и не требует специальных знаний, но неудобен и имеет ограниченные возможности. Гораздо удобнее создавать страницы на собственном компьютере и потом загружать их на сервер с помощью FTP.
С контентом всё ясно – это текст о себе, фотографии и так далее. Также личная страница обычно содержит контактные данные – адрес электронной почты, ссылки на блоги и любимые форумы и так далее.
Представление – это, как правило, то, что отличает хороший сайт от плохого. Создание веб-сайтов – не только серьёзное ремесло, но в немалой степени и искусство. Однако так глубоко мы вдаваться не будем, пока наша цель – создание несложной пользовательской страницы.
Основой веб-страницы является файл формата html, который при размещении на веб-сервере и позволяет пользователям Интернет получать доступ к данной информации. Также при создании страниц используются файлы графических и других медиаформатов, которые средствами языка html вставляются в текст.
Язык гипертекстовой разметки html сам по себе несложен, но позволяет включать запросы и вызовы различных дополнительных сервисов, фрагменты кода на языках php и java, обращения к базам данных и так далее. Исходной целью создания html была разметка текста для удобного представления его через www. Для создания простой страницы нам потребуются немногие команды, теги html
Тег – управляющий элемент html. Тег записывается в угловых скобках, содержит имя тега и необязательные свойства – атрибуты тега. Многие теги являются парными, заключающими в себе часть текста или другие теги. Например тег-гиперссылка состоит из двух частей – <a href="name.domain">текст</a> – открывающий тег <a содержит атрибут – адрес ссылки href="", тег завершается угловой скобкой >, затем следует текст (может содержать другие теги) и после него – закрывающий тег </a>. При обработке такого кода браузером будет выведено слово "текст", при щелчке мышкой на котором браузер получит команду перейти на адрес name.domain.
Существуют различные программы-редакторы, предназначенные для создания веб-страниц они упрощают и автоматизируют написание html-текста, но для понимания процесса желательно первые страницы создать вручную, в обычном текстовом редакторе, а уже потом перекладывать рутинную работу на программы-помощники. В принципе, всем известный MS Office позволяет создавать веб-документы, но качество и размер таких документов совершенно неудовлетворительны. OpenOfficе, альтернативный офисный пакет от фирмы Sun, делает это гораздо лучше – созданные им страницы можно использовать, и в том числе править в редакторе, они содержат внятный html-текст.
Для удобного представления информации на веб-странице используются различные элементы форматирования, позволяющие ограничить и закрепить определённые области.
Модель таблиц HTML позволяет авторам упорядочивать данные – текст, форматированный текст, изображения, ссылки, формы, поля форм, другие таблицы и т.д. – в строки и столбцы ячеек.