lt;a href=“raspisanie.html”>Школа №197</a>

↑

Стр 1 из 4Следующая ⇒

Дата по расписанию: 16.06.2022

Группа: 1-ОПУТ-21

Дисциплина (МДК, ПМ): ОДП.02 Информатика и ИКТ

Тема по рабочей программе:

Практическая работа № 26.

СОздание с Web-страницы

Вид занятия:практическое

Тип занятия:совершенствование умений и навыков

Цель работы:

– познакомиться с алгоритмом создания сайта;

– познакомиться со структурой Web-страницы;

– получить навыки по созданию Web-страниц.

Задание:

1. Прочитать теоретические сведения

2. Просмотреть видео-уроки:

Основы языка HTML: https://www.youtube.com/watch?v=AfqYgQXENb4

Основы HTML. Как вставить изображение на интернет-страницу: https://www.youtube.com/watch?v=AhZokTKPj-4

Создание сайта в блокноте: https://www.youtube.com/watch?v=K0VygJaae58

3. Ответить на вопросы теста.

4. По HTML- коду определите внешний вид Главной страницы созданного сайта, какая информация будет видна пользователю.

Теоретические сведения

1. Термин гипертекст - был введен Тедом Нельсоном в 1965 г. для описания документов, которые выражают нелинейную структуру идей, в противоположность линейной структуре традиционных книг, фильмов и речи.

Гипертекст – текст, содержащий гиперссылки.

Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в котором любой элемент может быть гиперссылкой

Всемирная паутина(англ. World Wide Web) — распределённая система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету. Для обозначения Всемирной паутины также используют слово веб (англ. web «паутина») и аббревиатуру WWW.

WWW (World Wide Web) – «всемирная паутина», служба Интернет для обмена информацией в виде гипертекста (и гипермедиа).

2. URL - Единый указатель ресурсов (Uniform Resource Locator)— единообразный определитель местонахождения ресурса. Ранее назывался Universal Resource Locator — универсальный указатель ресурса. URL — это стандартизированный способ записи адреса ресурса в сети Интернет.

3. Гиперссылка (англ. hyperlink) — часть гипертекстового документа, ссылающаяся на другой элемент в самом документе, на другой объект, расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта. Гиперссылка – «активная» ссылка на другой документ.

<a href=“http://s_197.edu54/ru”>Школа №197</a>

Внешняя гиперсвязь с другим сайтом

внутренняя гиперсвязь с другой страницей сайта

4. Гипертекстовая система – это

• Электронный справочник, в котором хорошо реализована система навигации и поиска.

• Электронный учебник, в котором используются гиперссылки, опирающие на способности человеческого мышления к связыванию информации.

Основа гипертекстовой системы

• гипертекстовый язык HTML( Hyper Text Markup Language), Язык HTML – языка разметки гипертекста

Язык HTML позволяет:

• Создавать и редактировать Web-страницы;

•  Редактировать документы HTML, полученные из Интернета, так чтобы функционировали все внедренные в документ объекты (картинки, анимации и т.д.);

•  Создавать мультимедийные презентации, слайд-шоу, демонстрационные проекты, благодаря гипертекстовым ссылкам

5. Web-страница

• Web страница представляет собой текстовый файл на языке HTML формата *.htm или *.html,  размещенный в World Wide Web (WWW).

• Web-страница – текстовый файл, в котором описано размещение материала на экране

• Кроме текста может содержать гипертекстовые ссылки, при помощи которых можно переходить к другим Web-страницам и просматривать их.

• Может содержать вставки в виде графики, анимации, видеоклиппов и музыки.

• Для просмотра Web-страниц используют просмотрщик или браузер.

8. Браузер – программа для просмотра Web-страниц на экране (Internet Explorer, Mozilla Firefox, Opera).

9. Тэг – команда языка HTML, которую выполняет браузер (может быть парным и непарным)

Способы создания Web-страниц

Три основных способа создания Web-страниц:

1) Использование текстового редактора Блокнот.

2) Использование специальных редакторов документов HTML, например Macromedia Dreamview, HTMLPad и др.

3) Использование редактора MS Word, где создается текст документа, который затем конвертируется в HTML-формат.

Структура Web-страницы

HTML-тэги – управляющие символы, которые определяют вид Web-страницы при просмотре в браузере <тег>.

Парные тэги (контейнер)

<тег> - открывающий

</тег> - закрывающий

Пример простого HTML кода

<HTML> - Начало страницы

<HEAD> - Начало заголовка страницы

<TITLE> - Начало названия страницы

ЗАГОЛОВОК - Заголовок

</TITLE> - Конец названия страницы

</HEAD> - Конец заголовка страницы

<BODY> - Начало содержимого страницы

ОСНОВНОЙ БЛОК – Основной блок

</BODY> - Начало содержимого страницы

</HTML> - Конец страницы

Создание главной страницы

Создание пустой страницы

Познавательные статьи:



Организация работы процедурного кабинета

Статус республик в составе РФ

Понятие финансов, их функции и особенности

Сущность демографической политии