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

Что такое Web-сайт?Web-сайт состоит из Web-страниц, объединённых гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и динамические объекты.

Слайд 1Разработка Web-сайтов с использованием языка разметки гипертекста HTML
Web-страницы и web-сайты.
Структура Web-страницы.

Разработка Web-сайтов с использованием языка разметки гипертекста HTMLWeb-страницы и web-сайты.Структура Web-страницы.

Слайд 2Что такое Web-сайт?
Web-сайт состоит из Web-страниц, объединённых гиперссылками. Web-страницы могут быть

интерактивными и могут содержать мультимедийные и динамические объекты.


Что такое Web-сайт?Web-сайт состоит из Web-страниц, объединённых гиперссылками. Web-страницы могут быть интерактивными и могут содержать мультимедийные и

Слайд 3Программы для создания сайтов
MS FrontPage (не входит в пакет MS Office)
Adobe

Dreamweaver (раньше Macromedia Dreamweaver)
PHP Expert Editor
Adobe ImageReady
MS Publisher (в расширенном пакете MS Office)
Программы для создания сайтовMS FrontPage (не входит в пакет MS Office)Adobe Dreamweaver (раньше Macromedia Dreamweaver)PHP Expert EditorAdobe

Слайд 9Создание Web-сайта реализуется с использованием языка разметки гипертекстовых документов HTML.
Технология HTML

состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу.
Браузер при загрузке Web-страницы представляет её на экране в том виде, который задаются тэгами.
Создание Web-сайта реализуется с использованием языка разметки гипертекстовых документов HTML.Технология HTML состоит в том, что в обычный

Слайд 10Основные достоинства HTML-документов
Малый информационный объём
Возможность просмотра на персональных компьютерах, оснащённых различными

ОС
Для создания Web-страниц используются простейшие текстовые редакторы (в Windows – это стандартное приложение БЛОКНОТ)
Основные достоинства HTML-документовМалый информационный объёмВозможность просмотра на персональных компьютерах, оснащённых различными ОСДля создания Web-страниц используются простейшие текстовые

Слайд 11Создание первой Web-страницы
HTML-документ – это текстовый файл с расширением *.htm.
Основой

многих сайтов является язык HTML (HyperTextMarkupLanguage) – язык разметки гипертекста.
Любой HTML-документ составлен из конкретных HTML-меток или тэгов.
Большинство тэгов парные, т.е. на каждую открывающую метку есть закрывающая метка.

Создание первой Web-страницыHTML-документ – это текстовый файл с расширением *.htm. Основой многих сайтов является язык HTML (HyperTextMarkupLanguage)

Слайд 12Обязательные метки
... Открытие/закрытие HTML-документа
... Начало/конец заголовка документа
... Распознаётся браузером как название документа.
НЕЛЬЗЯ путать

имя вашего HTML-документа (в расширении *.htm) и его название между метками и .
... Определяют начало и конец тела HTML-документа, внутри этих тэгов расположено основное содержание HTML-документа. Сам тэг может содержать в себе различные параметры, например bgcolor (цвет фона документа), text (цвет текста), link (цвет гиперссылки) и другие.
Обязательные метки... Открытие/закрытие HTML-документа... Начало/конец заголовка документа... Распознаётся браузером как название документа. НЕЛЬЗЯ путать имя вашего HTML-документа

Слайд 13Структура HTML-документа
... ...

Структура HTML-документа  ...  ...

Слайд 14Заголовки и абзацы
... - ...
Заголовки шести различных уровней (размеров). Заголовок первого

уровня самый крупный.

...

описание абзаца
Метки и

могут содержать дополнительный атрибут align (выравнивание) он может принимать значения left , center, right и justify
Отсутствие в тэгах заголовка или абзаца параметра align приводит к выравниванию текста по левому краю аналогично записи align=left.


Заголовки и абзацы... - ...Заголовки шести различных уровней (размеров). Заголовок первого уровня самый крупный.... описание абзацаМетки и

Слайд 15Непарные тэги

- используется, если необходимо перейти на новую строку, не

прерывая абзаца.
- запрещает перевод строки.

- описывает горизонтальную линию, удобную для логического разделения частей html – документа.
Данная метка может содержать параметры: size (толщина-указывается в пикселях:1,2,..), width (длина или ширина - в пикселях или процентах), noshade-отменяет рельефность линии (не имеет значений),color-указывает цвет линии, align-выравнивание линии (значения: left, right, center).
Непарные тэги - используется, если необходимо перейти на новую строку, не прерывая абзаца. - запрещает перевод строки.

Слайд 16ВПЕРЁД, к первой Web-странице!

ВПЕРЁД, к первой  Web-странице!

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть