Читайте также:
|
Рисунок 5. Свойства эффекта бегущей строки
10. Указав параметры бегущей строки, можно добавить фон страницы. Для этого можно воспользоваться командой «Свойства страницы» контекстного меню фона страницы или Формат → Фон. В качестве фона выберите из папки «картинки для Web-узла» изображение «Pastel.jpg». В результате должно получиться следующее, аналогично рисунку 6.
11. Сохраните обязательно созданную страницу (Файл → Сохранить как) под именем «Заголовок.html». При сохранении, страница автоматически сохраняется в папку мой_узел1, находящуюся в папке Мои веб-узлы → Мои документы.
12. При сохранении страницы вы указываете место сохранения самой страницы, а также место сохранения вставленного изображения, если таковое имеется. Для этого при сохранении автоматически появляется окно сохранения вставленных изображений страницы (см. рис. 6).
Рисунок 6. Окно сохранения внедренных файлов
13. 
Чтобы в итоге в нашей папке, в которой хранятся все используемые картинки и созданные файлы, был порядок (так как их в итоге будет много), нужно в этом открывшемся окне с помощью кнопки «Сменить папку» выбрать место сохранения изображений. В результате нажатия кнопки, откроется окно (см. рис. 7), в котором нужно выбрать папку Images или при необходимости создать новую папку с помощью кнопки
Рисунок 7. Выбор папки при сохранении внедренных файлов
ЗАМЕЧАНИЕ: При сохранении не забывайте указывать место сохранения используемых изображений (или в папку images, или в созданную самостоятельно папку). Таким же образом следует сохранять все остальные страницы Web-узла.
14. Для просмотра созданной страницы в браузере выберите: Файл → Просмотреть в обозревателе → выбирается обозреватель (см. рис. 8).
15. Оформив страницу «Заголовок» таким образом, приступаем к созданию страницы «Содержание».
 |
Рисунок 8. Страница «Заголовок»
16. Шаг 2: Создание следующей страницы «Содержание» осуществляется аналогично первой страницы. Что касается оформления данной страницы, то оно немного отличается от первой страницы.
17. Изначально, укажите тот же фон, который использовали изначально для первой страницы.
18. Далее, для добавления пунктов содержания можно использовать элементы списка. Для более наглядного вида можно воспользоваться меняющимися эффектными кнопками. Выберите Вставка → Меняющаяся кнопка. В открывшемся окне на вкладке КНОПКА поэкспериментируйте с выбором внешнего вида кнопки в поле КНОПКА, и выберите например, «стеклянный прямоугольник 2» (см. рис. 9).
Рисунок 9.Настройка свойств меняющихся кнопок на вкладке КНОПКА
19. В этом окне в поле ТЕКСТ введите текст, который будет отображаться на кнопке: «УСТРОЙСТВА ВВОДА».
20. Затем, не закрывая окна, на вкладке ШРИФТ (см. рис. 10) отформатируйте шрифт, размер (12), цвет текста (исходный цвет, цвет при нажатии, при наведении мыши).
Рисунок 10. Настройка свойств меняющихся кнопок на вкладке ШРИФТ
21. В этом же окне на вкладке РИСУНОК (см. рис. 11) отредактируйте размеры кнопки. ОК.
Рисунок 11. Настройка свойств меняющихся кнопок на вкладке РИСУНОК
22. Аналогичным образом создаются все остальные кнопки. Текст, который нужно разместить на кнопках:
1) Текст для первой кнопки — «УСТРОЙСТВА ВВОДА»
2) Текст для второй кнопки — «ПАМЯТЬ КОМПЬЮТЕРА»
3) Текст для третьей кнопки — «ПРОЦЕССОР»
4) Текст для четвертой кнопки — «УСТРОЙСТВА ВЫВОДА»
5) Текст для пятой кнопки — «ИНФОРМАЦИОННЫЕ МАГИСТРАЛИ».
6) Последняя, кнопка — «ВЕРНУТЬСЯ В НАЧАЛО».
Дата добавления: 2015-07-10; просмотров: 182 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Занятие IV | | | ЗАМЕЧАНИЕ: При необходимости изменения формата кнопки окно свойств меняющейся кнопки можно активизировать с помощью команды СВОЙСТВА КНОПКИ контекстного меню. |