Как создать свой сайт

1 шаг

Итак, все сайты состоят из страниц. Приведу 2 наиболее распостраненных формата:

*.html
*.php

Формат *.php написан на языке программирования, его мы рассматривать не будем.
Нас интересует только формат HTML.

Итак, из чего же состоит документ Html? Он состоит из Тегов и Текста. Теги задают, каким будет текст и все что отображено на странице.

2 шаг

Примеры тегов. В данных примерах вам необходимо удалить звездочку * чтобы они работали. Большинство тегов должны закрываться символом /

<*b*>Жирный текст</b>
<*u*>Подчеркнутый текст</u>
<*i*>Текст курсивом</i>

Можно также комбинировать

<*b*><*u*>Жирный и подчеркнутый текст</u></b>

<*br*> – закрывать тег не нужно. Тег разрывает строку.

Учимся господа, учимся!

3 шаг

Таблицы. Мы не будем рассматривать каскадные тадлицы стилей. Мы посмотрим как делаются обычные таблички. Не забываем удалять звездочки *

Таблица

<TABLE BORDER=1> (Если установить 0, то рамка иссчезнет)
<*TR*>
<TD COLSPAN=3>Если в таблице два
тега TR, то в ней две строки.</TD>
</TR>
<*TR*>
<*TD*>Если в строке три тега TD,</TD>
<*TD*>то в ней</TD>
<*TD*>три столбца.</TD>
</TR>
</TABLE>

Результат

(Разрешение на публикацию принято с согласием админа с http://www.intuit.ru/department/internet/htmlintro/5/)

Глуюже рассматривать не будем. Скажу лиш, что у таблиц может быть множество параметров, таких как ширина, цвет, отступ, и тд и тп

4 шаг

Ссылки. Удаляем звездочки

<a href=“winlook.ru/”>Это ссылка на winlook.ru</a*>

5 шаг

Вставка изображения. Звездочки.

<img src=“http://www.google.com/intl/ru/images/logos/webmaster_central_logo.gif”*>

6 шаг

Этой информации хватит для старта. Теперь можете создать простейшую страничцу. Открываем блокнот, вставляем теги и текст, сохраняем как *.html и запускаем (Сохранить как – все файлы – пишем index.html)

7 шаг

Если хотите сделать оформление как у akak.ru – правой кнопкой мышки по тексту кликаем – выбираем исходный код. Вам показываются все теги которые в данный момент присутствуют. Но вы врятли в них чтото поймете, так что советую скачать HTML учебник.

Рекомендую:

http://html.manual.ru/ – очень классный справочкин, рассчитан также для новичков

Если он для вас слишком сложный, или по каким то причинам не подойдет, то вот еще ссылки на книги

http://web-mastery.info/books/book-30.html
Данная книга является одним из современных учебников (последнее переиздание 2008 год) по html разметке в частности и web строительству в целом. Кроме основ, которые необходимо знать начинающему веб мастеру, рассматриваются вопросы юзабилити, то есть удобства веб страницы для конечного пользователя – посетителя сайта.

http://web-mastery.info/books/book-26.html
Самоучитель Html. А.Гончаров.
Книга Алексея Гончарова “Самоучитель HTML” предназначена помочь начинающим веб мастерам самостоятельно изучить язык гипертекстовой разметки. Продвигаясь от истории возникновения к практическим заданиям читатель может пошагово создавать свой первый сайт, одновременно проверяя полученные знания.

http://web-mastery.info/books/book-10.html
Учебник html
HTML и CSS на примерах – отличный учебник html для начинающих. Книга построена таким образом, что приступая к прочтению не обязательно иметь начальные знания html, если же определенные навыки уже есть, можно пропустить вводную теорию. Много практических советов, пошаговый разбор примеров и доступный для начинающего стиль написания книги делают ее действительно хорошим учебником по html.

Примечание. CSS- Каскадные таблицы стилей. Если осилете, качайте это. Проще вам же будет.

8 шаг

Удачи в начинаниях, великие будущие веб-мастера!