Практические задания "Создание HTML-документов"

ПРАКТИЧЕСКИЕ ЗАДАНИЯ «Создание HTML­документов» 1. Создание HTML документов средствами Word 1. Создайте на рабочем столе папку с названием вашей группы. 2. Запустите WORD и введите следующий текст: Информационная технология  ­ совокупность методов, производственных процессов и программно­технических средств, объединенных в технологическую цепочку, обеспечивающую сбор, хранение, обработку, вывод и распространение информации для снижения трудоемкости процессов   использования   информационных   ресурсов,   повышения   их   надежности   и оперативности. 3. Отступите несколько абзацев и введите следующий текст: Совокупность   методов   и   производственных   процессов   определяет   принципы,   приемы, методы   и   мероприятия,   регламентирующие   проектирование   и   использование   программно­ технических средств для обработки данных в предметной области. 4.   Сохраните   документ   в   формате   HTML   с   помощью   команды  Файл/Сохранить  в   формате HTML  или  Файл/Сохранить как Web­страницу  (или команд  Файл/Сохранить как, выбрав тип файла «Документ HTML»  или тип файла «Web­страница») с именем  ИТ  в своей папке. Закройте документ ИТ. Будем считать этот документ главной страницей. 5. Создайте новый документ WORD и ведите следующий текст: Технические средства включают: • компьютер; • устройства ввода/вывода; • оргтехнику; • линии связи; • оборудование сетей. Программные средства состоят из системного (общего) и прикладного программного обеспечения и документации к ним. 6. Отступите один абзац и введите следующий текст:  На главную страницу 7. Задайте фон страницы ­ светло­зеленый. Для этого воспользуйтесь командами Формат /Фон. Сохраните документ в формате HTML (как Web­страницу) с именем  ПТС  в папке с названием своей группы. Закройте документ ПТС. 8. Создайте новый документ WORD и введите следующий текст: Информационные   ресурсы  ­   совокупность   данных,   представляющих   ценность   для предприятия и выступающих в качестве материальных ресурсов. 9. Отступите один абзац и введите следующий текст:  На главную страницу 10. Задайте фон страницы ­ светло­зеленый. Сохраните документ в формате HTML (как Web­ страницу) с именем ИР в папке с названием своей группы. Закройте документ ИР. 11. Откройте документ ИТ в MS Word с помощью команд Файл/Открыть. 12. Для того чтобы отделить первое определение от второго вставьте следующую таблицу: Наименование Технологическая цепочка Информационные ресурсы      Определение Определяет  технологические   процессы   проектирования   и   обработки данных ЭИС. Совокупность данных, представляющих ценность для предприятия и выступающих в качестве материальных ресурсов. 13. После таблицы добавьте горизонтальную линию, нарисовав ее с помощью панели рисования. В конце   документа   добавьте   любую   картинку.   Задайте   фон   страницы   ­  светло­зеленый.   Сохраните сделанные изменения. 14. Создайте в документе ИТ следующие гиперссылки: Гиперссылку для слов программно­технических для перехода на документ ПТС. И ссылку для слов На главную страницу из документа ПТС обратно на документ ИТ. Гиперссылку для слов информационных ресурсов для перехода на документ ИР. И ссылку для слов На главную страницу из документа ИР обратно на документ ИТ. Для этого: 1. В документе ИТ выделите в первом абзаце слова программно­технических средств и вызовите команду  Вставка/Гиперссылка.   В   диалоговом   окне   "Добавление   гиперссылки"   в   поле  Связать   с выберите / С имеющимся файлом. Web­страницей. Поставьте курсор в поле Введите имя файла или Web­страницы: и нажмите кнопку  Файл. В открывшемся окне выберите файл  ПТС  и нажмите  ОК. В поле   должно   появится   имя   выбранного   файла.   Нажмите  ОК.   Слово   изменит   свой   цвет   и   станет подчеркнутым. Это означает, что слово уже является ссылкой. 2. Откройте документ ПТС в MS Word с помощью команд Файл/Открыть. В документе ПТС выделите   слова  На   главную   страницу  и   вызовите   команду   создания   ссылки   в   меню Вставка/Гиперссылка. В диалоговом окне "Добавление гиперссылки" в поле  Связать  с выберите  С имеющимся   файлом,  Web­страницей.   Поставьте   курсор   в   поле  Введите   имя   файла   или   Web­ страницы: и нажмите кнопку  Файл. В открывшемся окне выберите файл  ИТ  и нажмите  ОК. В поле должно появится имя выбранного файла. Нажмите ОК. Закройте файл ПТС, сохранив его. 3. Аналогичным образом создайте гиперссылку для слов информационных ресурсов для перехода из документа ИТ на документ ИР. И ссылку для слов На главную страницу из документа ИР обратно на документ ИТ. 15. Сохраните документ, и закройте все документы. 16. Запустите файл  ИТ  дважды щелкнув на нем мышкой.  Файл  должен открыться в  Internet Explorer. Используя гиперссылки, просмотрите документы. Покажите созданные файлы преподавателю. 2. Форматирование текста в HTML­документах 1.   Составить   свое   резюме   по   следующему   плану   (в   общей   сложности   4   –   5   строчек,   вместо многоточий и пояснений в скобках вставить свои данные): Я, … (ФИО), родился … (дата и год рождения) в городе … (место, где родились). В 20… году окончил … школу (лицей, гимназию). В 20… году поступил в КГКП «Колледж радиотехники и связи». Специальность «…» В свободное от учебы время увлекаюсь … (перечислить не менее трех увлечений помимо учебы). Мои приятели в группе: …(перечислить не менее трех фамилий из группы). 2. Измените вид шрифтов в разных частях резюме 3. Вставить файл­картинку, проверить разные варианты обтекания изображения текстом 4. Вставить файл­картинку в виде фона для документа в целом 5. Преобразовать список приятелей в список гиперссылок на их резюме. 3. Создание таблиц в HTML­документах 1. Создать HTML­документ, в котором представлены  сведения  о гостиницах для  размещения участников некоторой конференции. Эти сведения оформить в виде таблицы: Характеристики гостиниц Название Адрес Центральная Пр. Мира, д. 4 Спортивная Вокзальная Бульвар Профсоюзов, д. 15 Привокзальная пл., д. 3 Тип номера Люкс одноместный Люкс двухместный Одноместный Одноместный Двухместный Четырехместный Цена за день $150 $250 $80 $50 $80 $50 2.   Форматирование   ячеек.   Выделите   сведения,   относящиеся   к   разным   гостиницам,   разной заливкой. Выровняйте по центру ячеек цены номеров.  3. После таблицы вставить гиперссылку на контакты администратора конференции. 4. Разделение окна Explorer на фреймы 1.   Создайте   HTML­документ   под   именем   glav.html,   разделяющий   и   заполняющий   экран   по следующей схеме: ЗАГОЛОВОК САЙТА МЕНЮ ПРИВЕТСТВИЕ  Ссылка на п_1  Ссылка на п_2  Ссылка на п_3 2.   В   левой   области   должен   отображаться   HTML­документ   c   заголовком   Оглавление   и гиперссылки   на   1,   2   и   3   страницы   (Пункт_1.html,   Пункт_2.html,   Пункт_3.html).   Гиперссылки, организуйте, таким образом, чтобы страницы 1, 2 и 3 отображались в правой области. 3. В каждый Пункт добавьте картинку.