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

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

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

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

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

Как сменить кодировку с UTF-8 на кириллицу
Чтобы поменять кодировку страницы, напимер с UTF-8 на Windows-1251 (кириллицу),...
skaz - 0 - 51726
Скачать Artisteer v.4.0
И так сегодня наконец вышла долгожданная, новая версия Artisteer 4.0 В связи с тем,...
skaz - 63 - 33329
Скачать Artisteer 4.1.0.59861 для Windows
Вышла новая версия Artisteer 4.1.0.59861 для Windows, подробности от разработчиков в...
skaz - 8 - 7466
Artisteer 3.1 скачать.
Artisteer 3.1 на сегодняшний день, последняя стабильная версия программы. В...
skaz - 1 - 11377
Финал артистир 4.2 для Windows. Artisteer 4.2.0.60623 скачать
11.07.2014 г. Вышла бета 4.3 Artisteer Beta for Windows (4.3.0.60728) подробности и...
skaz - 6 - 17057
Таблица цветов html - таблица html кодов цветов, коды цветов в RGB.
Таблица цветов HTML и кодов RGB , для дизайна. Данная таблица служит для подсказки...
skaz - 0 - 36666