all-of-all.ru
Посмотреть
Статьи

Наши друзья

Спецпредложения интернет-магазина
 Статья / Техника / Инструкции / Интернет / Как НАУЧИТЬСЯ создавать сайты

Как НАУЧИТЬСЯ создавать сайты


 Николай Баранов, 23.04.2012 18:03:18
Как НАУЧИТЬСЯ создавать сайты


(Нет голосов)
486 просмотров
В избранное
Комментировать(0)

Как НАУЧИТЬСЯ создавать сайты

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

Инструкция

1 шаг

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

*.html
*.php

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

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

2 шаг

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

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

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

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

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

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

3 шаг

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

Таблица

(Если установить 0, то рамка иссчезнет)
<*TR*>
Если в таблице два
тега TR, то в ней две строки.

<*TR*>
<*TD*>Если в строке три тега TD,
<*TD*>то в ней
<*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 шаг

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


Как НАУЧИТЬСЯ создавать сайты
 Статья / Техника / Инструкции / Интернет / Как НАУЧИТЬСЯ создавать сайты
 Николай Баранов, 23.04.2012 18:03:18

Назад в раздел

Самые интересные новости:

загрузка...