Разработка WEB - сайтов

Слайд #1

РАЗРАБОТКА WEB-САЙТОВ.

Слайд #2

Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие способ отображения текста. Существуют два типа тэгов – парные и непарные. Тэг состоит из следующих друг за другом в определенном порядке элементов: левая угловая скобка < слэш /, который означает, что тэг является конечным, закрывающим некоторую структуру имя тэга, например TITLE (заглавные и прописные буквы неразличимы) правая угловая скобка >

Слайд #3

СТРУКТУРА WEB-СТРАНИЦЫ HTML-код страницы помещается внутрь контейнера … Заголовок Web-страницы заключается в контейнер … Основное содержание страницы помещается в контейнер … Название Web-страницы содержится в контейнере … и выводится в строке заголовка браузера.

Слайд #4

Сохранение, редактирование. Созданную Web-страницу необходимо сохранить в виде файла, имеющего расширение .htm или .html. Принято сохранять титульный лист сайта, т.е. тот, который первый загружается в браузер, под именем index.html. В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат. Для добавления тэгов необходимо открыть файл Web-страницы с помощью Блокнота командой вид – просмотр HTML – кода.

Слайд #5

Форматирование текста Разбиение текста на абзацы: … Центрирование объектов: … Выравнивание абзацев: , Цвет, размер: или ; Пример: тег атрибут Параметр или значение

Слайд #6

Запись текста в формате RGB

Слайд #7

Гиперссылки Для определения гиперссылки используется тег , структура которого имеет следующий вид: текст ссылки Имя файла Текст в HTML - документе Пример: фотография Возможно добавление атрибута TARGET со следующими значениями: _top – открытие документа в текущем окне _blank – открытие документа в новом окне

Слайд #8

Вставка графических изображений Для вставки изображений используется тег . Рассмотрим применение этого тега на примере: Где SRC – определяет URL – адрес графического файла WIDTH – ширина, HEIGHT – высота, ALT – альтернативный текст. Изображение так же может быть гиперссылкой:

Слайд #9

Домашнее задание § 3.7 читать, выписать тэги и их назначение Ответить на вопросы каждого пункта письменно ИДЗ (на 4 недели)