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

Данная инструкция не будет вас учить как при помощи каких – то левых программ или сайтов клепать говносайты (Извиняюсь). Данная статья научит вас, как создавать приличные сайты (ручками, ага), которые не стыдно будет показать друзьям. Конечно, это будет нелегко.

Инструкция

Уровень сложности: Непросто

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 шаг

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

Обсуждение

717_micro
Рейтинг
  1. +
  2. 2
Artemis-x (23:10 14.11.2009)

не засоряй эфир) не вставляй картинки через исходник

295_micro
Рейтинг
  1. +
  2. 1
Evil_Genius (23:13 14.11.2009)

Блина) а меня проперло)

717_micro
Рейтинг
  1. +
  2. 1
Artemis-x (23:23 14.11.2009)

не наслайждайся! как я должен с телефона заходить на сайт теперь)
У меня почти с экрана вылезают картинки твои широкоформатные

717_micro
Рейтинг
  1. +
  2. 1
Artemis-x (23:25 14.11.2009)

½ уже торчит

295_micro
Рейтинг
  1. +
  2. 1
Evil_Genius (23:50 14.11.2009)

хдддд))) ладно, буду только маленькие вставлять) не внатуре если бы там была опция скачать с интернета картинку, то все было бы нормально. У них движок даже не обрабатывает размер изображения в кб

717_micro
Рейтинг
  1. +
  2. 1
Artemis-x (00:20 15.11.2009)

да. движок слабоват, зато сами делали. А не на шаблоне)

295_micro
Рейтинг
  1. +
  2. 0
Evil_Genius (00:50 15.11.2009)

а я на шаблоне??? winlook.ru фиг там! сам делал! и еще бесит что все говорят классненький сайт хотя я знаю что это не так

295_micro
Рейтинг
  1. +
  2. 0
Evil_Genius (00:53 15.11.2009)

Artemis-x, ты разраб?

550_micro
Рейтинг
  1. +
  2. 2
Саньок Чечельницкий (02:11 16.11.2009)

Спасиб – я тоже начинаю по-чуть ознакамливаться с html. Один совет – поменьше ошибок в инструкции))) как смогу – поставлю тебе плюс! Уже довольно долго ищу хорошие книги по html, а тут их кипа. Еще обьясни, плиз, создав страницу в блокноте и изменив расширение, я ж ничего не создам толком… Насколько я понимаю, эти страницы нужно залить на хостинг? Обьясни это мне, плиз – оч интересно!

295_micro
Рейтинг
  1. +
  2. 1
Evil_Genius (02:55 16.11.2009)

BroDrouK, да, можно и на хостинг. Но на такие странички врятли захочет ктото заходить. Можно их пока что и с компьютера запускать.

Тебе нужно создать файлы с HTML расширением, в них вставить коды, сохранить, и можно запускать файл. Откроется в браузере. Если надо, могу сбросить пример простенький

717_micro
Рейтинг
  1. +
  2. 1
Artemis-x (17:25 17.11.2009)

Evil_Genius, видел твой сайт. Сырой еще)
———
Evil_Genius

Artemis-x, ты разраб?
———
Это ты о чем?

295_micro
Рейтинг
  1. +
  2. 0
Evil_Genius (05:35 18.11.2009)

видел твой сайт. Сырой еще)

Он развиваеццо) добавил голосования на ajax

Это ты о чем?

Перепутал) сайт о порно? лучшеб сделал чтото пооригинальнее)

353_micro
Рейтинг
  1. +
  2. 1
STALKERY (19:13 21.11.2009)

Evil_Genius Классный сайт.

295_micro
Рейтинг
  1. +
  2. 1
Evil_Genius (21:32 21.11.2009)

спс)

Avatar_micro
Рейтинг
  1. +
  2. 0
Lisitka (20:52 03.02.2012)

!<a href=http://smayli.ru/generatortablichek/><img src='http://smayli.ru/generatortablichek/smiles/102678777108004356404483214.gif' border=0></a>!

497_micro
Рейтинг
  1. +
  2. 1
stealh (14:30 09.04.2013)

Нормально, картинок бы добавил еще. А то надоели школьники учащие других школьников клепать говносайты на ukoz. А так +

Ваш комментарий

Запросить инструкцию

Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!

Рейтинг
  1. +
  2. 3
16
2415