- •Лабораторный практикум по первой части Задание 1. Создание простейшей Web-страницы
- •Задание 2. Изучение приемов форматирования абзацев
- •Задание 3. Создание таблиц
- •Задание 4. Создание прайс-листа средствами языка html
- •Материнские платы asRock, asus ,Gigabyte
- •Процессоры amd, Intel
- •Задание 5. Создание Web-документа при помощи редактора FrontPage2003
- •Задание 6. Создание Web-документа при помощи табличного процессора Excel 2003
Лабораторный практикум по первой части Задание 1. Создание простейшей Web-страницы
Цель занятия: научиться создавать простейшую Web-страницу.
На выполнение задания 1 отводится 15—30 минут.
Выполнение:
Запустите текстовый редактор Блокнот, последовательно выполняя команды Пуск ► Программы ► Стандартные ► Блокнот.
Введите текст, согласно следующему ниже Листингу 1.
Листинг 1. Код первой программы на языке HTML
<HTML> <HEAD>
<TITLE> Первая Web-страница студента (фамилия)
</TITLE>
</HEAD>
<BODY>
Первая Web-страница создана (дата) и будет сохранена в папке (имя) под именем Zadaniel.htm
</BODY>
</HTML>
Для создания фона (обоев) флаг BODY следует записать так:
<BODY bgcolor=blue text=red> или
<BODY bgcolor=2.jpg text=:yellow>.
В первом случае фон будет голубым, а текст будет красного цвета.
Во втором случае фон задается картинкой с именем 2.jpg, а текст будет желтого цвета.
Сохраните документ в своей папке под именем Zadanie1.htm и второй раз под именем Zadanie1.txt. Перед сохранением под именем Zadanie1.htm убедитесь, что сброшен флажок Не показывать расширения для зарегистрированных типов файлов. Для этого нужно активизировать команды Пуск ► Настройка ► Свойства папки ► Вид. Если не сбросить флажок, то редактор Блокнот может автоматически добавить в имени задания расширение .txt. На вопрос, нужно ли сменить расширение, следует дать положительный ответ.
Дважды щелкните по значку с именем Zadanie1.htm или запустите программу Internet Explorer при помощи команд Пуск ► Программы ► Internet Explorer или при помощи значка этой программы, который располагается на рабочем столе. Затем активизируйте команды Файл ► Открыть. Щелкните левой кнопкой мыши при расположении курсора на кнопке Обзор. Откройте файл Zadanie1.htm, который должен находиться в папке с вашей фамилией.
Посмотрите, как отображается этот файл. Посмотрите отображение заголовка документа, расположенное между флагами <TITLE> и </TITLE>, и отображение содержимого основного документа, расположенное между флагами <BODY> и </BODY>.
Созданный при помощи программы Internet Explorer документ имеет вид.
Первая WEB-страница студента Иванова
Первая WEB-страница создана 15.02.2010г. и будет сохранена в папке Иванов под именем Zadanie1.htm
Задание 2. Изучение приемов форматирования абзацев
Цель занятия: научиться создавать простейшую Web-страницу с применением приемов форматирования абзацев. На выполнение задания 2 отводится 1 час.
Скопируйте в свою папку файл с именем Zadanie1.txt.
Откройте этот файл и удалите текст между флагами <BODY> и </BODY>.
Заголовок первого уровня заключается между флагами <Н1> и </Н1>, заголовок второго уровня заключается между флагами <Н2> и </Н2>. Отдельный абзац вводится с флага <р>, как это показано в тексте приводимого ниже задания.
После флага <BODY> введите новый текст.
<Н1> 1. Дополнительные средства подготовки документов </Н1>.
Отделите последующий текст зеленой горизонтальной линией при помощи флага <HR>, записав строку:
<HR SIZE=5 WIDTH=80% ALIGN=CENTER COLOR—'GREEN">. Далее введите: <H2> 1.1. Гиперссылки</Н2>.
В WORD 2003/2007 автоматически оформляют пути к файлам с их именами, а также адрес Web-страниц и электронной почты в качестве гиперссылок.
Пример создания гипертекстовой ссылки рассмотрен выше. Ниже приведен пример создания гиперссылки на файл Zadanie1.htm, который находится на жестком диске локального компьютера.
Отделите этот абзац от остального текста красной горизонтальной линии при помощи флага <HR>, записав строку:
<HR SIZE=5 WIDTH=80% ALIGN=CENTER COLOR= "RED">.
Введите еще один абзац текста, начав его с флага <р> Например:
Построение маркированного и нумерованного списков.
Постройте маркированный список. Для этого введите:
<UL>
<LI> Задание 3.1
<LI> Задание 3.2
<LI> Задание 3.3
</UL> стройте нумерованный список. Для этого введите:
<OL>
<LI> Задание 3.1 — простая Web-страница
<LI> Задание 3.2 — Web-страница с элементами форматирования
<LI> Задание 3.3 — включение таблицы в Web-страницу
</OL>
Отделите этот абзац полосой желтого или зеленого цвета.
Вставьте из коллекции ClipArt рисунок. Порядок действий описан в разделе выше. Расположите рисунок с правой стороны страницы.
Вставьте гиперссылку на файл с именем Zadanie1.htm. Для этого после рисунка вставьте строки:
<р> Активизируйте гиперссылку
<>4 HREF= "Zadanie1.htm"> Zadanie1</A>.
Сохраните этот документ под именем Zadanie2.htm и второй раз под именем Zadanie2.txt.
Запустите обозреватель Internet Explorer (Пуск ► Программы ► Internet Explorer). Задайте команду Файл ► Открыть. При помощи кнопки Обзор откройте файл Zadanie2.htm, либо дважды щелкните по значку с именем Zadanie2.htm.
Посмотрите отображение этого файла. Установите связь между элементами кода HTML и фрагментами документа, отображаемого на экране. Текст Zadanie1 будет выделен как гиперссылка. Активизация этого текста вызывает появление файла Zadanie1.