Степаненко О.В., учитель информатики и ИКТ МОУ «Борисоглебская гимназия 1» уч. год. 1 Мастер-класс «Основы создания web-сайта

2 Интернет – это сеть, объединяющая компьютерные сети, опоясывающая весь мир Web-страничка – документ, основа которого HTML файл Web -сайт – совокупность информационных единиц страниц, объединенных общей целью. Web-браузер –это программа, которая общается с Web - сервером, передает ему запросы, получает HTML документы и показывает их пользователю. HTML (файл) - документ, созданный на основе языка HTML WWW (World Wide Web, «Всемирная паутина»)

Тип источника (используемый протокол) Доменное имя источника (сервера) Путь к файлу на сервере Имя файла (документа) 3

Для создания Web-сайта разработано много программ- Microsoft Office FrontPage 2003, Macromedia Dreamweawer и др. Процесс создания и редактирования страницы сайта очень нагляден, т.к. производится в режиме – «Что видишь, то и получаешь». Для создания простейшей Web- странички можно воспользоваться и текстовым редактором «Блокнот». 4

1.Зарождение идеи, обличение идеи в проект. 2.Разработка веб-дизайна. 3.Верстка web-страничек. 4.Размещение сайта в сети Интернет. 5.Раскрутка и продвижение сайта. 5

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

Основные требования: правильная компоновка информации на странице; удобство и наглядность представления элементов управления и кнопок навигации; соответствие определенному стилю и самобытность; быстрая загрузка страницы; комфортное сочетание цветовой гаммы; учет интересов целевой аудитории. 7

8 Разработка дизайна сайта «Азбука юного журналиста»

9

10

11

12

13 Верстка web-страничек сайта «Азбука юного журналиста»

14

15

16

17 Перед опубликованием сайта в Интернете необходимо: Просмотреть страницы сайта в различных браузерах; Проверить: Нормально ли читается текст на выбранном фоне; Правильно ли расположены рисунки; Правильно ли работают гиперссылки. Тестирование и публикация web-сайта

18 В качестве основных ошибок при создании Web- страниц можно отметить: неудачное цветовое решение; неработающие ссылки; слабое информационное наполнение; плохая навигация, неудобное перемещение по сайту; неработающие разделы; отсутствие контактной информации; только контактная информация.

19 Самостоятельно на главной странице сайта index.html в третьей центральной ячейке напишите фрагмент заметки «Моё мнение о мастер-классе «Основы создания web-сайта». Создайте новую страничку сайта под именем zametka.html, на которой напечатайте полный текст заметки, указав Ваше имя, фамилию, класс, школу. Вставьте все необходимые гиперссылки. Творческое задание «Моё мнение о мастер-классеОсновы создания web-сайта»

20 Желаю успехов в создании web-сайтов! Кто испытал наслаждение творчества, для того все другие наслаждения уже не существуют. А.П. Чехов