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

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

Прежде всего, давайте разберемся, что из себя представляет язык разметки, с помощью которого программист-верстальщик создает представление интернет-странички. Язык 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 в Artisteer
В Artisteer можно быстро создать профессиональные темы WordPress , не имея...
skaz - 2 - 9405
Конструктор сайтов. Анализ предложений и программ
Хотелось бы поделиться личным опытом по поиску программ для изготовления сайтов....
skaz - 4 - 10665
Установка шаблонов Artisteer на Joomla 3.Х
В пред идущих статьях мы установили Joomla 3.Х на тестовый локальный сервер Open...
skaz - 2 - 3487
Artisteer 3.1 скачать.
Artisteer 3.1 на сегодняшний день, последняя стабильная версия программы. В...
skaz - 1 - 12086
От монетизации до пессимизации один шаг?
Предпринимая различные действия по монетизации своего сайта, необходимо учитывать...
skaz - 0 - 4156
Сайты-доноры из Яндекс.Каталога и их влияние на тИЦ акцептора
Наращивание тИЦ является приоритетной задачей для всех веб-мастеров, которые хотят...
skaz - 0 - 4451