Программа создания Веб - сайтов и управления ими

Содержание

Слайд 2

План: Внешний вид программы Создание страницы, Web-узла Выбор темы Фон Вставка

План:

Внешний вид программы
Создание страницы, Web-узла
Выбор темы
Фон
Вставка рисунка
Вставка веб-компонента (Создание

интерактивной кнопки)‏
Вставка гиперссылки
Вставка фотоколлекции
Вставка таблицы
Шаблоны страниц
Создание страницы рамок
Слайд 3

ВНЕШНИЙ ВИД ПРОГРАММЫ Найдите сходства с Найдите сходства с Microsoft Office

ВНЕШНИЙ ВИД ПРОГРАММЫ

Найдите сходства с

Найдите сходства с Microsoft Office Word

Режимы:

Создание

страницы происходит в режимах «конструктор» и, если Вы владеете языком HTML, в режиме «код»
Слайд 4

СОЗДАНИЕ САЙТА ?

СОЗДАНИЕ САЙТА

?

Слайд 5

Выбор темы Использование темы «утяжеляет» сайт, поэтому лучше использовать для фона рисунок!!!

Выбор темы

Использование темы «утяжеляет» сайт, поэтому лучше использовать для фона

рисунок!!!
Слайд 6

Оформление фона Чтобы рисунок не двигался ставим галочку Выберем в качестве фона рисунок

Оформление фона

Чтобы рисунок не двигался ставим галочку

Выберем в качестве
фона

рисунок
Слайд 7

Вставка рисунка Знакомо?!!

Вставка рисунка

Знакомо?!!

Слайд 8

Вставка веб-компонента Рассмотрим создание интерактивной кнопки Нажимаем готово

Вставка веб-компонента

Рассмотрим создание интерактивной кнопки

Нажимаем готово

Слайд 9

Выбираем вид кнопки Вводим текст на кнопке Первая вкладка «Кнопка»

Выбираем вид кнопки

Вводим текст на кнопке

Первая вкладка «Кнопка»

Слайд 10

Вторая вкладка «Шрифт» Выбираем шрифт Начертание Размер шрифта Исходный цвет текста

Вторая вкладка «Шрифт»

Выбираем шрифт

Начертание

Размер шрифта

Исходный цвет текста

Цвет при наведении

Цвет при нажатии

Слайд 11

Третья вкладка «Рисунок» Если кнопка со скругленными углами, то необходимо поставить

Третья вкладка «Рисунок»

Если кнопка со скругленными углами, то необходимо поставить

флажок «Использовать для кнопки формат GIF и прозрачный фон.

Выбираем ширину и высоту кнопки

Нажимаем «ОК»

Слайд 12

Вставка гиперссылки Указываем адрес когда готовы все страницы, устанавливаем связи между

Вставка гиперссылки

Указываем адрес

когда готовы все страницы, устанавливаем связи между ними:

Например,

из списка нов_стр_1.htm

Выделяем нужный элемент (фрагмент текста, рисунок и т.п.)‏

Слайд 13

Вставка фотоколлекции Фотоколлекцию можно вставить только в Web-узел ! Прежде чем

Вставка фотоколлекции

Фотоколлекцию можно вставить только в Web-узел !

Прежде чем создавать фотоколлекцию,

необходимо поместить снимки в папку, находящуюся в Web-узле!!!
Слайд 14

Наполнение фотоколлекции Нажимаем добавить – рисунки из файла - … и

Наполнение фотоколлекции

Нажимаем добавить – рисунки из файла - … и повторяем

эти действия до наполнения коллекции

Для каждой фотографии можно создать подпись, использовать другие параметры шрифта

Можно фотографию изменить, удалить

Слайд 15

Выбираем макет Нажимаем «ОК»

Выбираем макет

Нажимаем «ОК»

Слайд 16

Вставка таблицы Можно воспользоваться макетной таблицей Или нарисовать таблицу самому Границы

Вставка таблицы

Можно воспользоваться макетной таблицей

Или нарисовать таблицу самому

Границы таблицы можно сделать

прозрачными
Таблицы часто используют для выравнивания текста …
Слайд 17

Шаблоны страниц

Шаблоны страниц

Слайд 18

Первая вкладка «Общие»

Первая вкладка «Общие»

Слайд 19

Вторая вкладка «Страница рамок»

Вторая вкладка «Страница рамок»

Слайд 20

Рассмотрим более подробно создание страниц рамок» Для примера выберем «Вложенную иерархию»

Рассмотрим более подробно создание страниц рамок»

Для примера выберем «Вложенную иерархию»

Определим конечную

рамку (для «загрузки» страниц)
Слайд 21

Появляются страницы рамок Выбираем нужную страницу Нажимаем «ОК» Повторяем действия для

Появляются страницы рамок

Выбираем нужную страницу

Нажимаем «ОК»

Повторяем действия для всех рамок

Мы можем

задать
начальную страницу,
если такая имеется
Слайд 22

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

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

Слайд 23

Сохраняем страницы Файл – сохранить Даем имя странице Видим расположение страницы Запоминаем название конечной рамки

Сохраняем страницы

Файл –
сохранить

Даем имя странице

Видим расположение страницы

Запоминаем название конечной рамки