Всемирнопаутинные заметки/Создание веб-страниц: различия между версиями

Материал из Викиучебника — открытых книг для открытого мира
Содержимое удалено Содержимое добавлено
м Oleg3280 переименовал страницу Создание веб-страниц в Всемирнопаутинные заметки/Создание веб-страниц: Викиучебник:К переименованию/Апр…
Нет описания правки
Строка 51: Строка 51:
</source>
</source>


[[Категория:Веб-разработка]]
[[Категория:Всемирнопаутинные заметки]]
[[Категория:Вещание в Сети]]

Версия от 14:38, 27 апреля 2014

Для незнакомых с общими компьютерными понятиями, веб-страница — это файл, особым образом хранящий то, что можно увидеть на вебсайте за один щелчок (обычно после щелчка Вас переносит на новую страницу). Нужно найти человека, который правильно и разумно упакует нужный Вам текст в веб-страницу и правильно разместит нужные картинки. Таких людей немало, их легче всего найти через Сеть. Пригодится умение разбираться в людях и находить тех, кто будет способен вас понять и сделает всё как надо.

Для понимающих информационные технологии, веб-страница есть текстовый файл, в незакодированном виде хранящий текст, но текст тот измежёван пометками на особом языке разметкиHTML, который довольно прост и служит для:

  • разделения содержимого на части, обычно по смыслу: например, "заголовок", "простой текст", "цитата", "выделенный текст", "навигационное меню";
  • привязки побочных данных ко всему документу или выделенным частям. Так, например, можно указать адрес, к которому перейдёт пользователь, задействовав гипертекстовую ссылку; сам адрес — неявное, дополнительное (часто несущественное) содержание;
  • вставки картинок.

Каждый из выделенных на языке HTML элементов можно довольно детально оформить на языке CSS.

Но беда, что не все браузеры верно обрабатывают разметку и часто страница выглядит по-разному в разных браузерах. Поэтому для изготовления красочных страниц со строгими расположением и соразмерностью зримых элементов есть отдельная профессия, часто даже подразделяемая на художников (тех, кто придумывает облик страницы), рисовальщиков (создающих и обрабатывающих изображения специально для вебстраниц) и верстальщиков (которые размещают подготовленные графические элементы согласно замыслу художников).

Тебе выбирать:

  1. делать простую страницу или
  2. заказать весь сайт у умелого вебстроителя. Если страниц много и оформление их сложное, следует обратиться в фирму.

Автор не допускает каких-либо иных выходов вроде «попытаться самому сделать красочную страницу» или «заказать сайт у не делового веб-дизайнера, а простого заядлого компьютерщика».

Как сделать свою веб-страницу

На твоей простой веб-странице должны быть:

  • Ссылки на все связанные веб-документы. Такой по крайней мере один — страница, «родительская» по отношению к данной, или передняя страница всего сайта.
  • Нормально оформленные заголовки, курсив и жирный шрифт, перечни, цитаты, эпиграфы, подписи; с умом расставленные гиперссылки; изображения, не ломающие облик страницы.

Желательно также, чтобы страница была:

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

И просто обязательные требования: страница обязана быстро загружаться и правильно работать у любого посетителя.

Первые шаги

Поскольку HTML как было сказано выше - разметка текста, то можно сделать вывод, что производится она в текстовом редакторе. То есть можно смело открывать "Блокнот" и начинать ваять. Существует так же множество специальных программ, облегчающих жизнь. Я, к примеру, пользуюсь Microsoft Front Page. Проблема с этими программами состоит в том, что часто они добавляют много лишнего и ненужного, что увеличивает "вес" страницы порою на порядок, а то и на два. Это может быть помехой при использовании хостинга с ограничением предоставляемого места и отрицательно влиять на скорость загрузки (как уже было сказано - это нежелательно).

Непосредственно разметка производится с помощью тегов. Теги заключаются в угловые скобки <>.

Обязательными являются теги html, head и body. 1-й поясняет что у нас веб-страница. Второй отвечает за голову, то есть за информацию для браузера и поисковых систем. А третий - тело, то есть содержимое нашей веб-страницы.

Каждый тег должен закрываться. Закрывается тег слешем /. То есть у нас в блокноте для успешного начала должна быть такая (примерно) запись:

<html>
<head>
<title> First Page </title>
<head>
<body>

</body>
</html>