Как создать сайт – с чего начать начинающим

Как создать сайт – с чего начать начинающим

Как создать сайт? Казалось бы уже пережеванная тема, но тем не менее часто пестреют форумы этими вопросами от начинающих.

Я уже писал на блоге о том с чего начинать создание сайта, но там я описал все от выбора тематики до выбора хостинга и домена. В этом же посте я хочу уделить внимание именно техническому этапу создания сайта, а точнее дать советы как создать свой сайт бесплатно, с чего начинать обучение, что читать.  Дам ссылки на различные ресурсы, читая которые вы сможете учиться и улавливать принципы создания сайта.

HTML

Создание любого сайта начинается с дизайна, идею и тематику я сейчас не буду брать в счет. После дизайна следует верстка. Однако, несмотря на то что дизайн является первым этапом, я все-таки рекомендую начать с изучения языка разметки HTML. Без него никуда.

Создайте свой первый сайт сначала просто на голом HTML, без дизайна. Это вам поможет понять принцип построения кода страницы, выучить некоторые теги. На сайте постройка.ру (postroika.ru/html/1step22.html) есть урок по созданию простого сайта, рекомендую пройти. Еще рекомендую прочитать урок по созданию сайта на сайте moneymaster.ru. На этом же сайте админ – Владимир, предлагает 4 книги, 3 из них платные, но первая абсолютно бесплатная и доступна к скачиванию, можете ее скачать и учиться по ней. Книга посвящена созданию сайта.

Сайт, созданный по этим урокам возможно не будет красивым, но для на начальном этапе главное не красота, создав простой сайт вы поймете что такое теги, в какой последовательности они ставятся и прочие нюансы. Исходя из полученных знаний вы сможете создать уже свой сайт. Какие уроки выбирать – решайте сами, я дал вам 2 ссылки. Также советую htmlbook.ru, на котором вы найдете объяснение к тому или иному тегу.

Дизайн

Создав простой сайт просто на html, вам наверняка захочется придать какой-нибудь внешний вид сайту, будь то шапка сайта, подвал, баннер. Расписывать о дизайне я не буду, но уроки по дизайну (Photoshop’у) вы можете найти в интернете без труда, а также на сайте postroika.ru.

CSS

С помощью css можно задать стиль определенному фрагменту страницы, тем самым значительно облагородить внешний вид сайта и многое другое. Приведу банальный пример преимущества CSS:

Допустим у нас есть файл index.html и мы хотим чтобы все ссылки в нем отображались шрифтом Tahoma и синим цветом #0000FF. Это делается так:

<font family=”Tahoma” color=”#0000FF”>между ними ссылка (<a href=””>Ссылка</a>)</font>

Хорошо если ссылка на странице одна-две, а если их штук 20 :) Очень нудно прописывать этот код на каждой ссылке.

А с помощью css можно сделать совсем по другому. В отдельном файле (style.css например) прописать следующий код:

a {
font-family: Tahoma;
color: #0000FF;
}

Затем файл style.css нужно будет прикрепить к файлу index.html. Делается это с помощью прописывания перед тегом </head> строки: <link href=»путь к файлу» rel=»stylesheet» />

И все, теперь все ссылки будут отображаться точно так же как и в первом случае, но нам ничего не нужно прописывать для каждой ссылки. Это значительно облегчает работу с кодом, а также существенно «облегчает» код, так как все стили выносятся в отдельный файл.

Также для создания сайта можно использовать язык программирования php, но поскольку сайты бывают исключительно html+css, то php не обязательно использовать, тем более на этапе изучения html. Поэтому я не стану тут ничего расписывать об этом, тем не менее рекомендую вам прочесть учебник по php.

В принципе на этом пост можно и закончить. Сначала просто тренируйтесь, просматривая результаты на компьютере, с помощью браузеров.

Буду признателен Вам если поделитесь статьей:
Получайте еще больше новой информации подписавшись на RSS-ленту!

Комментариев: (7) к "Как создать сайт – с чего начать начинающим"

Комментарии закрыты.