ЗАДАНИЯ к лабораторным работам по дисциплине «Интернет и персональный компьютер» Лабораторная работа №1. Браузеры и электронная почта. ............................................................ 1 Лабораторная работа №2. Язык разметки гипертекста HTML (Hypertext Markup Language). ... 3 Лабораторная работа №3. Каскадные таблицы стилей CSS (Cascading Style Sheets). ................ 6 Лабораторная работа №4. HTML-редактор DreamWeaver. ............................................................ 7 Лабораторная работа №1. Информационные ресурсы НГТУ. Браузеры и электронная почта. Задание: 1) Познакомиться с сайтами: НГТУ – http://nstu.ru; Информационной службы НГТУ – http://info.nstu.ru Библиотеки НГТУ – http://library.nstu.ru; Центра культуры НГТУ – http://culture.nstu.ru Студгородка – http://hostel.nstu.ru; Найти информацию: о результатах набора на первый курс; о выпускающей кафедре; о своей специальности; о любом преподавателе, ведущем занятия по одному из предметов; о декане АВТФ; о заместителе декана по своей специальности; о Дне НГТУ; фото и видеоматериалы. 2) Браузеры (Microsoft Internet Explorer и Opera) Запустить браузер Internet Explorer; Познакомиться с элементами окна браузера и их назначением, настройкой; Изучить способы ввода адресов и основные принципы интернет-навигации; Познакомиться с папками «Избранное» и «Журнал»; Познакомиться со сменой кодировок; Изучить настройки браузера (в частности, обратить внимание на приемы для ускорения загрузки страниц); Познакомиться с настройкой стартовой страницы браузера; Изучить различные приемы сохранения информации (в том числе адресов); Познакомиться со справкой браузера Internet Explorer; Выполнить вышеперечисленные действия для браузера Opera. 3) Электронная почта (почтовые клиенты Microsoft Outlook Express и The Bat!) Запустить почтовый клиент Outlook Express; Настроить учетную запись; Познакомиться с элементами окна программы и их назначением, настройкой; Познакомиться с адресной книгой, создать несколько контактов, группу контактов; Послать простое письмо, с картинкой, на бланке, различной важности, с вложением файла, с подписью, с уведомлением; Принять письмо, ответить на письмо, переслать письмо; Познакомиться со сменой кодировок, проверкой правописания; Создать собственные локальные папки, разложить письма в папки; Изучить различные приемы сохранения писем и вложений; Познакомиться с правилами для почты; Изучить настройки программы; Познакомиться со справкой программы Outlook Express. Выполнить вышеперечисленные действия для почтового клиента The Bat!. Содержание отчета: без отчета. Лабораторная работа №2. Язык разметки гипертекста HTML (Hypertext Markup Language). Задание: Запустить редактор HtmlPad (Пуск/Программы/HtmlPad FisherMan/HtmlPad FisherMan); Познакомиться со справкой редактора HtmlPad; Создать html-документ, содержащий: различным образом отформатированный текст (использовать теги <p>, <br>, <hn>, <b>, <i>, <u>,<address>, <blockquote>,<strong>, <sub>, <sup>, <font>); графическое изображение (<img>); гиперссылки: на другой html-документ, в пределах создаваемого htmlдокумента, на e-mail (<a>); бегущую строку (<marquee>); список и таблицу (в соответствии с вариантом) (<ol>, <ul>, <li>, <table>, <tr>,<td>, <th>); Вариант 1 3. 4. 5. 6. Зима Весна Лето Осень Вариант 2 Зима Весна Лето Осень Вариант 3 c. ci. cii. ciii. Зима Весна Лето Осень Вариант 4 y. z. aa. ab. Зима Весна Лето Осень Вариант 5 B. C. D. E. Зима Весна Лето Осень Вариант 6 Зима Весна Лето Осень Вариант 7 k. l. m. n. Зима Весна Лето Осень Вариант 8 ▪ ▪ ▪ ▪ Зима Весна Лето Осень Вариант 9 IV. Зима V. Весна VI. Лето VII. Осень Вариант 10 AA. Зима AB. Весна AC. Лето AD. Осень Вариант 11 m. Зима mi. Весна mii. Лето miii.Осень Просмотреть созданный документ в браузерах Internet Explorer и Opera. Содержание отчета: титульный лист; задание; html-разметка для документа, созданного с помощью редактора HtmlPad; выводы по работе. Лабораторная работа №3. Каскадные таблицы стилей CSS (Cascading Style Sheets). Задание: Запустить редактор HtmlPad (Пуск/Программы/HtmlPad FisherMan/HtmlPad FisherMan); Изменить с помощью каскадных таблиц стилей html-документ, созданный в лабораторной работе №2 (текст (шрифт, размер, цвет, поля, обрамление), гиперссылки, фон документа, список, таблицу); Использовать три способа определения каскадных таблиц стилей: связанные, внедренные, встроенные; Продемонстрировать действие приоритетов при применении различных способов определения CSS; Изменить вид курсора; Создать несколько слоев с наложением друг на друга; Использовать фильтры для изображения и текста; Просмотреть созданные документы в браузерах Internet Explorer и Opera. Содержание отчета: титульный лист; задание; описание стилей и слоев; выводы по работе. Лабораторная работа №4. HTML-редактор DreamWeaver. Задание: Запустить редактор DreamWeaver (Пуск/Программы/Macromedia/Macromedia DreamWeaver MX); Познакомиться с учебником DreamWeaver; Создать в wysiwyg-режиме три html-документа; В первый документ поместить текст, список, изображение, гиперссылки; Изучить возможности панели «Параметры» для соответствующих элементов страницы; Изменить оформление элементов страницы, используя панель «Параметры»; Во второй документ поместить таблицу, состоящую из нескольких строк и столбцов, с объединенными ячейками; Для второго документа определить новые стили для таблицы, используя связанную таблицу стилей; В третий документ поместить несколько слоев, используя внедренную таблицу стилей; Связать документы с помощью гиперссылок; Просмотреть созданные документы в браузерах Internet Explorer и Opera. Содержание отчета: без отчета.