- •Оглавление
- •1.Предмет и задачи курса Web-дизайна
- •2. Способы адресации компьютеров в сети
- •3. Принципы и организация сети Интернет
- •4. Протокол tcp/ip
- •5. Службы Интернет
- •6. Интернет - технологии в образовании
- •7. Размещение (хостинг) и регистрация нового сайт
- •8. Виды сайтов. Их структура.
- •9.Современные Web-технологии
- •10. Обзор средств разработки web-страниц
- •11. Язык разметки гипертекстовых документов (html): сущность, историческая справка, будущее
- •12. Основные понятия html (тэги и их параметры)
- •13. Структура html-документа
- •14. Форматирование текста ( логическое и физическое, специальные символы).
- •15. Форматирование документа (абзацы, цитаты, слои, комментарии,)
- •23. Для чего предназначены каскадные листы стилей?
- •24. Создание стилей.
- •25. Как представляется цвет в Web?
- •26.Создание анимационных изображений?
- •27. Какие мультимедиа объекты могут быть размещены на Web-странице?
- •28. Основные типы сайтов?
- •33. Возможности современных программ, используемых для создания web-страниц
9.Современные Web-технологии
-
JavaScript/Java-
-
CGI(Common Gateway Interface)
-
SSI (SSI (Server Side Include)
-
CSS Cascading Style Sheets(каскадные таблицы стилей)
-
PHP (Personal Home Page tools)
-
ASP (Active Server Pages, активные страницы сервера)
-
VBScript (Visual Basic Script)
-
Macromedia Flash
-
DHTML (Dynamic Hyper Text Markup Language)
-
XHTML и XML (Extensible Markup Language)
10. Обзор средств разработки web-страниц
-
Блокнот(notepad)
-
Macromedia Dreamweaver MX Adobe GoLive и LiveMotion
-
Microsoft FrontPage
-
Hotdog
11. Язык разметки гипертекстовых документов (html): сущность, историческая справка, будущее
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметкидокументов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML.
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1989—1991 годах
Историческая справка:
-
RFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995 года;
-
HTML 3.2 — 14 января 1997 года;
-
HTML 4.0 — 18 декабря 1997 года;
-
HTML 4.01 (изменения, причём более значительные, чем кажется на первый взгляд) — 24 декабря 1999 года;
-
ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года.
-
HTML 5 — в разработке. Конец разработки запланирован на 2014 год.
12. Основные понятия html (тэги и их параметры)
HTML (HyperText Markup Language) - язык разметки гипертекста.
-
Веб-страница
Веб-страница - это сетевой документ, открываемый в браузере. Обычно веб-страница создается в формате HTML и содержит, как правило, текст, изображения и ссылки. В связи с развитием технологий, веб-страницей также могут называться документы и в другом формате, например, XML, Flash, PDF и т.д.
-
Сайт (интернет-ресурс)
Cайт — это набор отдельных веб-страниц, которые связаны между собой ссылками и единым оформлением.
-
Тег
Тег — это специальный символ разметки, который применяется для вставки различных элементов на веб-страницу таких как: рисунки, таблицы, ссылки и др. и для изменения их вида. Для обозначения тегов используется символ <тег>. Теги нечувствительны к регистру, поэтому запись <B> и <b> эквивалентна.Теги могут содержать атрибуты
-
Контейнер
Контейнером называется парный тег, внутри которого могут располагаться другие теги. Контейнер требует закрывающего тега, обозначаемого </тег>. Таким образом, контейнер состоит из открывающего тега (<тег>) и закрывающего (</тег>).
-
Браузер
Браузер - это программа для просмотра веб-страниц.
-
Гиперссылки
Ссылки - это основа сетевых документов, которые позволяют переходить с одной веб-страницы на другую.
13. Структура html-документа
Переименуем файл txt в html
<HTML> <HEAD> <TITLE>Заголовок документа</TITLE>
</HEAD> <BODY> Текст документа </BODY> </HTML>
14. Форматирование текста ( логическое и физическое, специальные символы).
Физическое форматирование текста
<B> . . . </B>: выделяет текст жирным шрифтом;
<I> . . .</I>: выделяет текст наклонным шрифтом (курсивом);
<U> . . .</U>:выделяет текст подчеркиванием;
<S> . . .</S>:выделяет текст перечеркиванием;
Логическое форматирование текста
<CITE> . . . </CITE>: цитата
<STRONG> . . . </STRONG> сильное выделение текста
<Var>…</var> это имя переменной
<CODE> . . . </CODE> фрагмент исходного текста
< |
< |
> |
> |
& |
& |
" |
" |
© |
© |
® |
© |