About earnings on the Internet.

  • Главная
  • Ссылки
  • Учебники и пособия
  • Чёрный список
  • Форум
  • Контакты
  • Партнёрка
  • Супер партнёрка


Findme.Ru


Сделать сайт очень просто.

Что такое сайт. Это совокупность страниц, написанных на языке гипертекстовой разметки HTML (Hyper Text Marker Language) и доступных для просмотра с помощью браузеров (IE, Opera, Mozilla Firefox или др.).

Ничего трудного в создании сайта нет, и об этом я Вам хочу рассказать.

Основы HTML.

Будем строить сайт на языке HTML версии 4.01, т.к. на данный момент, это наиболее используемая версия.

Писать код к нашему сайту мы будем в текстовом редакторе "Notepad++", т.к. он лучше встроенного в Windows простейшего редактора "Блокнот" тем, что кроме подсветки кода в нём есть режим работы с несколькими файлами, а также можно изменять кодировки файлов.

Скачать его Вы можете с моего сайта, в разделе "Учебники и пособия".

Следует заметить, что если Вы не сохранили файл, то в "Notepad++", рядом с названием файла загорается крсная дискетка.

Что такое тег? Определение основных тегов.

Команды, которые пишутся между скобками < > называются тегами.

Теги бывают парные и непарные. Парные теги, например <p> и </p>, это тег параграфа . Всё, что написано между ними, будет отображено в браузере как параграф. Один тег является открывающим <p>, а другой тег является закрывающим </p>. Закрывающий отличается от открывающего знаком "/" перед командой.

Любой документ должен начинаться со строки отображающей версию стандарта, к которой он принадлежит, у нас HTML 4.01.

Пишется она так: <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">.

Где DOCTYPE - это тип документа, который указывает, что документ создан на языке HTML версии 4.01 подверсии Transitional, которая позволяет использовать как новые, так и устаревшие теги. Адрес "http://www.w3.org/TR/html4/loose.dtd" направляет браузер на спецификацию относящуюся к версии 4.01, откуда он может узнать допустимые и недопустимые теги.

Далее пишется корневой тег <html>, закрывается страница тегом </html>.

Всё, что находится между этими тегами, является содержимым нашей web - страницы.

Далее пишется тег <head>, он парный, закрывается тегом </head>. Между ними находятся служебные теги, содержимое которых пользователю в браузере не видно.

Первый служебный тег парный <title></title> даёт название страницы. Например:"Моя первая страница". Будет так:
<title>Моя первая страница</title>.

Затем идут, так называемые, мета теги, они не парные.

Служебный мета тег указывает кодировку нашей страницы и пишется так:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">.

Служебный мета тег описывающий содержание нашей страницы, пишется так:
<meta name="Description" content="">. Между кавычками описывается содержание страницы.

   Служебный мета тег отражает ключевые слова, отвечающие за содержание нашей страницы, и пишется так:
<meta name="Keywords" content="">. Между кавычками, через запятую, пишутся слова.

Это основные 4 служебных тега, их может быть больше и в процессе освоения HTML Вы будете знакомиться с ними.

Далее пишется тег <body>, он парный, закрывается тегом </body>. Все теги, находящиеся между ними, отображаются браузером и видны пользователю.

Теперь давайте запишем этот код, где между тегами <body> и </body> вставим свой текст.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Моя первая страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="Description" content="На этой странице Вы найдёте создание моей первой web-страницы ">
<meta name="Keywords" content="страница,первая">
</head>
<body>
Ваш текст
</body>
<html>

Скопируйте этот код, создайте в новой папке текстовой документ и вставьте в него скопированный код с Вашим текстом.

Теперь выбираем в меню Блокнота : Файл - Сохранить как.

При сохранении файла из блокнота надо установить тип файла: Текстовые документы (*.txt) и кодировку ANSI

Имя файла, под которым мы сохраним нашу страничку, оббозначаем index.html, расширениие должно быть html, чтобы браузер понял, что это html документ.

Нажимайте сохранить и откройте Ваш сохранённый файл index.html в браузере. Вы увидите Ваш текст, введённый между тегами <body> и </body>.

Вы увидите Ваш сплошной текст, это потому, что он не отформатирован. Он будет выглядеть так.

Форматировать текст мы будем в следующем уроке. Перейти к форматированию текста

Содержание уроков по основам HTML.

Урок 1. Что такое тег? Определение основных тегов.

Урок 2. Форматирование текста.

Урок 3. Создание списков.

Урок 4. Форматирование шрифтов.

Урок 5. Вставляем изображения.

Урок 6. Изучаем ссылки.

Урок 7. Изучаем таблицы.

Урок 8. Создаём каркас сайта.

Урок 9. Создаём страницу сайта.


Реклама

Protected by Copyscape Unique Content Checker




Copiright © http://www.cyberzarobotok.ru/