Въведение в Web

Download Report

Transcript Въведение в Web 

Въведение в
Web-дизайна
І част - HTML
© Живка Жекова. Всички права запазени.
Кратка история на HTML




Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText
Markup Language - Език за маркиране на
хипертекстови документи, които да се предават по
мрежата)
Марк Ендрисън – създава първият браузър
NetScape Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText
Markup Language
© Живка Жекова. Всички права запазени.
Работна среда за създаване на
HTML кода
 Обикновен
текстов редактор – Noteрad
 Специализирани редактори (Web Writer
и др.)
 Редактори от типа WYSIWYG (What you
see is what you get)
 Сайтбилдери от Интернет –
www.street.bg
© Живка Жекова. Всички права запазени.
Общи сведения за HTML и
основни елементи



Hyper Text Markup
Language – език за
маркиране на хипертекст.
HTML е езикът, който
казва на браузъра как да
покаже страницата
HTML файлът съдържа
само букви, цифри и
символи, които се четат от
кой да е редактор и това
прави HTML универсален
език
© Живка Жекова. Всички права запазени.



HTML може да се
усъвършенства
допълнително с
JavaScript и Java
(Dynamic HTML)
Основните елементи се
наричат тагове, които
си имат имена записани
между две ъглови скоби
<>
Първият таг е <html>,
последният </html>.
Основна структура на документа

<HTML>





<HEAD> ................
Заглавна част
</HEAD>
<BODY> ..................
Същинска част
</BODY>
</HTML>
© Живка Жекова. Всички права запазени.
На така създадения документ
трябва да бъде зададено име
с разширение .html или .htm,
защото само така се
възприема от браузърите
като web-доумент.
Заглавна част
 Съдържа
описателна информация –
заглавие, автор, ключови думи, кодиране
на страницата и др.
 Заглавието записано между таговете
<TITLE> и </TITLE> се показва в
заглавния ред на браузъра –
пример <title> This is my first page </title>
 В тази част се добавят и скриптовете
на JavaScript и МЕТА - таговете
© Живка Жекова. Всички права запазени.
Таг за коментар
 Коментарите
се изписват между
следните две форми <!-- и -->
 Пример:
<!-- Тук може да се напише коментар, който няма да
повлияе на HTML-документа -->
© Живка Жекова. Всички права запазени.
Мета тагове

МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два
формата:
 МЕТА тагове, съдържащи атрибута HTTP-EQUIV и
атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
<meta http-equiv="име" content="съдържание" />

МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да подават
определена информация на търсещите машини
(търсачките).
<meta name="име" content="съдържание" />
Мета таговете нямат затварящ таг в HTML!
© Живка Жекова. Всички права запазени.
Някои важни МЕТА тагове

<meta http-equiv="content-type" content="text/html;
charset=windows-1251" /> - указание, че страницата
е написана на кирилица
 <meta name="description" content="Тук се пише
кратко описание на сайта." />
 <meta name="keywords" content="ключови думи,
които се отделят със запетаи." />
 <meta name="author" content="Вашето име." />
 <meta http-equiv="refresh" content="някаква цифра,
например 10;URL=http://Някакъв уеб адрес" />
© Живка Жекова. Всички права запазени.