Web-designed

       

С чего начинать?



С чего начинать?

Для начала Вам нужно выбрать редактор. Cyщecтвyeт двa типa peдaктopoв: WYSIWYG (What-You- See-Is What-You-Get Что-ты-видишь-то-и-получаешь) и peдaктopы, paбoтaющиe нaпpямyю c HTML-кoдoм.
Ecли Вы нe имeeтe ни мaлeйшeгo пpeдcтaвлeния o HTML, тo для начала вaм пoдoйдyт peдaктopы пepвoй гpyппы, нaпpимep:

    Front Page, Word
В это случае я вам помочь ни чем не могу, читайте HLP-файлы этих программ.
Ecли хотите научиться paбoтaть c HTML-кoдoм нaпpямyю, а речь в данном учебнике пойдет как раз об этом, воспользуйтесь -
    HTMLPad2000, Notepad, Bred2
Лично я выбрал , которым заменил стандартный Notepad Windows. Bred2 в отличии от стандартного Notepad`а обладает множеством разных настроек - ToolBar, StatusBar, MultiUndo, есть подсветка HTML тегов, автозамена, автоматическая регистрация расширений (*.txt, *.ini, ...), а лимит текста - не менее 1Mb. И это далеко не все его возможности. Вашему вниманию предлогаеться русская версия.

С чего же начинать? Во-первых попробуйте сделать следующее...
Откройте Блокнот и скопируйте в него:

Примечание:


Примечание:

Все, что выделено красным Вы исправляете, а мои комментарии, выделеные черным, - удаляете. Последнее делаеться по желанию, т.к. Обозреватель игнорирует комментарии.

<!--Пример HTML документа.-->
<html>
<head>
<!--Следующая строчка - кодировка.-->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Ваш заголовок</title>
</head>
<body>
<!--Теперь указываем название шрифта (лучше два, можна и больше, через запятую), его размер и цвет.-->
<font face="Verdana,Sans-serif" size="2" color="#000000">
<b>Название Вашего раздела</b><p>
Здесь Ваш текст.
<p>
<!--Далее встраиваем графический файл в документ. И будет он у нас по центру.-->
<center>
<img border=0 src="Имя графического файла с расширением" Width="Его размер по горизонтали" Height="Его размер по вертикали"#FF0000" size="2">Здесь Вы указываете выпадающую подсказку">
</center>
</font>
</body>
</html>
<
Сохраните документ как htm файл (например, 001.htm) и запустите. Вы создали первую свою страницу. Поздравляю!

Теперь расскажу немного о тегах - знаках, распологающихся в скобках. Большинство тегов имеют открывающийся элемент <> и закрывающийся </>. Между ними и находяться коды, которые распознает Обозреватель. HTML-документ всегда начинаться отрывающимся тегом <HTML> и заканчиваться закрывающим </HTML>. Дальше идет заголовок <HEAD></HEAD>. Между этими тегами всегда должна находиться информация о кодировки страницы, в нашем случае <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">, и теги опредиляющие название страницы <TITLE></TITLE>. Только теперь между тегами содержимого документа <BODY></BODY> можно распологать свою информацию, рисунки, видеофайлы, аудиофайлы...

Размеры графического файла (в пикселях) по горизонтали и по вертикали, а также выпадающую подсказку можно не указывать, но тогда страничка грузиться дольше, не забывайте об этом. И еще - большие картинки Обозреватель может игнорировать, если Вы не укажите их размеры.

Подробную информацию о тегах смотрите в разделе


Содержание раздела