Поделиться
Курс лекций Знанио. часть 2. Web-страницы. Язык HTML, гиперссылки.ppt
Web-страницы. Язык HTML и др.
Курс лекций
Никитин Михаил Евгеньевич
Web-страницы. Язык HTML и др.
Введение
Структура документа
Списки
Гиперссылки
Оформление документа
Рисунки
Таблицы
Фреймы
Блоки (DIV)
Понятие о JavaScript
Что такое Web-страницы?
3
Гиперссылка – «активная»ссылка на другой документ.
Гипертекст – текст, содержащий гиперссылки.
Гипермедиа-документ – документ, включающий текст, рисунки, звуки, видео, в котором любой элемент может быть гиперссылкой.
WWW (World Wide Web) – «всемирная паутина», служба Интернет для обмена информацией в виде гипертекста (и гипермедиа).
Web-страница – текстовый файл, в котором описано размещение материала на экране.
Браузер – программа для просмотра Web-страниц на экране (Internet Explorer, Mozilla Firefox, Opera).
Какие бывают Web-страницы?
4
статические – существуют на сервере в виде готовых файлов: *.htm, *.html
динамические – полностью или частично создаются на сервере в момент запроса (выбор информации из базы данных) *.shtml, *.asp, *.pl, *.php
позволяют выбирать информацию из базы данных по заранее неизвестным запросам
дополнительная нагрузка на сервер
загружаются медленнее
Web-страницы. Язык HTML и др.
Тема 4. Гиперссылки
Примеры (ссылки из файла rock.html)
7
Ссылки на другие сайты
8
на главную страницу сайта
index.htm, index.html, default.asp, …
на конкретную страницу сайта (URL)
на файл для скачивания
Гиперссылки в HEFS
11
локальная ссылка
Ctrl-A гиперссылка на выделенный блок, адрес вводить вручную
вставить только адрес файла
Web-страницы. Язык HTML и др.
Тема 5. Оформление документа. Стилевые файлы (CSS)
Содержание и оформление
13
Сборник задач по физике
Григорий Остер
содержание (контент)
логическая разметка
(*.html)
оформление
физическая разметка
(*.css)
main.css
mini.css
print.css
Логическая разметка
14
выделение (emphasize) | Это моя первая победа. |
сильное выделение (strong) | Вася |
код программы |
|
определение (definition) | Сурок - это... |
цитата (citation) | Блажен, кто верует, ... |
сокращение (abbreviation) | НИИЧАВО |
Форматированный текст (тексты программ)
15
program qq;
var a, b: integer;
begin
writeln("Введите два числа");
read(a,b);
writeln(a,'+',b,'=',a+b);
end.
program qq;
var a, b: integer;
begin
writeln("Введите два числа");
read(a,b);
writeln(a,'+',b,'=',a+b);
end.
отформатированный текст
(preformatted)
Физическая разметка
16
курсив (italic) | Вася | Вася |
жирный (bold) | Вася | Вася |
подчеркивание (underline) | Вася | Вася |
зачеркивание (strike out) |
| Вася |
верхний индекс (superscript) | Вася2 | Вася2 |
нижний индекс (subscript) | Вася2 |
Форматирование текста в HEFS
17
Ctrl-B
Тэг BODY – общие свойства страницы
18
цвет фона и текста
цвет гиперссылок
цвет текста
цвет фона
посещенные ссылки
(visited link)
цвет ссылок
атрибуты тэга
Вставка атрибутов в HEFS
19
вставить только код цвета
Цвет гиперссылок
20
LINK ссылки, на которых не были
VLINK посещенные ссылки
ALINK активные ссылки
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
