Главная » Разработка сайтов » Создание сайта на html

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

Создание сайта на html это самый первоначальный этап освоения профессии веб-мастера. Любая страница в интернете в своей основе имеет html коды. Это самый простой язык программирования, освоить его не составит особого труда. Важно понимать, что создание качественного сайта требует хорошей теоретической и практической базы, а также свободного времени. Даже использование готовых шаблонов не даст вам нужного результата без определенных усилий с вашей стороны и внимания к процессу.

Для создания полноценных страниц вашего сайта важно знать и понимать структуру html-страниц. Основой структуры являются теги, часть из них вы скорее всего уже встречали:

1. <html> — самый первый тег, он открывает документ.

2. </html> — последний тег, который закрывает документ.

По аналогии остальные открывающие и закрывающие теги отличаются только одним элементом «/».

При заполнении тегов абсолютно не важно, какими буквами, строчными или прописными, они будут написаны, браузерам все равно на регистры. Но лучше остановиться на одном варианте либо строчных, либо прописных букв, чтобы не снижать валидацию сайта.

Теги <head> и </head> заключают в себя заголовок страницы, обозначаемый тегом <title>, эта часть страницы не видна пользователям, а предназначена для оптимизации поиска созданной страницы в сети интернет.

<body> и </body> — основная часть текста страницы, в этом блоке отображается вся информация, касающаяся контекста и дизайна ресурса.

Теги h1-h7 и p1-p7 и так далее обозначают основные заголовки, абзацы текста, списки и прочее.

Всем тегам, указанным в файле index.html нужно присвоить описательные характеристики расположения на странице (размер, высота, ширина, цвет, шрифт написания и прочее). Это можно сделать с помощью специального инструмента css – таблица описания стилей. Для того чтобы создать полноценный сайт необходимо пройти три этапа:

  • Создать прототип сайта, понять, как он будет выглядеть, какие разделы в себя включать.
  • Сделать верстку сайта и наполнить его интересным контентом, а также запустить его в интернет
  • При желании сделать интернет- ресурс более динамичным за счет использования php.

Шаблон сайта.

Шаблон сайта можно сделать в программе Фотошоп достаточно просто. В программе необходимо создать новый документ размером 1000 на 1000, с разрешением 72 пикселя/дюйм и выбрать палитру RGB. Далее следует определиться с цветом фона, который можно выбрать из палитры программы. С помощью инструмента «текст» располагаем на шаблоне всю необходимую текстовую информацию – название, телефоны, подзаголовки, контакты, информацию для посетителей.

Обозначаем с помощью инструмента «Формы» места, где будут расположены фотографии и изображения, и размещаем непосредственно графический контент. Файл для верстки сайта практически готов, его следует сохранить с помощью функции «сохранить для веба». Для облегчения работы можно выбрать уже готовые шаблоны для сайтов.

Верстка сайта в файле index.html.

Как это делается мы рассматривали выше на примере одной html страницы. Сам сайт верстаем аналогично, но это предполагает заполнения большего количества характеристик для большего количества элементов.

Создание сайта на html требует знания языка программирования html, при освоении этого инструмента создание интернет – ресурсов на его основе не будет вызывать у вас больше сложностей.

Цены на наши услуги