Учимся создавать свой сайт: первые шаги

На разные темы Рейтинг: 0 Голосов: 0 2151 просмотр
Учимся создавать свой сайт: первые шаги

Прежде всего, давайте разберемся, что из себя представляет язык разметки, с помощью которого программист-верстальщик создает представление интернет-странички. Язык HTML состоит из дескрипторов (иначе называемых тегами). Дескриптор записывается между двумя угловыми скобками. Существуют парные и непарные теги. Парные теги обязательно должны иметь закрывающую пару.

Информация, непосредственно выводящаяся на экран, должна быть написана между тегами. Стоит отметить, что не все дескрипторы выводят информацию. Некоторые из них служат исключительно для форматирования. Посмотрим на несколько примеров:

<html></html> — открывающий и закрывающий дескриптор — в этом дескрипторе должен находиться весь код вашего сайта.

<body></body> — также парный тег, внутри которого должна находиться вся видимая информация (техническая информация исключается).

<div></div> — и напоследок, еще один парный тег, о роли которого можно говорить довольно много, но сделано будет это немного позже.

Все теги должны записываться в файле с разрешением *.html. Созданием HTML кода (как и созданием файлов на других языках) можно заниматься в обычном блокноте, хотя существует множество специализированных редакторов для программистов, многие из которых являются очень узкоспециализированными.

Вернемся к технологиям создания сайтов. Второй из них (также глобальной и общепризнанной) является технология визуального оформления интернет-страниц — язык Каскадных Таблиц Стилей, иначе называемый просто CSS.

Как вы уже могли догадаться, CSS код должен храниться в текстовом файле с именем разрешения, схожим с названием самого языка: *.css. Структура кода в каскадной таблице стилей следующая: вначале пишется селектор, затем ставятся фигурные скобки, внутри которых пишутся пары «имя: значение», в конце каждой из которых ставится точка с запятой. Взглянем на пример:

.example { width: 1000px; height: 1000px;}.

Здесь мы некоему селектору с именем «example» присвоили значения ширины и высоты. Прежде чем идти дальше, стоит разобраться, что такое селектор и какие бывают виды.

И так, селектор — это то, как мы обращаемся к определенному дескриптору из html документа. Мы можем указать непосредственно название тега (к примеру, div или header), также можно указать ими класса или идентификатор. Не стоит пугаться множеству новых терминов.

Давайте посмотрим, что мы можем на данный момент понять: интернет-странички пишут с помощью дескрипторов (иначе называемых как tags), которые могут иметь закрывающую пару. Мы разобрались с синтаксисом дескрипторов. Больше информации обо всех дескрипторах вы можете найти в официальной документации. Также были рассмотрены основы каскадных таблиц стилей, которые отвечают за внешнее оформление.

Стоит отметить, что используются и другие языки, такие как ECMAScript (JavaScript), PHP, Java и множество других. Одни используются для «фронт энд» разработки, другие для «бэк энд» разработки. Что выбирать — решать Вам.

Комментарии (0)

Нет комментариев. Ваш будет первым!

Случайное в статьях

Какие сайты можно сделать на Вордпресс?
Wordpress – это универсальный движок для создания сайтов, который позволяет...
skaz - 0 - 11521
Установка шаблонов Artisteer на Joomla 3.Х с содержимым
Рассмотрим второй способ как установить шаблон Artisteer на установленную ранее, на...
skaz - 0 - 2514
Качество шаблонов в Artisteer
В статье речь идет только о шаблонах сделанных в лицензионной программе. Шаблоны...
skaz - 1 - 22568
Актуальные плагины Joomla для продвижения сайта
Система управления интернет-проектом Joomla считается не самым плохим движком для...
skaz - 0 - 6344
Установка и настройка шаблонов Joomla.
  Normal 0 false false false...
skaz - 0 - 16787
Как использовать историю тИЦ при покупке ссылок на биржах?
Всем известно, что со временем значение тИЦ для каждого сайта может меняться, причем...
skaz - 0 - 3468