Веб-страницы
<<  Средства создания web-страниц Структура web-страницы  >>
Создание веб-страниц в Word
Создание веб-страниц в Word
Проектирование веб-сайта
Проектирование веб-сайта
Структура сайта
Структура сайта
Страница
Страница
Текстовые блоки
Текстовые блоки
Таблицы
Таблицы
Темы предлагаются во всех офисных программах
Темы предлагаются во всех офисных программах
Создание веб-страниц
Создание веб-страниц
Изображения
Изображения
Результат выполнения пунктов
Результат выполнения пунктов
Результат выполнения
Результат выполнения
Страницы «Комедии» и «Детективы»
Страницы «Комедии» и «Детективы»
И detektiv
И detektiv
При создании главной страницы можно использовать прежнюю
При создании главной страницы можно использовать прежнюю
Этап разработки
Этап разработки
Привлекательность веб-страницы
Привлекательность веб-страницы
Редактор
Редактор
Конец урока
Конец урока
Презентация «Создание web-страниц в Word». Размер 2292 КБ. Автор: .

Загрузка...

Создание web-страниц в Word

содержание презентации «Создание web-страниц в Word.ppt»
СлайдТекст
1 Создание веб-страниц в Word

Создание веб-страниц в Word

Создание веб-страниц в WORD. Автор: учитель информатики СОШ № 28 г.Бобруйска Кунцевич Л.А.

2 Проектирование веб-сайта

Проектирование веб-сайта

Часть первая. Проектирование веб-сайта.

3 Структура сайта

Структура сайта

Структура сайта. Мы познакомимся с простыми инструментами и методами разработки веб-страниц. На примере рассмотрим, как создать фрагмент сайта, содержащего репертуар кинотеатра. Прежде всего необходимо: разработать проект сайта; уяснить его структуру и предполагаемое содержание. Т.е. построить информационную модель сайта. Первая ( главная ) веб-страница. Фото. Драмы. Комедии. Детективы. Вторая веб-страница Третья веб-страница Четвертая веб-страница. Кинотеатр «Октябрь» предлагает Драмы Комедии Детективы.

4 Страница

Страница

На первом ( верхнем уровне ) находится первая ( главная ) страница. На ней размещается общая информация о кинотеатре и гиперссылки, позволяющие открыть страницы второго уровня. На втором ( нижнем ) уровне размещают страницы, посвящённые определённым жанрам фильмов. Жанр фильма. Страницы второго уровня. Название, страна Режиссёр Актёры: Фото сюжета. Краткое содержание. Сеансы: Цена билета:

5 Текстовые блоки

Текстовые блоки

Текстовые блоки графические объекты. Конечно, структура сайта в дальнейшем может быть усложнена добавлением страниц последующих уровней. Например страниц, посвящённых режиссёрам, актёрам и т.д. Все страницы одного уровня часто оформляют в едином стиле. Однако их оформление может и отличаться. Основными элементами веб-страниц являются: К текстовым блокам относят: К графическим объектам относят: Основной текст, заголовки списки текстовые гиперссылки и т.Д. Изображения ( рисунки, фото, анимация ) , «обои» - фоновые рисунки, изображения-гиперссылки, разделительные линии.

6 Таблицы

Таблицы

Тема -. Для размещения элементов в заданных местах страницы часто используются таблицы. Стиль текста и стиль графических элементов определяют стиль оформления веб-страницы. Под стилем текста понимается тип шрифта, размер, начертание, отступы, выравнивание, межсимвольные и межстрочные интервалы и др. Стиль графических элементов задаётся формой, размером, цветом, фактурой материала, а также разнообразными эффектами. Для стилистически грамотного оформления документов удобно использовать готовые шаблоны – Темы. Это специально разработанный компьютерным дизайнером набор элементов оформления и цветовых схем документа. Тема задаёт стиль оформления каждой страницы и всего сайта: стиль основного текста, заголовков, гиперссылок и т.п.

7 Темы предлагаются во всех офисных программах

Темы предлагаются во всех офисных программах

Темы предлагаются во всех офисных программах. Создание сайта начинается с выбора готовой Темы или разработки своего шаблона оформления. После этого создаются отдельные страницы. Затем оформляются гиперссылки, которые определяют навигацию по сайту. Файлы всех страниц веб-сайта помещаются в отдельную папку. Это упращает размещение сайта на веб-сервере. Файлу главной веб-страницы принято давать имя index или main с расширением htm или html. Тема «Бомбёжка» Тема «Магистраль».

8 Создание веб-страниц

Создание веб-страниц

Часть вторая. Создание веб-страниц.

9 Изображения

Изображения

Начнём создание веб-сайта с оформления страниц второго уровня. При сохранении документа WORD в виде веб-страницы все используемые в документе изображения будут помещены в отдальную папку с именем веб-страницы и расширением .files.

10 Результат выполнения пунктов

Результат выполнения пунктов

Результат выполнения пунктов 1 – 4.

11 Результат выполнения

Результат выполнения

Результат выполнения остальных пунктов и просмотра созданной веб-страницы в браузере.

12 Страницы «Комедии» и «Детективы»

Страницы «Комедии» и «Детективы»

Аналогичный образом создаются страницы «Комедии» и «Детективы». Если для создания новых страниц использовали уже созданную, не забывайте только сохранять их под своими именами KOMEDY.HTM.

13 И detektiv

И detektiv

И DETEKTIV.Htm.

14 При создании главной страницы можно использовать прежнюю

При создании главной страницы можно использовать прежнюю

При создании главной страницы можно использовать прежнюю Тему или выбрать новую.

15 Этап разработки

Этап разработки

Важный этап разработки веб-страницы – создание гиперссылок. Для этого необходимо: 1. выделить текст, который станет текстовой гиперссылкой; 2. команда Вставка Гиперссылка или значок 3. Связать с файлом, веб-страницей 4. выделить нужный файл, содержимое которого должно открыться по гиперссылке и подтвердить выбор. По окончании работы необходимо просмотреть созданные страницы в браузере и проверить работы ссылок.

16 Привлекательность веб-страницы

Привлекательность веб-страницы

Повысить привлекательность веб-страницы можно, разместив на ней динамические и интерактивные элементы. «Оживим» нашу главную страницу сайта размещением на ней бегущей строки. Порядок выполнения задания: Вид Панели инструментов Веб-компоненты Вызовем окно «Бегущая строка» Наберём текст «Предлагает», выполним нужные установки и подтвердим выбор.

17 Редактор

Редактор

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

18 Конец урока

Конец урока

Конец урока.

«Создание web-страниц в Word»
Загрузка...
Сайт

5informatika.net

115 тем
5informatika.net > Веб-страницы > Создание web-страниц в Word.ppt