Поделиться
Веб-страницы 8 кл.ppt
«Создание Web-страниц средствами языка гипертекста HTML»
Программное обеспечение, необходимое для создания Web-страниц
Для просмотра страниц сайта используется специальная
программа – браузер (обозреватель):
Microsoft Internet Explorer
Opera
Mozilla
Браузер интерпретирует указания, написанные разработчиками
сайтов в обычном текстовом редакторе:
Блокнот (HTML-код документа)
HTML – язык конструирования сайтов
Web-страница – это информация, которая оформляется при помощи специального языка – языка разметки гипертекста HTML (Hyper Text Markup Language).
HTML не является языком программирования, он просто описывает, как следует показывать содержимое страницы.
Разметка текста происходит при помощи дескрипторов или тегов.
Тег – это и есть та инструкция компьютеру, которая указывает, как должен выглядеть и что должен делать тот или иной элемент web-страницы.
H
T
M
L
-
документ
Мой первый шаг
Здравствуйте, это моя первая страница. Добро пожаловать!
имя.html
Каждая Web-страница – это отдельный файл с расширением .html
Сохранение Web-страницы:
Файл – Сохранить как… - Сохранить
Заголовок документа
Содержание документа
Просмотр HTML-кода для последующей работы с Web-страницей
Теперь внесём изменения в HTML-код документа:
Тег
переносит текст на другую строку
При написании HTML – кода используют не только теги, но связанные с ними атрибуты и их значения.
Прослеживается следующая логическая цепочка:
тег
атрибут
“значение”
=
Цель занятия:
Научиться вставлять графические объекты при создании Web-страниц средствами языка HTML.
Форматы графических файлов, используемых в Интернет:
.JPEG (.JPG) - формат используется для высококачественных полноценных изображений, фотографий;
.GIF - используется для обширные одноцветные области;
.PNG – создавался как альтернатива форматам JPEG и GIF с сохранением всех их преимуществ и преодолением недостатков.
Добавление рисунка на Web-страницу:
Относительный путь указывается следующим образом:
ОФТАЛЬМОТРЕНАЖ
Практическая работа:
Откройте свою папку, в ней откройте текстовый документ «Скелет документа»;
Откройте текстовый документ в папке Рабочий стол/Год дракона/Дракон;
Измените размер картинки:
Оформите картинку рамкой:
Скопируйте текст и вставьте его в HTML-код Web-страницы. Сохраните его как документ Интернета;
Выберите картинку в этой же папке и вставьте её на на Web-страницу
Цвет | Код цвета |
Белый | #FFFFFF |
Бирюзовый | #008080 |
Жёлтый | #FFFF00 |
Зелёный | #008000 |
Золотой | #FFD700 |
Красно-коричневый | #800000 |
Красный | #FF0000 |
Лимонный | #00FF00 |
Морской волны | #00FFFF |
Оливковый | #808000 |
Пурпурный | #800080 |
Серебряный | #C0C0C0 |
Серый | #808080 |
Синий | #0000FF |
Тёмно-голубой | #000080 |
Фуксиновый | #FF00FF |
Водный | #CCFFFF |
Сиреневый | #CC99CC |
Чёрный | #000000 |
Таблица
цветов
Карточка самоконтроля:
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
