Як створити свій сайт.

Дана інструкція не буде вас вчити як за допомогою будь - то лівих програм або сайтів клепати говносайт (Перепрошую). Дана стаття навчить вас, як створювати пристойні сайти (ручками, ага), які не соромно буде показати друзям. Звичайно, це буде нелегко.

Інструкція Рівень складності: Непросто 1 крок

Отже, всі сайти складаються зі сторінок. Наведу 2 найбільш поширених формату:

*. html
*. php

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

Отже, з чого ж складається документ Html? Він складається з Тегів і Тексту. Теги задають, яким буде текст і все що відображено на сторінці.

2 крок

Приклади тегів. У цих прикладах вам необхідно видалити зірочку * щоб вони працювали. Більшість тегів повинні закриватися символом/

Жирний текст
Підкреслений текст
Текст курсивом

Можна також комбінувати

Жирний та підкреслений текст

- закривати тег не потрібно. Тег розриває рядок.

Вчимося панове, вчимося!

3 крок

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

Таблиця

(Якщо встановити 0, то рамка іссчезнет)

Якщо в таблиці два
тега TR, то в ній два рядки.


Якщо в рядку три тега TD,
то в ній
три стовпці.

Результат

(Дозвіл на публікацію прийнято зі згодою адміна з http://www.intuit.ru/department/internet/htmlintro/5/)

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

4 крок

Посилання. Видаляємо зірочки

Це посилання на winlook.ru

5 крок

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

6 крок

Цієї інформації вистачить для старту. Тепер можете створити найпростішу странічцу. Відкриваємо блокнот, вставляємо теги і текст, зберігаємо як *.


html і запускаємо (Зберегти як - всі файли - пишемо index.html)

7 крок

Якщо хочете зробити оформлення як у - правою кнопкою мишки по тексту клікаєм - вибираємо вихідний код. Вам показуються всі теги які в даний момент присутні. Але ви врятли в них щось зрозумієте, так що раджу завантажити 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 крок

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