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

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

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

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

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

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

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

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

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

9 9

10 10

11 11

12 12

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

14 14

15 15

16 16

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

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

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

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