Повторение материала:
На доске записать основные тэги HTML – стандарта
Рассказать , что представляют собой веб-страница и веб-сайт.
Фронтальный опрос:
Что такое веб-дизайн?
Что мы понимает под понятием «юзабилити»?
Перечислите «золотые правила» оформления сайта.
С помощью каких приемов автор сайта старается повысить юзабилити? ( на примере представленного сайта)
По мнению дизайнеров, особое внимание при создании сайта следует уделять первой (главной) странице. Почему?
1. Разработка сайта « Внутренние устройства компьютера».
Наш сайт будет посвящен компьютеру, Каждая страница должна содержать заголовок, поясняющий текст, иллюстрацию и панель навигации. Сайт будет состоять из 4 страниц. Две страницы мы сделаем сегодня на уроке, а две другие вы самостоятельно сделаете дома и внесете в них свое оформление.
Главная страница содержит: (Показ слайдов)
Заголовок – Давайте знакомиться –устройства компьютера.
Поясняющий текст : Страницы этого сайта позволят Вам больше узнать о внутренних и внешних устройствах компьютера, Терминологический словарь познакомит Вас с компьютерными терминами. Иллюстрацию : рисунок компьютера
Навигационную панель : Гиперссылки на 3 другие страницы <ВНУТРЕННИЕ УСТРОЙСТВА
ВНЕШНИЕ УСТРОЙСТВА
СЛОВАРЬ >
Вторая страница: (Показ слайдов)
Заголовок – ВНУТРЕННИЕ УСТРОЙСТВА
Поясняющий текст : Информацию об внутрнних устройствах в форме вложенного списка
Иллюстрацию : рисунок
Навигационную панель : Гиперссылки на 3 другие страницы <ВНУТРЕННИЕ УСТРОЙСТВА
ВНЕШНИЕ УСТРОЙСТВА
СЛОВАРЬ >
2.Инструментальные средства создания сайтов
Для создания сайта используются специальные инструментальные средства позволяющие создавать страницы имея минимальные знания по основам программирования. В качестве самого удобного и распространенного инструментального средства следует отметить Microsoft Front Page , который входит в состав Microsoft office. (Показать на слайде). Также для создания сайта используют привычный и удобный текстовый редактор БЛОКНОТ.
3.Практическая работа
ХОД РАБОТЫ
1. Создайте папку site (Файл-Создать-Папку).
2. Откройте текстовый редактор Блокнот (Пуск-Программы-Стандартные-Блокнот).
3. Наберите следующий HTML-код:
Устройства компьютера
Давайте знакомиться – компьютер
|
Достарыңызбен бөлісу: |