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

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

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

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

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

Artisteer как работать в программе
Статья предназначена для тех кто впервые сталкивается с программой Artisteer 4, и у...
skaz - 0 - 13278
Для чего нужен сайт? Создание сайта для новичков.
Многим интернет - пользователям кажется, что создать собственный сайт — это...
skaz - 0 - 1283
Установка шаблонов Artisteer на Joomla 3.Х с содержимым
Рассмотрим второй способ как установить шаблон Artisteer на установленную ранее, на...
skaz - 0 - 2798
CSS3 закругленные углы, свойство border-radius
Закругленные углы с использованием границ общие понятия. Самый простой способ...
skaz - 0 - 8332
Скачать Artisteer 4.1.0.59861 для Windows
Вышла новая версия Artisteer 4.1.0.59861 для Windows, подробности от разработчиков в...
skaz - 8 - 7547
Выбор хостинга при создании сайта
В наше время многие создают сайты для тех или иных целей. Это могут быть...
skaz - 0 - 1782