Разработка веб дизайна

Разработка html сайтов

Для того, чтобы создать свою первую html страницу откройте программу блокнот и сохраните страничку под именем (например: index) с расширением файла .html. Имя index.html — это всегда главная страница и она будет открываться в браузере первой, если есть другие страницы, например page.html и т.д,то на эти страницы будут ссылки с главной страницы, таким образом будет создан сайт. Поэтому при разработке html сайтов вашу главную страницу всегда называйте index.html. Важно: тип файла нужно выбрать «все файлы», а после имени дописать «.html» или «.htm», но лучше придерживаться первого варианта. Должно получиться следующие имя файла: «index.html». Этот документ можно открыть в браузере. Правда это будет чистая страница. Впринципе это можно назвать html документом или веб — страницей, однако в нем ничего нету, поэтому переходим к шагу два.

2) Отрываем созданный файл через программу блокнот и вписываем в него теги:

<html>

<head>

<title>Главная страница </title>

</head>

<body>

Заголовок текста создаем с помощью тега <h1>У меня получилось создать мою первую страницу! </h1>

В теге <body> вставляем текст с помощью тега <p>Текст (контент) </p>.

</body>

</html>

После этого сохраните этот файл. Теперь можете отрыть index.html через любой браузер и Вы увидите надпись «У меня получилось сделать мою первую страницу!», а в загаловке будет написано «Название страницы». Такой документ можно уже выкладывать в интернет. Например на бесплатном хостинге http://www.ucoz.ru/. или http://www.hostinger.ru/.Теперь вкратце расскажу о структуре любого html-документа.

Структура любого html-документа

В начале документа необходимо вставить эту строку:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

«http://www.w3.org/TR/html4/loose.dtd»>.Эта строка будет говорить браузеру, что мы создали документ, который будет соотвествовать стандарту HTML 4.01.

  1. Любой html документ должен иметь тэги (это команды языка HTML):

<html>…</html>

<html> — открывающий тэг документа, </html> — закрывающий тэг документа Вообще в html практически все теги состоят из двух элементов: открывающий <ТЕГ> и закрывающий </ТЕГ>.(закрывающий тег косая четра-слэш /).

Тэги можно писать с большой буквы, а можно и с маленькой, поскольку браузеры не воспринимают регистры. То есть, если Вы напишите так:

<HtMl>…</hTMl>

То это будет равносильно тому, что было написано чуть выше.

  1. Любой html документ можно разделить на две части:

— заголовок страницы (невидимая для пользователя часть, см. заголовочные тэги):

<head>…заголовочные тэги…</head>

Между <head> и </head> указываются: мета-теги (meta):

<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>/кодировка windows-1251 или utf-8/.

<meta name=»keywords» content=»Создание сайтов, создание html документа «/>/ключевые слова для поисковых роботов/

<meta name=»description» content=»Создание сайта с нуля,статьи и уроки по HTML «/>/описание сайта/

Заголовок страницы < title>Заголовок страницы</title>

После тега </head> должно идти тело страницы — тело страницы (видимая для пользователя часть)<body>

Здесь располагается контент и все остальное.

Контент (англ. contents — содержание) — под «контентом» в широком смысле понимают собственно наполнение сайта.В более узком смысле слова ‘контент сайта’ (site content) — это материалы, размещенные на нем: в основном тексты, а также картинки и музыка, видео.

</body>

<body> — открывающий тег тела страницы. Сразу после него начинается то, что видит пользователь: дизайн, контент. Тело и собственно весь html-документ должны заканчиваться последовательностью: </body> </html>

Вот шаблон html документа.

[infobox]Читать статью полностью [/infobox]