Главная
Уроки
Конспекты
Хостинг
Контакты



 

Начало. Раскрасим наш сайт при помощи тэга <body>

Что ж, пора начинать делать наш сайт! Для начала создайте новый документ в Macromedia Home Site, как это делается вы могли прочитать в первом уроке. Возможно, он уже создан в html - редакторе и называется "Untitled1". Так вот, для начала сохраните этот файл под именем "index.html" в папке, которую мы создали для нашего сайта.



Итак, вы создали новый документ. Перед Вами картина, показанная на справа.
Как видите, между тэгами <title> (т.е. заголовка) стоит "Untitled". Давайте поменяем этот заголовок на какой-нибудь другой, например "Моя первая страничка". Теперь при открытии нашей странички в браузере в строке заголовка будет написано: "Моя первая страничка". Ну я думаю вы поняли для чего предназначены тэги <title> </title>


Тема этого урока - "Раскрасим наш сайт при помощи тэга <body>", тогда давайте приступим к этому интересному занятию! Итак, чтобы изменить цвет заливки нашей странички измените тэг <body> таким образом: <body bgcolor="#ccffff">. Здесь "#ccffff" - код определенного цвета, например белый цвет имеет код - #ffffff, а черный - #000000 и т.д. Вместо "#ccffff", вы можете выбрать любой другой цвет, в этом нам поможет интерфейс Macromedia Home Site 5. На панели задач найдите кнопку "Palette" , и нажмите на нее один раз. Откроется большой выбор цветов, притом нажав левой кнопкой мыши на понравившийся цвет, он автоматически вставляется в документ на место курсора. При помощи тэга <body> вы также можете менять цвета ссылок, текста в документе, устанавливать другие параметры. Об этих "других" функциях я рассказывать не буду, это придет к Вам с опытом, да и в принципе хоть немного зная английский язык можно догадаться что к чему...

Ну а теперь, чтобы наша страница не была совсем пустой, давайте напишем какую-нибудь фразу... Это очень легко сделать, просто напечатайте эту фразу (у меня это будет фраза "HTML - это не язык программирования, это язык, который понимают интернет-браузеры.") между тэгами <body bgcolor="#ccffff"> </body> Так после всех действий на этом уроке будет выглядеть наш код, вы можете увидеть в таблице справа.

Что ж, будем считать, что наша первая простейшая страничка готова! Теперь нам предстоит самое волнующее - посмотреть что же получилось и как же наша страничка выглядит? Чтобы посмотреть страничку в браузере, Вам надо просто нажать на вкладку "Browse". У меня получилась страничка, скриншот которой вы можете увидеть внизу. У Вас наверное получилась другая, если вы сделали другой цвет или написали другую фразу...

<html>
<head>
  <title> Untitled</title>
</head>

<body>



</body>
</html>


Так выглядит код пустой страницы





<html>
<head>
  <title> Моя первая страничка </title>
</head>

<body bgcolor="#ccffff">

HTML - это не язык программирования, это язык, который понимают интернет-браузеры.

</body>
</html>


Так выглядит код страницы после этого урока


Вот такая страничка вышла у меня. Кому-то может показаться, что это слишком простая страница, но чтобы сделать красивую страницу, наполненную текстами и картинками, Ваших знаний пока не достаточно, поэтому переходите к следующему уроку и продолжайте обучение!

Примечание. Эта созданная страничка вряд ли нам пригодится, поэтому можете ее оставить на память и показывать внукам. :)

 


|Все уроки |
| Назад | Главная | Следующий |

| Главная | История HTML | Зачем нужен сайт | Уроки | Конспекты | Практическая работа | Тест | Скрипты | О хостинге | Контакты |