Что такое Web-страница

Автор работы: Пользователь скрыл имя, 23 Апреля 2013 в 11:29, реферат

Описание работы

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

Содержание работы

Что такое Web-страница
Как создать web-страницу
С чего надо начинать деланье web-страницы, основные определения.
Стили (может, вы не знаете об этом, но это очень удобно)
Пример простейщей web-страницы
Объекты в web-странице: таблицы, картинки, списки, ссылки
Рекомендуемая литература (со ссылками на реальные источники)

Файлы: 1 файл

ВЕБ_страница.doc

— 125.00 Кб (Скачать файл)

Содержание

    • Что такое Web-страница
    • Как создать web-страницу
    • С чего надо начинать деланье web-страницы, основные определения.
    • Стили (может, вы не знаете об этом, но это очень удобно)
    • Пример простейщей web-страницы
    • Объекты в web-странице: таблицы, картинки, списки, ссылки
    • Рекомендуемая литература (со ссылками на реальные источники)

Что такое web-страница

Web - переводится как  паутина, в компьютерном мире ассоциируется именно с Интернетом. Веб-странички не обязательно должны находиться в Интернете, они могут размещаться на вашем домашнем компьютере.

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

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

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

Как создать web-страницу

web-страницу можно написать  на простом текстовом редакторе  типа блокнот для виндовз (notepad) или другом простеньком текстовом  редакторе. Для того, чтобы ваш  файл воспринимался как web-страница, его расширение следует переименовать  в .htm или .html, и тогда он будет открываться интернет-эксплорером или другим интернет-броузером. Но для того, чтобы страница была понята именно как интернет-страница, она должна быть написана по особым правилам.

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

Свойства текста на web-стренице и свойства самой страницы задаются при помощи тегов.

Тег - это код, который указывает какие-либо параметры текста, web-страницы и других объектов. Так же тег может определять объекты, находящиеся на web-странице, такие как рисунки, таблицы и другие. В языке HTML тег заключается в угловые скобки (<ТЕГ>). Теги бывают открывающие (<ТЕГ>) и закрывающие (</ТЕГ>). Вместо слова ТЕГ в данном случае подставляется какой-либо параметр или свойство, которое применяется ко всему, что находится между открывающим и закрывающим тегами.

Название тега можно  писать как большими, так и маленькими буквами.

Итак, при помощи тегов  мы задаём свойства текста, определяем объекты и задаём свойства объектов. Текст, располагающийся на странице можно писать непосредственно текстом, который расположен между соответствующими тегами. В текст также можно включать картинки, таблицы, символы, не содержащиеся в шрифте, который поддерживает ваша операционная система. Символы задаются не при помощи тегов, а при помощи специальных кодов, имеющих вид: &_название_или_номер_символа;.

Знаки &, <, >, " воспринимаются броузером как управлающие символы, поэтому, если вам необходимо отобразить их на своей web-странице, то в том месте, где они должны находиться следует писать: &amp;, &lt;, &gt;, &quot; соответственно.

NB При написании символа имеет значение, какие вы используете буквы, строчные или заглавные. Так, например, код &Theta; рисует заглавную букву "тетта" (Θ), а код &theta;- маленькую (θ).

Другой способ: воспользоваться специальными программами  для написания web-страниц.

Для этой цели существуют специальные программы:

font-page (поставляется вместе с пятым Internet Explorer) - в общем-то программа для полных дубов. Многие возможности языка HTML остаются не реализованными, многие вещи от пользователя скрыты, да и вообще, она не очень-то удобна.

Macromedia Dremwever (www.macromedia.com) - пожалуй, лучшая программа для написания web-страниц, позволяет использовать как визуальный режим (как страница будет выглядеть), так и теговый режим (отображает все управдяющие символы и команды), что позволяет с одной стороны быстро и легко редактировать Вашу страницу, с другой, использование тегового режима даёт вам возможнсть более точно контролировать свойства самой вашей страницы, а так же объектов, размещённых на ней, использовать скрипты и т.п.

Старые версии работают не стабильно. Пятая версия вообще не работает под Windows 98 (просто зависает вместе со всем компьютером). Пользоваться ей можно только под Windows 95 и Windows NT 2000. Версия 6 (MX) идёт под Windows 98 и Windows NT 2000 (возможно, и windows 95). 7-я, так же известная как Dreamweaver 2004.

Рекомендуется использовать более поздние версии, поскольку  в ранних могут неправильно отображаться, или вовсе не отображатсья некоторые  объекты или текст с определёнными свойствами. Так, например, в пятой и шестой версиях Dreamweaver нижние и верхние символы (они заключаются в теги <sub></sub> и <sup></sup> соответственно), отобржаются так же, как и весь остальной текст. Некоторые редкие символы, которые в броузере видны нормально, так же могут отображаться в виде пустых квадратов или не отображаться вообще. Чтобы не терпеть этих неудобств, желательно приобрести версию поновее.

В программе имеются  средства для очистки файлов, созданных  вMicrosoft Word от ненужной информации, однако, с вордовскими html-файлами она работает медленно.

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

Достоинства:

1) правильное вставление  ссылок на рисунки и другие  объекты. Если вы вписываете  ссылки на те или иные файлы  на блокноте, то вам необходимо  всё время следить за тем,  чтобы регистр букв в точности совпадал с оным в названии файла (то есть если в названии файла присутствуют как большие, так и маленькие буквы, Вы должны повторить всё в точности). В пределах Вашего компьютера при несоблюдении регистра ссылки будут работать нормально, но в Интернет различие в регистре букв критично. Программа Macromedia Dreamweaver вставляет ссылки на файлы сама, достаточно лишь указать расположение файла при помощи диалога "обзор".

2) Возможность осуществлять  автозамену. То есть, если вам  надо заменить многократно повторяющиеся текстовые фрагменты, или теги, обладающие определёнными свойствами, программа Macromedia Dreamweaver поможет сделать вам это не только в пределах одного файла, но и при необходимости - во всех файлах, хранящихся в указанной папке.

3) Можно не знать  и не помнить всех тегов,  как правильно записываются те  или иные свойства текста, стилей, как называются дополнительные  символы, вставляемые как &_название_символа; всё это знает сама программа. Программа имеет менюшки, где человеческим языком описаны свойства текста, вы лишь ставите в нужном окне галочки, вписываете нужные цифры или выбираете из списка подходящие вам параметры, а синтаксис программа прописывает сама. То же касается дополнительных символов - их можно выбрать из менюшек, где они показаны уже такими, какими они будут после вставления. Вы выбираете, а программа сама вписывает название.

Итак, вам просто остаётся следить, чтобы теги и названия символов вставлялись в нужные вам места  и располагались нужным вам образом. В теговом режиме в новых версиях Dreamweaver (в седьмой уже точно!) по началу ввода тега или названия символа сразу открывается всплывающее меню, где можно выбрать нужное вам. Например, стоит написать в теговом режиме значок &, как сразу открывается меню со всеми символами, где можно выбрать по внешнему виду. Начинаешь писать < - открывается меню всевозможных тегов. Если ввести первые буквы от тега или символа, список ограничится только тем, что с этих букв начинается - это облегчает поиск. Далее - набрав или выбрав из меню название тега и введя пробел, вы тут же получаете список свойств, допустимых для данного тега, где можете выбрать нужное вам свойство. Конечно, для работы в таком режиме надо знать кое что о синтаксисе, но согласитесь, такой сервис всё равно упрощает работу, экономит время и позволяет избежать грамматических ошибок в наборе команд и свойств. Если же вы вообще ничего не знаете о тегах и их свойствах - у вас есть возможность работать с меню, как у текстового редактора.

И самый  простой (но не смаый оптимальный) способ - Microsoft Word

Если первые два способа оказались (или показались) для вас слишком  сложными, то можно воспользоваться  простым Microsoft Word версии 97 или выше. Для того, чтобы Вы могли создать  на нём web-страницу, у вас должен быть установлен конвертор HTML (для тех, кто не знает: при установке Microsoft Office надо выбрать установку по выбору и проследить, чтобы в разделе "Конверторы и фильтры" стоял этот конвертор).

Далее, вы просто пишете на ворде свою страницу, как обычно, а потом сохраняете в виде HTML.

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

И к тому же, главное  требование к web-странице - малый объём  по килобайтам, страница должна быстро загружаться, чтобы экономить время  пользователей, особенно если у них повременная оплата интернета. Microsoft Word создаёт наредкость большие файлы, в которых в лучшем случае 50 % - абсолютно ненужные данные, не содержащие в себе не только смысловой информации, но и никак не влияющие на оформление страницы.

Если вы создаёте сложную страницу, в которой много рисунков, таблиц и переключений раскладки клавиатуры на другой язык, то количество избыточной информации может достигать 90% и более. Word можно использовать на начальной стадии написания текста, посколько в нём удобно осуществлять набор и проверять орфографию. Но не сохраняйте вордом ваш файл сразу в формат HTML. На ворде можно быстро расставить управляющие теги (при помощи автозамены), а затем сохранить файл в виде .txt, которому потом сменить расширение на .htm (.html).

С чего надо начинать

Этот раздел идёт первым не потому, что он самый простой  для понимания, а потому, что все  удобные и хорошо сделанные web-страницы начинаются именно с этого.

1. Первый тег  в странице <HTML>

Вообще-то, по-хорошему, все  уважающие себя web-страницы начинаются с тега: <html> или, можно большими буквами: <HTML>.

Зачем это надо? В общем, бывают такие случаи в жизни web-страниц, когда это просто необходимо. Во-первых, бывают интернет-броузеры (программы, которые просматривают web-страницы), которые просто отказываются понимать страницу, не начинающуюся с этого тега. Хотя, надо сказать, internet Explorer 5 и выше понимает и без этого. Если страница выставляется в Интернете, то сервер по этому тегу определяет, что это именно страница, а не вставка в другую страницу, и не директивы.

Итак, всякая уважающая  себя web-страница начинается с тега <html>. Закрывать этот тег надо в самом-самом конце документа, когда всё уже написано.

2. Второй по  порядку тег HEAD

А далее открывается  тег head. (Этот тег вложен между двумя открывающимся и закрывающимся тегами HTML) Между открывающим и закрывающим тегами head располагается информация, которая определяет свойства данной страницы, а именно:

Кодировка (набор  символов, которые используются в  вашей странице)

Первая строчка, которая  помещается в теле раздела HEAD имеет следующий вид:

<meta http-equiv="Content-Type" content="text/html;

 charset=windows-1251">

(закрывать этот тег  не надо)

Здесь указывается тип  страницы (http-equiv="Content-Type" content="text/html) и кодировка шрифта (charset). Значение charset=windows-1251 означает, что у вас использована стандартная русскоязычная кодирока windows. Если вы не укажете в своей странице кодировку, то у всех посетителей вашей страницы, у которых по тем или иным причинам броузер настроен на другую кодировку, текст будет отображаться как абра-кадабра.

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

NB Если вы не знаете, какая кодировка используется в вашем компьютере, то попробуйте подобрать. Создайте страницу и попробуйте повыбирать кодировку в браузере. Если кодировка соответствует той, которую вы используете, текст на странице будет отображаться правильно. Пользователи русской версии Windows могут смело ставить charset=windows-1251.

NB Будьте внимательны, если пишете страницу на Macromedia Dreamweaver! По умолчанию там может стоять какая-то дикая кодировка. Вы можете набирать текст в дизайнерском режиме (показывает, как будет выглядеть страница) и видеть русские буквы. Но если переключитесь в теговый режим, то увидите набор символов, закодированных описанным выше способом (&_название_или_номер_символа;) . Это значит, что у вас в вашей HTML-странице стоит не та кодировка, которая используется вашей операционной системой, не русская кодировка. Это плохо. Во-первых, при таком кодировании текста файл занимает больше килобайт, во-вторых, вам самим будет трудно ориентироваться в теговом режиме. Поэтому надо выбрать русскую кодировку в настройках свойств страницы через меню, или, если Вы не знаете, где это находится, открыть теговый режим и вручную исправить кодировку на нужную Вам.

Если вы всё же написали эту строчку и страница у вас  на вашем компьютере читается, значит, кодировка подрбрана правильно.

Название страницы <TITLE>

Открывающийся и закрывающиеся  теги TITLE помещаются между открывающимся  и закрывающимся тегами HEAD.

Информация о работе Что такое Web-страница