Практическое занятие № 1 Разработка Web-сайтов Сайт (от англ.site) — это совокупность Web-страничек, как правило, объединенных какой-то общей тематикой (направлением). Понятие «сайт» можно ассоциировать с понятием «книга». Книга – это совокупность страниц, объединенных переплетом. Страницы внутри книги могут относиться и к одной, и к разным тематикам. Сайт – то же самое. Он может объединять страницы одного направления, а может обозначать огромную структуру Интернета, содержащую множество разнообразной информации. Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language (HTML) — язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Web-проекта. Существует большое количество способов создания собственных Web-сайтов или Web — страниц, однако все они делятся на два основных типа: визуальный и программируемый. При использовании визуального способа пользователь как бы рисует или конструирует свою страничку на экране визуального редактора или конвертера, после чего программа по этому рисунку генерирует соответствующий код HTML. При программируемом способе пользователь сам вносит в свой текст так называемые «теги» или команды языка HTML. Но даже использование визуального способа не отменяет необходимости Word не отменяет необходимости писать правильно на русском языке. А также очень часто используемые при этом HTML-редакторы или конвертеры ограничены Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис» в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах [3]. Физически Web — страница представляет собой обычный текстовый файл, в котором содержатся команды HTML и непосредственно текст и графика. Только текст этой страницы отличается от текста на бумаге тем, что он воспроизводится на экране, а текст с экрана неудобно читать, он может быть слишком мелким и при этом пользователь, который просматривает Web-страницу на свое компьютере в своем браузере, волен настроить свои шрифты по своему усмотрению. Поэтому при создании Web-страницы создается не столько дизайн, сколько стиль. И если пользоваться набором собственных правил можно создать индивидуальный дизайн, который будет узнаваем. Дело в повторении некоторых элементов, определенных абзацных отступов, игре размерами и цветом. Цель работы: приобретение опыта представления информации для реализации собственных Web-проектов в будущей профессиональной деятельности. 1.12 Практическое задание Необходимо создать Web-сайт своей учебной группы, места работы, кафедры ОГУ, на которой происходит подготовка специалистов в области безопасности деятельности. Сайт должен обязательно содержать заголовки различного уровня, пояснительный текст, рисунки, таблицу, список, гипертекстовые ссылки и переходы. Прежде чем приступить к его созданию, необходимо определить Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис» структуру и содержание страниц, из которых он будет состоять. При этом главная страница должна информировать посетителя о том, что он найдет на сайте. Последовательность действий при этом должна быть следующая. 1.12.1 Создать свой каталог на жестком диске компьютера, назвать его именем вашей группы. В каталоге создать папку с именем вашего Web-сайта, в ней будут находиться все материалы, используемые для его создания. 1.12.2 Запустить текстовый редактор Блокнот командой ПускПрограммыСтандартныеБлокнот. 1.12.3 Внести обязательные метки, название главной страницы и основные заголовки различных уровней. Задать фон страницы и цвет текста (использовать приложения А и Б). Рассмотрим простейший пример оформления:

Привет!

Вставить пояснительный текст

При этом фон страницы должен быть неярким и однородным. 1.12.4 Ввести команду ФайлСохранить. Файлу главной Web-страницы присвоить имя index.htm. 1.12.5 Войти в свой каталог на жестком диске компьютера и открыть созданный файл. Автоматически запустится браузер, в заголовке окна которого высвечивается Название вашего Web-сайта. Copyright ОАО «ЦКБ «БИБКОМ» & ООО «Aгентство Kнига-Cервис» 1.12.6 Пользуясь инструкциями пунктов 1.3 — 1.10 и приложениями А, Б, создать собственный Web-сайт с рисунками, таблицами, списком, гиперссылками. При этом другие страницы создаются в текстовом редакторе Блокнот аналогичным образом. По возможности для навигации лучше использовать тестовые меню, а не картинки с надписями. 1.12.7 В конце страницы сделать гиперссылку на данный практикум, электронный вариант взять у преподавателя или на сайте ОГУ. 1.12.8 В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат. Для этого необходимо активизировать Блокнот с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и сохранить новый вариант страницы, выполнив команду меню ФайлСохранить. Затем активизировать браузер с открытым в нем предыдущим вариантом страницы. Щелкнуть по кнопке Обновить. В окне браузера отобразится обновленная Web-страница.