Урок первый.
Наша первая страничка.
Открываем установленный заменитель "Блокнота" - "Bred3". Где его взять и как установить, я описывал в разделе "Введение в программирование" в теме "Необходимые программы".
Вписываем туда следующий html-код:
<html>
<head>
<title>Lilitochka-club - Главная страница</title>
</head>
<body>
Hello World!
</body>
</html>Получится у вас примерно следующее:
Теперь откройте меню "Файл" => "Сохранить как..."
В открывшемся окне в боковой панели, нажмите ярлык "Мой компьютер" и выберите место куда вы хотите сохранить созданную веб-страницу.
После этого напротив надписи "Имя файла:" введите имя с расширением файла.
Примеры (имя.расширение):
1. index.html
2. index.htm
Если вы хотите опубликовать страничку в интернете, то имя файла должно быть написано только латинскими буквами. Главная страница обычно называется "index", это главное условие, потому что все поисковики и хостинги так настроены, что ищут и регистрируют главную страницу в первую очередь с таким именем. Названия страницы сайта не должно содержать пробела, т.е. такое название как: "cool server" будет считаться не верным, но можно написать вот так: "cool_server". Имя веб-страницы соедененные знаком тере "-", типа "Lilitochka-club" некоторыми хостингами будет не принято, так что придется поискать подходящий хостинг или же переименовать.
Услуга хостинга - это грубо говоря услуга предоставления места на сервере под ваш сайт.
Но если вы не собираетесь выкладывать веб-страницу в Интернете, т.е. не будете заливать ее на хостинг, а пользоваться дома на компьютере, то имя веб-страницы может быть любое, хоть с пробелами, хоть с тире, хоть русскими буквами.
Но в любом случае расширение файла веб-страницы (оно написано справа от точки после имени файла) может быть только двух видов *.html и *.htm
Расширение нужно для того, чтобы компьютер понял какого типа этот файл и с какой программой он ассоциируется, т.е. чем именно его открывать.
Вот что у вас примерно получится:
Нажимаем "Сохранить" и смотрим что изменилось:
Видите, у вас теперь шрифт стал не однообразным, это называется синтаксическая подсветка, она выделила html-код (теги), чтобы вам было проще их отличать от обычного текста. Со временем вы оцените всю полезность синтаксической подсветки.
Теперь зайдите в меню "Инструменты" => "Выполнить"
У вас в браузере откроется ваша страничка.
Если синтаксической подсветки у вас не появилось, то значит вы просто неправильно настроили праграмму "Bred3". Перейдите в указанную ранее тему, где я выкладывал описание откуда ее скачать, как установить и настроить. Перечитайте все заново и настройте программу, как там указано.
Если при нажатии пункта "Выполнить" у вас не открылась страничка в браузере, то это может быть связано с тем, что у вас ее блокирует антивирус или файерфол. Тогда просто зайдите в ту папку куда вы сохранили вашу веб-станицу и дважды кликнув левой кнопкой мышки, запустите ее.
Разбираться с тем что означают те или иные теги, будем в следующих уроках.
Теги: Программирование,НTML,синтаксис,атрибуты,параметры
Отредактировано Законник (2011-07-28 21:49:41)
Дело в том, что если в тэг <p>..</p> вставили весь текст, а не отдельные абзацы, то необходимо между абзацами вставлять тэг <br>, обозначая конец одной строки и начало другой.
а как ссылки размещать с лева, с права и таблички?
