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

Содержимое удалено Содержимое добавлено
Отмена правки 52143 участника 92.127.32.211 (обсуждение)
Нет описания правки
Строка 1:
Для незнакомых с общими компьютерными понятиями, вебстраница (или веб<strong>-</strong>страница) — это файл, особым образом хранящий то, что можно увидеть на вебсайте за один щелчок (обычно после щелчка Вас переносит на новую страницу). Нужно найти человека, который правильно и разумно упакует нужный Вам текст в вебстраницувеб-страницу и правильно разместит нужные картинки. Таких людей немало, их легче всего найти через Сеть. Пригодится умение разбираться в людях и находить тех, кто будет способен вас понять и сделает всё как надо.
 
Для понимающих [[информационные технологии]], вебстраницавеб-страница есть текстовый файл, в незакодированном виде хранящий текст, но текст тот измежёван пометками на особом [[w:язык разметки|языке разметки]] — [[w:HTML|HTML]], который довольно прост и служит для:
* разделения содержимого на части, обычно по смыслу: например, "заголовок", "простой текст", "цитата", "выделенный текст", "навигационное меню";
* привязки побочных данных ко всему документу или выделенным частям. Так, например, можно указать адрес, к которому перейдёт пользователь, задействовав гипертекстовую ссылку; сам адрес — неявное, дополнительное (часто несущественное) содержание;
* вставки картинок.
 
Каждый из выделенных на языке HTML элементов можно довольно детально оформить на языке [[w:CSS|CSS]]. На изучение обоих у скороумного человека может уйти меньше двух часов.
 
Но беда, что не все браузеры верно обрабатывают разметку и часто страница выглядит по-разному в разных браузерах. Поэтому для изготовления красочных страниц со строгими расположением и соразмерностью зримых элементов есть отдельная профессия, часто даже подразделяемая на художников (тех, кто придумывает облик страницы), рисовальщиков (создающих и обрабатывающих изображения специально для вебстраниц) и верстальщиков (которые размещают подготовленные графические элементы согласно замыслу художников).
Строка 12:
Тебе выбирать:
# делать простую страницу или
# заказать весь сайт у умелого вебстроителя. Если страниц много и оформление их шибко сложно́сложное, следует обратиться в фирму.
 
Автор не допускает каких-либо иных выходов вроде «попытаться самому сделать красочную страницу» или «заказать сайт у не делового веб-дизайнера, а простого заядлого компьютерщика».
 
==Каковой Как сделать свою вебстраницувеб-страницу ==
 
На твоей простой вебстраницевеб-странице должны быть:
* Ссылки на все связанные веб-документы. ТаковойТакой по крайней мере один — страница, «родительская» по отношению к данной, или передняя страница всего сайта.
* Нормально оформленные заголовки, ''курсив'' и '''жирный шрифт''', перечни, цитаты, эпиграфы, подписи; с умом расставленные [[w:гипертекст|гиперссылки]]; изображения, не ломающие облик страницы.
 
Строка 26:
;красива: Цвета, шрифты, картинки, размеры и отступы совместно приятны глазу.
 
И просто обязательные требования: страница обязана скоробыстро загружаться и ладноправильно работать у любого посетителя.
 
== Первые шаги ==
[[Категория:Веб-разработка]][[Категория:Вещание в Сети]]
 
Поскольку HTML как было сказано выше - разметка текста, то можно сделать вывод, что производится она в текстовом редакторе. То есть можно смело открывать "Блокнот" и начинать ваять. Существует так же множество специальных программ, облегчающих жизнь. Я, к примеру, пользуюсь MicrosofMicrosoft Front Page. Проблема с этими программами состоит в том, что часто они добавляют много лишнего и ненужного, что увеличивает "вес" страницы порою на порядок, а то и на два. Это может быть помехой при использовании хостинга с ограничением предоставляемого места и отрицательно влиять на скорость загрузки (как уже было сказано - это нежелательно).
==Первые шаги==
Поскольку HTML как было сказано выше - разметка текста, то можно сделать вывод, что производится она в текстовом редакторе. То есть можно смело открывать "Блокнот" и начинать ваять. Существует так же множество специальных программ, облегчающих жизнь. Я, к примеру, пользуюсь Microsof Front Page. Проблема с этими программами состоит в том, что часто они добавляют много лишнего и ненужного, что увеличивает "вес" страницы порою на порядок, а то и на два. Это может быть помехой при использовании хостинга с ограничением предоставляемого места и отрицательно влиять на скорость загрузки (как уже было сказано - это нежелательно)
 
Непосредственно разметка производится с помощью тегов. Теги заключаются в угловые скобки "&lsaquo;" и "&rsaquo;"<code><></code>.
 
Обязательными являются теги '''&lsaquo;<code>html&rsaquo;</code>, &lsaquo;<code>head&rsaquo;'''</code> и '''&lsaquo;<code>body&rsaquo;'''</code>.
1-й поясняет что у нас невеб-страница. простоВторой непонятнаяотвечает фигняза в блокнотеголову, ато вебесть страница.за Второйинформацию отвечаетдля забраузера головуи поисковых систем. А третий - тело., Тото есть всесодержимое то, что мы хотим запихнуть на нашунашей веб страницу-страницы.
 
Каждый тег должен закрываться. Закрывается тег слешем "/". То есть у нас в блокноте для успешного начала должна быть такая (примерно) запись:
<code><html>
 
Каждый тег должен закрываться. Закрывается тег слешем "<code>/"</code>. То есть у нас в блокноте для успешного начала должна быть такая (примерно) запись:
<source lang="html4strict">
<code><html>
</head>
<title> First Page </title>
<head>
 
</head>
 
<body>
 
</body>
 
</html>
</codesource>
 
== Связанные Викиучебники ==
 
* [[Виды вебсайтов]]
* [[Вещание в Сети]]
 
[[Категория:Веб-разработка]][[Категория:Вещание в Сети]]
[[Категория:Вещание в Сети]]