Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Практическая работа №3 «FrontPage 2003».

Цель: научится работать с Front Page 2003. | Шрифт:’Comic Sans MS’; начертание: полужирный курсив; размер:24pt; цвет: малиновый; выравнивание: по центру | Темы для создания web-страниц |


Читайте также:
  1. I. РАБОТА НАД ТЕКСТОМ
  2. II. Работа над смысловой и интонационной законченностью предположения.
  3. II. Работа по составлению предложений.
  4. II. Работа с предложением, состоящим из трех слов.
  5. II. Работа с рассказом.
  6. II. Работа с таблицей
  7. II. Работа со словами, обозначающими предметы и действия.

Работа с меню «Таблица».Создание фотоальбома.

 

  1. На новой странице создать таблицу «Расписание уроков» по образцу (воспользуйтесь меню Таблица)

 

  1. Создайте новую страницу с фотоколлекцией. Используйте пункт меню Вставка à Рисунок à Создать фотоколлекцию. В окне «Свойства коллекции фотографий», нажав на кнопку добавить, выберите рисунок или фотографию, установить необходимый размер, подпись и описание фотографии. Выберите макет оформления коллекции на закладке «Макет».

 

  1. Создать сайт, посвященный достопримечательностям Лондона или чему-нибудь еще. Сайт должен включать:

· Таблицы

· Рисунки

· Фотоколлекцию

· Тему

· Гиперссылки (внутристраничные и внутрисистемные)

Практическая работа №4. "Формы"

 

Создайте новую страницу.

Для того, чтобы вставить нужную вам форму во FrontPage, необходимо выбрать в меню Вставка à Форма à Форма, на рабочем поле конструктора пунктиром обозначится область формы. Все элементы формы должны быть расположены внутри этой формы, т.е. при добавлении нового объекта на форму курсор должен быть внутри пунктирной области.

Вставьте на форму объекты из меню Вставка à Форма. Для изменения свойств выбранной формы, используйте двойной щелчок левой кнопкой мыши по ней, либо щелчок правой кнопкой мыши и в выпавшем контекстном меню пункты Свойства поля формы или Свойства формы.

 

Задания:

1. Оформить следующую форму:

2. Примечания: введите имена компонентов согласно:

2.1. Фамилия – поле

2.2. Имя – поле

2.3. Отчество – поле

2.4. Пароль –поле для ввода пароля

2.5. Число – раскрывающийся список, каждый элемент имеет значение, равное соответствующему числу, отображающемуся в меню. Первый элемент должен быть выбран. Элементы должны определять все возможные дни в месяце (от 1 до 31).(Для выбора того или иного значения выпадающего списка по умолчанию, необходимо в Свойствах раскрывающегося списка в окне Добавление варианта поставить галочку в пункте значение, написать начальное состояние по умолчанию и поставить выбрано)

2.6. Месяц – раскрывающийся список, каждый месяц оформить следующим образом: значение равно номеру месяца. Первый элемент должен быть выбран. Элементы должны определять все возможные месяцы (от января до декабря).

2.7. Год – раскрывающийся список. Первый элемент должен быть выбран. Элементы должны определять все возможные года в диапазоне от 1976 до 2007.

2.8. Ваш пол – раскрывающийся список, значение первого элемента – man, второго – woman. Первый элемент должен быть выбран.

2.9. Нравится ли Вам информатика – переключатели, имя для всех элементов – inf, значение первого элемента – да, второго – нет, третьего – не знаю. Первый элемент должен быть выбран.

2.10. Что входит в Ваши интересы – флажок, имя для всех элементов – like, значение первого элемента – kino, второго – theatre, третьего – music, четвертого – sport. Последний элемент помечен.

2.11. Внизу две кнопки – Очистить (тип кнопки - сброс). Отправить (тип кнопки - отправить).

2.12. Правой кнопкой мыши à выбрать пункт Свойства формы. В поле отправка указать имя файла или можно отправить данные на почтовый ящик, указать адрес почты.

3. Сохранить документ под именем forms.htm и проверить работы формы (открыть ее в браузере, заполнить форму и отправить содержимое скрипту).

Практическая работа №5 "Фреймы"

Фреймы HTML позволяют авторам представить документ одновременно в нескольких окнах, которые могут быть независимыми окнами или подокнами.

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

Для создания фреймовой структуры страницы необходимо создать новый документ следующим образом:

Ø Файл à Создать,

Ø в появившемся справа окне выбрать пункт Другие шаблоны страниц,

Ø выбрать закладку Страница рамок,

Ø выбрать шаблон, который Вам подходит, например, Объявление и оглавление.

В появившейся фреймовой структуре установить начальные страницы, если они уже существуют, либо создать новые.

Обратите внимание, что каждый фрейм является отдельной страницей. Сохранение страницы с фреймами следующим образом: сначала сохраняется полностью страница, содержащая фреймы, потом созданные вами, обратите внимание, какие имена вы задаете каждой странице.

Для того чтобы при создании гиперссылки новая страница открывалась в нужном фрейме, необходимо при создании гиперссылки указывать целевой фрейм. Свойства гиперссылки à кнопка Выбор рамки à Выбрать нужную рамку щелчком мыши в разделе Текущая страница рамок.

Задание:

Оформить сайт из созданных вами ранее страниц по определенной теме с использованием фреймовой структуры (выберите на свое усмотрение). Обязательно присутствие содержания из гиперссылок на страницы сайта; информация об авторе сайта.

 

Практическая работа №6 «Использование карт»

Карты изображений позволяют авторам специфицировать регионы/области изображения или объекта и назначать отдельное действие каждому региону (например, запросить документ, запустить программу и т.п.). Если регион активируется пользователем, действие запускается на выполнение.

Карта изображений (image map) создаётся путём ассоциирования объекта со спецификацией сенситивного геометрического региона на объекте.

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

Подключите панель инструментов Рисунки: Вид à Панели инструментов à Рисунки.

Сделайтеактивным изображение (выделите его щелчком мыши), и панель инструментов станет тоже активной.

Для создания изображений-карт используются следующие кнопки панели инструментовРисунки: Выбрать, Гиперпрямоугольник, Гиперкруг, Гипермногоугольник и Выделить гиперобъекты.

Выберите область на рисунке, которую вы хотите сделать ссылкой. На панелиРисунки выберите кнопку, соответствующую форме задаваемой области: прямоугольник, круг или многоугольник. Нарисуйте контур вокруг той части изображения, которую вы хотите сделать активной областью. Размеры уже существующей активной области можно изменить или переместить саму область.

После того как вы добавите активную область, появится диалоговое окно Добавление гиперссылки. Укажите путь к документу, на который ссылаетесь. Чтобы изменить гиперссылку активной области, щелкните по ней двойным щелчком, либо контекстное меню области.

Для наложения текста на изображение выберите инструмент Текст, область для ввода текста всегда появляется в центре изображения и ее можно переместить, куда необходимо. Введите необходимый текст. Атрибуты надписи (цвет, размер, начертание и т.д.) можно изменить с помощью панели инструментов форматирование или меню формат à шрифт. Текст можно сделать также активной областью: щелкните по тексту правой кнопкой мыши и выберите в контекстном меню пунктГиперссылка.

 

Задание:

Оформить страницу с изображением-картой (рисунок создать самостоятельно либо использовать из уже имеющихся) с переходами на созданные вами ранее страницы по выбранной теме. Использовать надписи.

 


Дата добавления: 2015-07-20; просмотров: 309 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Работа с меню «Вставка» и меню «Формат».| Шаблона страницы.

mybiblioteka.su - 2015-2024 год. (0.014 сек.)