Учебник для вебмастера доступно и наглядно показывает как можно создать и оформить сайт используя такие языки программирования как HTML и JavaScripts. Приведены конкретные примеры Java скриптов и HTML кода.
Для начала Вам нужно выбрать редактор. Существует два вида редакторов: визуальные (WYSIWYG What-You- See-Is What-You-Get Что-ты-видишь-то-и-получаешь) и редакторы, работающие напрямую с HTML кодом.
Если Вы не имеете ни малейшего представления o HTML, то для начала вам подойдут редакторы первой группы, нaпpимep: Nvu или Word
Ecли хотите научиться работать с HTML кoдoм нaпpямyю, а речь в данном учебнике пойдет как раз об этом, воспользуйтесь - HTML редактором InStyle В дистрибутив InStyle входит самоучитель для новичков, позволяющий быстро освоить приемы работы с html-кодом и научиться создавать самые яркие и красочные страницы своими руками.
Откройте Блокнот или редактор и скопируйте в него:
| Примечание: Все, что выделено красным Вы исправляете, а мои комментарии, выделенные черным, - удаляете. Последнее делается по желанию, т.к. Обозреватель игнорирует комментарии. |
< !--Пример 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="Его размер по вертикали" alt="Здесь Вы указываете выпадающую подсказку" >
< /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 > можно располагать свою информацию, рисунки, видеофайлы, аудиофайлы...
Размеры графического файла (в пикселях) по горизонтали и по вертикали, а также выпадающую подсказку можно не указывать, но тогда страничка грузится дольше, не забывайте об этом. И еще - большие картинки Обозреватель может игнорировать, если Вы не укажите их размеры.
__________________________