Всемирнопаутинные заметки/Создание веб-страниц: различия между версиями
Ramir (обсуждение | вклад) Отмена правки № 18726 участника 88.201.128.78 (обсуждение) |
|||
Строка 29: | Строка 29: | ||
[[Категория:Веб-разработка]][[Категория:Вещание в Сети]] |
[[Категория:Веб-разработка]][[Категория:Вещание в Сети]] |
||
==Первые шаги== |
|||
Поскольку HTML как было сказано выше - разметка текста, то можно сделать вывод, что производится она в текстовом редакторе. То есть можно смело открывать "Блокнот" и начинать ваять. Существует так же множество специальных программ, облегчающих жизнь. Я, к примеру, пользуюсь Microsof Front Page. Проблема с этими программами состоит в том, что часто они добавляют много лишнего и ненужного, что увеличивает "вес" страницы порою на порядок, а то и на два. Это может быть помехой при использовании хостинга с ограничением предоставляемого места и отрицательно влиять на скорость загрузки (как уже было сказано - это нежелательно) |
|||
Непосредственно разметка производится с помощью тегов. Теги заключаются в угловые скобки "‹" и "›". |
|||
Обязательными являются теги '''‹html› ‹head›''' и '''‹body›''' |
|||
1-й поясняет что у нас не просто непонятная фигня в блокноте, а веб страница. Второй отвечает за голову. А третий - тело. То есть все то, что мы хотим запихнуть на нашу веб страницу. |
|||
Каждый тег должен закрываться. Закрывается тег слешем "/". То есть у нас в блокноте для успешного начала должна быть такая (примерно) запись: |
|||
<code><html> |
|||
<head> |
|||
</head> |
|||
<body> |
|||
</body> |
|||
</html> |
|||
</code> |
Версия от 02:25, 16 декабря 2007
Для незнакомых с общими компьютерными понятиями, вебстраница (или веб-страница) — это файл, особым образом хранящий то, что можно увидеть на вебсайте за один щелчок (обычно после щелчка Вас переносит на новую страницу). Нужно найти человека, который правильно и разумно упакует нужный Вам текст в вебстраницу и правильно разместит нужные картинки. Таких людей немало, их легче всего найти через Сеть. Пригодится умение разбираться в людях и находить тех, кто будет способен вас понять и сделает всё как надо.
Для понимающих информационные технологии, вебстраница есть текстовый файл, в незакодированном виде хранящий текст, но текст тот измежёван пометками на особом языке разметки — HTML, который довольно прост и служит для:
- разделения содержимого на части, обычно по смыслу: например, "заголовок", "простой текст", "цитата", "выделенный текст", "навигационное меню";
- привязки побочных данных ко всему документу или выделенным частям. Так, например, можно указать адрес, к которому перейдёт пользователь, задействовав гипертекстовую ссылку; сам адрес — неявное, дополнительное (часто несущественное) содержание;
- вставки картинок.
Каждый из выделенных на языке HTML элементов можно довольно детально оформить на языке CSS. На изучение обоих у скороумного человека может уйти меньше двух часов.
Но беда, что не все браузеры верно обрабатывают разметку и часто страница выглядит по-разному в разных браузерах. Поэтому для изготовления красочных страниц со строгими расположением и соразмерностью зримых элементов есть отдельная профессия, часто даже подразделяемая на художников (тех, кто придумывает облик страницы), рисовальщиков (создающих и обрабатывающих изображения специально для вебстраниц) и верстальщиков (которые размещают подготовленные графические элементы согласно замыслу художников).
Тебе выбирать:
- делать простую страницу или
- заказать весь сайт у умелого вебстроителя. Если страниц много и оформление их шибко сложно́, следует обратиться в фирму.
Автор не допускает каких-либо иных выходов вроде «попытаться самому сделать красочную страницу» или «заказать сайт у не делового веб-дизайнера, а простого заядлого компьютерщика».
Каковой сделать свою вебстраницу
На твоей простой вебстранице должны быть:
- Ссылки на все связанные веб-документы. Таковой по крайней мере один — страница, «родительская» по отношению к данной, или передняя страница всего сайта.
- Нормально оформленные заголовки, курсив и жирный шрифт, перечни, цитаты, эпиграфы, подписи; с умом расставленные гиперссылки; изображения, не ломающие облик страницы.
Желательно также, чтобы страница была:
- удобна
- Меню выглядит как меню и находится в ожидаемом месте, на странице есть контактные сведения и время создания, если уместно.
- красива
- Цвета, шрифты, картинки, размеры и отступы совместно приятны глазу.
И просто обязательные требования: страница обязана скоро загружаться и ладно работать у любого посетителя.
Первые шаги
Поскольку HTML как было сказано выше - разметка текста, то можно сделать вывод, что производится она в текстовом редакторе. То есть можно смело открывать "Блокнот" и начинать ваять. Существует так же множество специальных программ, облегчающих жизнь. Я, к примеру, пользуюсь Microsof Front Page. Проблема с этими программами состоит в том, что часто они добавляют много лишнего и ненужного, что увеличивает "вес" страницы порою на порядок, а то и на два. Это может быть помехой при использовании хостинга с ограничением предоставляемого места и отрицательно влиять на скорость загрузки (как уже было сказано - это нежелательно)
Непосредственно разметка производится с помощью тегов. Теги заключаются в угловые скобки "‹" и "›".
Обязательными являются теги ‹html› ‹head› и ‹body› 1-й поясняет что у нас не просто непонятная фигня в блокноте, а веб страница. Второй отвечает за голову. А третий - тело. То есть все то, что мы хотим запихнуть на нашу веб страницу.
Каждый тег должен закрываться. Закрывается тег слешем "/". То есть у нас в блокноте для успешного начала должна быть такая (примерно) запись:
<html>
<head>
</head>
<body>
</body>
</html>