СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ
Благодаря готовым учебным материалам для работы в классе и дистанционно
Скидки до 50 % на комплекты
только до
Готовые ключевые этапы урока всегда будут у вас под рукой
Организационный момент
Проверка знаний
Объяснение материала
Закрепление изученного
Итоги урока
Лабораторная работа № 6
Тема: Разработка дизайна web-сайта с использованием графического редактора и HTML.
Цель работы: Приобрести практические навыки по созданию web-страниц с помощью языка разметки HTML5.
Краткие сведения из теории
Интернет (internet) - это всемирное объединение сетей, шлюзов, серверов и клиентских компьютеров, использующих для связи единый набор протоколов TCP/IP.
WWW (World Wide Web - всемирная паутина) – это служба, предоставляющая доступ к различным ресурсам Интернет – документам, графике, аудио и видеозаписям, использующая протокол HTTP и язык HTML.
Сервер в сети Интернет - это компьютер, обеспечивающий обслуживание пользователей сети: разделяемый доступ к дискам, файлам, принтеру, системе электронной почты. Обычно сервер - это совокупность аппаратного и программного обеспечения.
Шлюз (gateway)- это компьютер или система компьютеров со специальным программным обеспечением, позволяющая связываться двум сетям с разными протоколами.
Провайдер – это поставщик услуг Интернет, организация, которая предоставляет возможность подключения к сети Интернет. Он предоставляет необходимое программное обеспечение, адрес электронной почты и доступ к другим возможностям Интернет.
Язык гипертекстовой разметки документа HTML (HyperText Markup Language) предназначен для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами web-браузеров. Все что необходимо, чтобы прочитать HTML-документ – это web-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор.
Синтаксис языка HTML простой и легкий для понимания, но это не означает, что процесс освоения будет проходить гладко и без ошибок. Совершая ошибки, вы получаете информацию о том, как не следует поступать в дальнейшем, эта информация особенно ценна. Так накапливаются знания и опыт.
Для изучения языка HTML необходим текстовый редактор Блокнот. В нем можно вручную печатать код web-страницы. Интерпретацией кода занимается программное обеспечение для просмотра web-страниц, то есть Internet Explorer, Opera, Chrome и другие браузеры.
Пример HTML кода
html
head
titleдомашняя страница title
Hello World! p
body
Рассмотрим его элементы:
html…html – теги, определяющие начало и конец документа.
head…head – служебная секция. Здесь размещаются команды для браузеров, инструкции для поисковых роботов, ссылки на отдаленные файлы, скрипты.
title…title – теги, определяющие главный заголовок документа.
body…body – этот блок содержит видимую часть web-страницы.
В браузере мы увидим текст Hello World!
Чтобы создать абзац, используется тег .
Чтобы перейти на новую строку, используется тег
.
Атрибут align используется для выравнивания текста.
Например.
- выравнивание по левому краю;
- выравнивание по правому краю;
- выравнивание по центру.
Чтобы установить размер, цвет и стиль шрифта, используйте тег , который имеет следующие атрибуты:
Size - устанавливает размер шрифта от 1 до 7 в относительных единицах.
Color - устанавливает цвет, который может быть указан именем цвета или шестнадцатеричным кодом.
Face - устанавливает тип шрифта.
Например.
Привет
Привет
Привет
BODY
HTML
Для создания гиперссылки используется тег . Атрибут HREF указывает адрес веб-страницы.
Пример:
КарГТУ
Если ссылка указывает на другую страницу в той же папке, достаточно указать только имя файла.
Пример:
A HREF = prim2.htm" Страница 1 A.
В HTML5 есть мощный инструмент отображения информации в виде таблиц. Простейшая таблица состоит из тега
. Тег
|