Лабораторно-практические работы по курсу «Интернет-технологии» на тему «Основы создания Web-сайта»

Введение.

Настоящее учебное пособие предназначено для проведения практических занятий по разделу «Создание Web-сайта» курса «Интернет-технологии», входящим как составная часть в «Информационные технологии и системы».

Пособие содержит лабораторно-практические работы для освоения и закрепления навыков по созданию Web-сайта. Пособие также содержит необходимый краткий теоретический материал. Для более осознанного освоения материала предлагается создать сайт по теме: «Достопримечательности России» или на любую интересующую учиника

В конце пособия приводится тест к зачету по данному разделу.

Практическая работа № 4 по теме: «Создание таблиц».

Цель:

научиться создавать различные виды таблиц, оформлять их.

HTML-таблицы

Задание таблицы.

width=""  height=""  ширина и высота таблицы в пикселах или в % от ширины и высоты окна, соответственно;

border=""  ширина рамки. Если значение - ноль, то рамка не требуется;

align=""  задает положение данных в ячейках таблицы по горизонтали:

left — данные прижать к левому краю ячеек,

center — данные расположить по центру ячеек,

right — данные прижать к правому краю ячеек.

align="" задает место заголовка:

top — заголовок над таблицей,

bottom — заголовок под таблицей.

Тег строки таблицы. Если тег пуст - строка пустая. Заданные атрибуты строки подавляют атрибуты таблицы.

bgcolor="" задает цвет фона ячеек строки;

bordercolor="" задает цвет рамки к ячейкам строки;

valign="" задает положение данных в ячейке по вертикали.

baseline — данные располагать в ячейках по базовой линии строки,

bottom — данные прижимать к нижнему краю ячеек строки,

middle — данные располагать по центру ячеек в строке,

top — данные прижимать к верхнему краю ячеек строки.

Весь материал - в документе.

Основы создания Web-сайта

лабораторно-практические работы по курсу «Интернет-технологии»

Практическая работа № 1 по теме: «Структура HTML-документа. Создание Web-страницы» 4

Практическая работа № 2 по теме: «Форматирование текста Web-страницы» 6

Практическая работа № 3 по теме: «Создание списков» 8

Практическая работа № 4 по теме: «Создание таблиц» 10

Практическая работа № 5 по теме: «Создание гиперссылок» 13

Практическая работа № 6 по теме: «Создание фреймов» 14

Практическая работа № 7 по теме: «Создание форм» 15

Самостоятельная работа по теме: «Создание сайта» 19

Контрольный тест по курсу «Основы создания Web страниц» 20

Приложение 1 22

Приложение 2 23

Приложение 3 25

Список литературы: 29

Настоящее учебное пособие предназначено для проведения практических занятий по разделу «Создание Web-сайта» курса «Интернет-технологии», входящим как составная часть в «Информационные технологии и системы» Пособие содержит лабораторно-практические работы для освоения и закрепления навыков по созданию Web-сайта. Пособие также содержит необходимый краткий теоретический материал. Для более осознанного освоения материала предлагается создать сайт по теме: «Достопримечательности России» или на любую интересующую учиника

В конце пособия приводится тест к зачету по данному разделу.

Цель: научиться создавать простейшие HTML-документы, разбивать текст на абзацы, выполнять выравнивание различными способами, просматривать Web-страницы с помощью браузера.

Теги — это определённые последовательности символов, заключенные между знаками (больше). Символ обозначает конец тега.

HTML-документ – это всё, что заключено между тегами HTML и HTML.