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

Презентация:



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

Технические: Дизайн Удобство навигации Используемые средства для повышения эффективности взаимодействия с пользователем Четкая структура Характеристики.
Основы языка гипертекстовой разметки документов HTML.
Структура создания слайда. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.
СОЗДАНИЕ Web-сайта КОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.
Интернет 8 класс. Что такое интернет ? Всемирная информационная компьютерная сеть, связывающая между собой как пользователей компьютерных сетей, так.
Web-страницы Выполнил: учащийся 11В класса МОУ СОШ 7 Горобец Виталий Владимирович Новочеркасск 2005 Содержание ДалееНазадЗавершить.
Всемирная паутина Компьютерные телекоммуникации. 2 World Wide Web Популярнейшая служба Интернета - World Wide Web (сокращенно WWW или Web), еще называют.
ИНТЕРНЕТ И ВСЕМИРНАЯ ПАУТИНА Web сервер Home page Web-страница World Wide Web (WWW) – это распределенная информационная система («всемирная паутина») с.
Инструментальные средства создания Web-сайтов
1 Всемирная паутина. 2 Популярнейшая служба Интернета - World Wide Web (сокращенно WWW или Web), еще называют Всемирной паутиной. Представление информации.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Всемирная паутина Компьютерные телекоммуникации. 2 World Wide Web Популярнейшая служба Интернета - World Wide Web (сокращенно WWW или Web), еще называют.
Internet Всемирная компьютерная сеть. На текущий момент в мире существует множество компьютеров. Они расположены в разных странах на разных континентах.
Всемирная паутина Обучающая презентация 9 класс (базовый уровень)
ВВЕДЕНИЕ В Задачи урока Сформировать представление о языке HTML Познакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML.
Создание Web-сайта. 2 способа: Ручной С использованием конструктора Ручной: изучение языка HTML и CSS, написание тегов самостоятельно. Можно воспользоваться.
Рысаева Лиана и Сальманова Диана Ученицы 10 А класса.
ОСНОВЫ ЯЗЫКА ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ ДОКУМЕНТОВ Тема урока: Web-сайты и Web-страницы Паньков В.П., Рыжков А.О. / 41МИ ФМФ / НТГСПА, 2011.
Сайт педагога: необходимость или дань моде?. Немного теории Web-сайт (от англ.) – место в сети {web – паутина, сеть; site – место} Веб-сайт – совокупность.
Транксрипт:

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

2 Интернет – это сеть, объединяющая компьютерные сети, опоясывающая весь мир Интернет – это сеть, объединяющая компьютерные сети, опоясывающая весь мир Web-страничка – документ, основа которого HTML файл Web-страничка – документ, основа которого HTML файл Web -сайт – совокупность информационных единиц страниц, объединенных общей целью. Web -сайт – совокупность информационных единиц страниц, объединенных общей целью. Web-браузер –это программа, которая общается с Web - сервером, передает ему запросы, получает HTML документы и показывает их пользователю. Web-браузер –это программа, которая общается с Web - сервером, передает ему запросы, получает HTML документы и показывает их пользователю. HTML (файл) - документ, созданный на основе языка 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

14

15

16

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

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

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

20