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

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

Прежде всего, давайте разберемся, что из себя представляет язык разметки, с помощью которого программист-верстальщик создает представление интернет-странички. Язык 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)

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

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

Создание и настройка блога Blogger
Каждый второй пользователь Интернета однажды решает примкнуть к многомиллионной армии...
skaz - 0 - 7568
Перелинковка сайта. Методы и схемы.
Один из способов продвижения сайта в поисковых системах, это внутренняя оптимизация...
skaz - 1 - 4901
Особенности и преимущества Wordpress
Каждый начинающий вебмастер задается вопросом, какую CMS лучше всего выбрать. CMS...
skaz - 0 - 5762
Для чего нужен сайт? Создание сайта для новичков.
Многим интернет - пользователям кажется, что создать собственный сайт — это...
skaz - 0 - 1092
Как установить компоненты и модули в Joomla
Если вы являетесь пользователем Joomla то устанавливать и удалять различные плагины и...
skaz - 0 - 4187
Как сделать магазин на Wordpress?
Как мы уже говорили в предыдущих статьях, на Wordpress можно создать не только обычный...
skaz - 11 - 7681