Создание сайта

10 марта 2018

Сайт – один из лучших на сегодняшний день способов для передачи информации пользователям глобальной сети Интернет. Идея разработки собственного сайта может возникнуть по разным причинам, будь это реклама предоставляемых услуг, продажа своих товаров (интернет-магазин) или же предоставление информации.

Всё начинается с появления идеи. Именно от неё зависит успех запланированного проекта. Если идея актуальна и, возможно, понравится большинству, то можно начинать создание сайта.

Доменное имя

Важным шагом является выбор домена, то есть выбор имени сайта или его адреса в сети Интернет. Домен состоит из нескольких уровней. Например, первый уровень определяет регион (.ru, .ua, .us, .рф) или предназначение сайта (.biz, .com, .net), второй уровень и все последующие определяют имя сайта (wikipedia.org).

Хостинг

Стоит ознакомиться с понятием «хостинг». Он необходим для размещения сайта в Сети и для обеспечения постоянного доступа к нему без разрыва связи. Размещать сайт рекомендуется на проверенных хостинг-компаниях. Начинающим это может обойтись от 500 до 1000 рублей в год.

HTML

HTML – это язык разметки гипертекстов, который описывает страницы и даёт понять браузеру, что и как должно отобразиться на экране при их загрузке Используя HTML, можно описать положение вставленных картинок, шрифт текста, фон страницы и многое другое. Описание идёт с помощью меток, называемых тегами.

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

<b>Язык разметки гепертекстов</b>
<i>Язык разметки гепертекстов</i>

символы <b> и </b> делают текст между ними жирным, а <i> и </i> - курсивом.

Также есть теги, не требующие закрытия. Их называют одиночными. Они выполняют такие действия, как вставка картинки, аудиофайлов и видеофайлов. Пример вставки изображения одиночным тегом: <img src="image.jpg">.

Тегам можно задавать параметры, например, поставить цветной фон и размер шапки (верхнего колонтитула) страницы:

<header style = "background-color:green; height:50px">

получается шапка зелёного цвета (background-color:green) высотой 50 пикселей (height:50px).

Принцип создания HTML-документа достаточно прост, его можно представить следующим образом: <тег1> <тег2> … содержимое контейнера … </тег2> </тег1>. Стоит обратить внимание на то, в каком порядке пишется каждый тег (самый первый тег закрывается последним, следующий предпоследним и так далее).

Структура документа на HTML

Структура содержит три основные пары тегов: <html>, <head>, <body>. Она представлена следующим образом:

<html>
<head> заголовок страницы </head>
<body> содержимое документа </body>
</html>
<html> и </html> образуют контейнер для всех остальных тегов документа.

CSS

CSS -это язык стилей, способный помочь с описанием стиля документа, написанного на языке разметки. Таблицы стилей создаются в отдельном файле и внедряются в HTML-документ.

Можно выделить некоторые плюсы CSS:

• код можно сделать более читабельным и уменьшить его в несколько раз;

• с помощью CSS можно изменять такие параметры, которые невозможно изменить на HTML;

• просто и быстро позволено изменить внешний вид сразу нескольких страниц. Это поможет сэкономить время.

Заключение

Создание сайта – сложный и длительный процесс. Подробно изучив основы этого процесса, можно смело браться за дело. Но и на этом не стоит останавливаться. Ресурс требуется постоянно обновлять, вставлять свежую информацию. Всегда найдётся то, что можно улучшить или добавить.

← Вернуться на предыдущую страницу

Читайте также:

Актрису Энн Хэтэуэй наградили за борьбу с гендерной дискриминацией 18 сентября 2018

В течение 10 лет Энн участвует в просветительских мероприятиях, занимается благотворительностью, а также ведет борьбу с проблемами неравенства

Доход Disney за 2018 год уже переплюнул результат 2017 18 сентября 2018

В текущем году, который еще даже не закончился, студия Disney заработала большую сумму денег, чем в прошлом

В Таллинне засняли самоходные робо-автобусы Renault 18 сентября 2018

Концептуальный микроавтобус не оборудован рулем.

+ Добавь комментарий
 

Каталог отзывов





×

Выберите область поиска

  • Авто
  • Одежда / аксессуары
  • Работодатели
  • Другое