Задание для самостоятельной работы
Подготовка документа раскладки Веб-страницы.
1.1. Вызвать текстовый редактор Блокнот.
1.2. Используя вышеприведенный текст как шаблон, произвести первоначальную разметку страницы, заменив буквенные обозначения необходимыми числовыми величинами. Следует иметь ввиду, что при размещении информации в отдельных фреймах придется изменять эти пропорции !
1.3. Сохранить результат как в текстовом, так и в html формате под именем index в папке с одноименным названием - index.
1.4. Проверить результат.
Создание и редактирование графических элементов страниц internet витрины.
Для заполнения окон интернет-витрины понадобятся вэб-страницы, содержащие соответствующую информацию, либо графическую, как например баннер, либо текстовую, как элементы меню навигатора.
Все графические элементы, необходимые для формирования вэб-страниц, находятся в папке Рисунки для фрэймов, которая размещена в папке ИРМ на серверном диске. Скопируйте их в свою папку рисунки_кресел для дальнейшей обработки.
Габариты рисунков не подходят впрямую к размерам окон фрэймов, и их придется корректировать. Для этого следует использовать возможности Adobe Photoshop или программы графического редактора Microsoft Paint из набора стандартных программ.
Принципы обработки изображений в Adobe Photoshop были рассмотрены ранее. Простейшие приемы получения и преобразования рисунков с использованием Paint рассмотрим ниже.
|
|
|
2.1 Вызвать Microsoft Paint. Открыть в окне редактора для примера рисунок кресла aragon из папки рисунки_кресел.
2.2 Для изменения размеров или поворота изображения следует использовать соответствующую строку меню инструмента Рисунок.
2.3 Для вырезания части рисунка, копирования, вставок и т.п. следует использовать инструмент выделение из левой палитры.
В этой же палитре расположены инструменты для формирования рамок, выделения, вытирания части рисунка, заливки и т.п..
2.4 Для получения произвольного графического фрагмента текущего экрана с помощью Paint, следует скопировать текущий экран в буфер, для чего достаточно нажать общеизвестную клавишу Prt Sc. Далее активизировав Paint, вставить это изображение на его поле для дальнейшего редактирования и сохранения.
Формирование содержимого графических страниц фреймов
Для заполнения окон banner и address необходимо создать соответствующие вэб-страницы. Целесообразно их сохранить именно под этими именами !
3.1 Вызвать блокнот и оформить html текст, главным тегом которого будет ссылка на рисунок banner.jpg (<img src="имя"> ) Сохраните его в папке index в виде веб-страницы под именем banner.
3.2 Рассмотренным выше способом создать еще один файл со ссылкой на рисунок address.jpg, сохранив его под его же именем:
|
|
|
3.3 Вызвать и отредактировать файл index,вставив в качестве имен фреймов в верхнюю строку, созданные в п.3.1 и п.3.2 вэб-страницы.
3.4 Активизировать файл indexи оценить результат.
3.5 Средствами, объявленными в п.2 отредактировать графику так, чтобы она занимала отведенные ей окна и не искажала общей картины сайта.
3.6 Для заполнения окна contentсоздать и сохранить вэб-страницу с именем content, представляющую собой таблицу из 2 строк и 4 столбцов. Ячейки таблицы заполнить изображениями кресел из папки рисунков.
3.7 Вызвать и отредактировать файл index,вставив имя фрейма content в нужную строку документ раскладки.
3.8 Активизировать файл indexи оценить результат.
3.9 Отредактировать габариты рисунков, чтобы они не нарушали общей картины сайта.
3.10 Сохранить текущее состояние всех файлов.
Дата добавления: 2018-04-05; просмотров: 218; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!