logo

Sunday 20th of May 2012

Войти



Бесплатный курс по HTML

Бесплатный курс по CSS


C чего начать создание сайта

HTML - CSSЕсли Вы перешли на эту страницу с главной страницы этого сайта, значит Вы хотите попробовать самостоятельно создать сайт на CMS Joomla! или блог на CMS WordPress. Возникает резонный вопрос: А с чего начать?

В том случае, если Вы совсем новичок не только в сайтостроении, но и в сети Интернет, перво-наперво я бы Вам посоветовал сменить идущий по-умолчанию вместе с  Операционной Системой Windows браузер (программа для просмотра интернет-страниц). В ОС Windows браузер по-умолчанию – это Internet Explorer. Даже самая последняя его версия (на момент написания статьи - девятая) – отстой. Советую Вам скачать и установить браузер посовременнее, а лучше сразу два. Например, посление версии Google Chrome и Mozila Firefox. Говорят, еще неплохой браузер Opera, но у меня с ним отношения как-то не сложились.

А если у Вас уже установлен любой из этих трех браузеров, можно приступать к созданию сайта.

 

На мой взгляд создание любого сайта, на любой CMS, следует начинать с изучения языка гепертекстовой разметки (HTML) и каскадных таблиц стилей (CSS). Для самостоятельного создания сайта эти, малопонятные на первый взгляд, знания совершенно необходимы. Ведь любой сайт состоит из HTML-кода. Откройте исходный код любой страницы в Интернете (нажмите Ctrl+U) и Вы увидете как в действительности выглядит файл этой страницы сайта. А то, что мы видим на мониторе, блуждая по Интернету, это то, как браузер отображает исходный код.

Создавать сайт и администрировать его – это не одно и то же. Создавая сайт Вам рано или позно придется столкнуться с редактированием HTML-кода в статьях и выбранном шаблоне сайта или, по крайней мере, с необходимостью правильно прочитать код. А чтобы хоть немного изменить внешний вид сайта (вернее шаблона сайта), необходимо знать хотя бы основные свойства CSS.

Ну вот например: захотели Вы сделать первые буквы во всех статьях на Вашем сайте отличающимися от всех остальных букв. К примеру, как у меня на одном из сайтов. Для этого Вам нужно будет через админпанель Вашего сайта открыть статью для редактирования. В открывшемся текстовом редакторе, с помощью которого создаются и редактиркются статьи и новости на сайте под управлением CMS Joomla! и CMS WordPress, нажать кнопочку "Редактировать HTML-код" или кнопку "Выключить редактор" (в WorrdPress похожие названия). Перед Вами предстанет HTML-код редактируемой статьи. Для неподготовленного человека этот код выглядит немногим лучше китайских иероглифов. Но вам нужно разобраться в этом коде, а затем заключить первую букву статьи в нужный тег и придать этому тегу какой-нибудь класс. Чтобы произвести эти действия, нужны хотя бы элементарные знания HTML. А затем в CSS-файле Вашего шаблона сайта нужно будет прописать стиль для класса, который придан тегу, в который заключена первая буква статьи.

Или, как можно видеть на этом сайте, в футер (самый низ сайта) нужно было поставить знак копирайта, ссылку на главную страницу или ссылку на страницу "Карта сайта". Для этого был немного подправлен выбранный по-умолчанию шаблон сайта. А именно: в нужное место шаблона вставлен нужный HTML-код.

Звучит все это так, как будто сделать все это довольно сложно, не правда ли? Но не пугайтесь. Язык HTML очень легкий. Чтобы изучить наиболее часто употребляемые, основные HTML-теги и их атрибуты Вам вполне может хватить недели. С CSS может быть чуть сложнее. А может и нет. Я сужу по себе. Вы наверняка моложе и способность к обучению у Вас выше.

Вы наверняка посещали и еще будете посещать многочисленные веб-ресурсы в Интернете, где Вам будут предлагать создать, изменить или подправить тот или иной файл на Вашем сайте для получения желаемого Вами результата. А для этого Вам нужно хотя бы сносно знать язык HTML, CSS-стили и еще желательно знакомство с PHP.

Где изучать HTML и CSS? В сети полно ресурсов на эти темы. Вот, хотя бы, мой первый сайт. Представленной там информации Вам на первое время вполне хватит. Или слева есть ссылки-картинки на бесплатные видео-уроки по HTML и CSS.

А дальше? Предположим, Вы решили, что знаете HTML и CSS достаточно для того, чтобы приступить к созданию собственного сайта. Тогда Вам пора приобретать хстинг и домен. О том, что такое хостинг и домен и как их приобрести, читайте в следующей статье.

 

Добавить комментарий


Защитный код
Обновить

  • modules/mod_lv_enhanced_image_slider/images/demo/history.JPG
  • modules/mod_lv_enhanced_image_slider/images/demo/jazzmin.JPG
  • modules/mod_lv_enhanced_image_slider/images/demo/smithus.JPG
  • modules/mod_lv_enhanced_image_slider/images/demo/ulotrix.JPG

Сделать сайт недорого | Создать сайт самому