Для просмотра веб страниц используются. Всемирная паутина (WWW). Навигация по Интернету выполняется
8.1 Понятие броузеров и их функции
Документы Интернета предназначены для отображения в электронной форме. Форматирование и отображение документа на конкретном компьютере производится специальной программой - броузером (от английского слова browser).
Основные функции броузеров следующие:
Установление связи с Web-сервером, на котором хранится документ.
Понимание тегов языка HTML, форматирование и отображение Web-страницы в соответствии с возможностями компьютера, на котором броузер работает;
Предоставление средств для отображения мультимедийных и других объектов, входящих в состав Web-страниц.
Обеспечение автоматизации поиска Web-страниц и упрощение доступа к Web-страницам, посещавшимся ранее.
Предоставление доступа к встроенным или автономным средствам для работы с другими службами Интернета.
8.2 Работа с программой Internet Explorer
Примером броузера, предназначенного для просмотра Web-документов, может служить Internet Explorer 5.0.
Программа предоставляет единый метод доступа к локальным документам компьютера, ресурсам корпоративной сети Intranet и к информации, доступной в Интернете. Она обеспечивает работу с World Wide Web, предоставляет идентичные средства работы с локальными папками компьютера и файловыми архивами FTP, дает доступ к средствам связи через Интернет.
Соответствующие программы (Outtook Express и Microsoft NetMeeting) автономны, но рассматриваются как часть пакета Internet Explorer 5.0. Схема использования Интернета через Internet Explorer представлена на рис. 8.1.
Рисунок 8.1 – Организация доступа к ресурсам Интернета
Для запуска броузера Internet Explorer можно использовать значок Internet Explorer на Рабочем столе или на Панели быстрого запуска, а также Главное меню
(Пуск > Программы InternetExplorer).
Кроме того, программа запускается автоматически при попытке открыть документ Интернета или локальный документ в формате HTML. Для этой цели можно использовать:
Ярлыки Web-страниц,
Папку Избранное
Панель инструментов Рабочего стола,
Адрес или поле ввода в диалоговом окне Запуск программы (Пуск > Выполнить).
8.2.1 Открытие и просмотр Web-страниц
Просматриваемая Web-страница отображается в рабочей области окна. По умолчанию открывается все ее содержимое, включая графические иллюстрации и встроенные мультимедийные объекты.
Наличие средства автозаполнения адресной строки упрощает повторный ввод адресов. Вводимый адрес автоматически сравнивается с адресами ранее просматривавшихся Web-страниц.
Навигация по Интернету чаще выполняется не путем ввода адреса URL, а посредством использования гиперссылок . При отображении Web-страницы на экране гиперссылки выделяются цветом (обычно синим) и подчеркиванием . Обычно подчеркивание применяют только для выделения гиперссылок. Более надежным признаком является форма указателя мыши . При щелчке на гиперссылке соответствующая Web-страница загружается вместо текущей. Если гиперссылка указывает на произвольный файл, его загрузка происходит по протоколу FTP.
На Web-страницах могут также встречаться графические ссылки (то есть, гиперссылки, представленные рисунком) и изображения-карты, объединяющие несколько ссылок в рамках одного изображения. Для просмотра ссылок на открытой Web-странице удобно использовать клавишу TAB.
Дополнительные возможности использования гиперссылок предоставляет их контекстное меню. Чтобы открыть новую страницу, не закрывая текущей, применяют команду
Как уже было сказано выше, наиболее популярными программами просмотра web-страниц являются браузеры Netscape Navigator и Microsoft Internet Explorer. Браузер - внешне очень простая программа. Для успешной работы с ней
достаточно нескольких навигационных кнопок, вынесенных на основную панель инструментов.
В данных методических указаниях детально не рассматриваются вопросы подключения к Internet, поскольку для изучения языка гипертекстовой разметки HTML и создания web-страниц достаточно функционирования программы в локальном режиме.
Для того, чтобы открыть локальный файл в Internet Explorer, достаточно ввести в поле Адрес (или в поле Netsite в Netscape Navigator) ссылку на файл. Простейший вариант - указать путь и имя файла, находящегося на вашем компьютере: C :\ HTML 1\ page 1. htm или file :// C :\ HTML 1\ page 1. htm , при этом подключение к сети Internet осуществлять не нужно. Если же ваш компьютер подключен к Internet, то в том же поле Адрес для выхода на какой-нибудь сервер и просмотра web-страницы, находящейся на нем, нужно набрать адрес этого сервера, например, http :// www . ru . msn . com / или просто www . ru . msn . com и при удачном соединении соответствующая web-страница отобразится в окне браузера.
Другой способ открытия web- документа - c использованием команды Файл>Открыть в меню над панелью инструментов. При этом активизируется диалоговое окно, где доступ к папкам осуществляется после нажатия кнопки Обзор.
На панели инструментов над строкой адреса расположен ряд кнопок для работы с web -документами :
назад (или back) - переход на страницу, которая была открыта раньше текущей;
вперед (forward) - движение по цепочке просмотренных документов вперед, если были выполнены переходы назад;
стоп (stop) - останов загрузки текущего документа;
обновить (reload) - повторная загрузка текущей страницы или продолжение загрузки, если она была прервана. Для разработчика web - документов это - главный инструмент. Если вы что-то изменили в своем файле, то увидеть как он теперь будет выглядеть, можно только перезагрузив документ.
основная страница (home) - переход к основной странице провайдера или фирмы, от имени которой вы работаете в сети или любой другой страницы, адрес которой указан в качестве основного в команде меню Вид>Параметры (его можно изменить);
поиск - поиск информации в Internet с помощью того или иного поискового сервера;
избранное - каталог необходимых вам web-страниц, куда можно добавить страницу или загрузить документ из этого списка;
печать (print) - вывод на печать текущего документа;
шрифт - изменение размера шрифта на текущей странице. Изменение размера происходит циклически (после каждого нажатия кнопки программа перебирает доступные базовые размеры шрифта).
Для сохранения просмотренных документов используется команда меню Файл>Сохранить как файл, позволяющая скопировать текущую web- страницу в выбранную вами папку. При этом копируется только текст документа. Для сохранения рисунков надо щелкнуть на каждом правой кнопкой мыши и выбрать команду Сохранить рисунок как...
Для просмотра и редактирования текста web-документа используются команды меню Вид>Источник или Правка>Текущая страница . При этом подключаются вешние текстовые редакторы Windows: WordPad или Блокнот, а в случае правки - MS Word. Редактирование страниц в случае Вид>Источник более удобно, поскольку позволяет сразу увидеть результат изменений. После модификации страницы ее надо сохранить в текстовом редакторе, а затем в браузере нажать кнопку Обновить.
Для работы в WWW на компьютере необходимо иметь специальную программу - броузер (browser). Броузер - это прикладная программа, взаимодействующая с WWW и позволяющая получать из сети различные документы, просматривать и редактировать их содержимое. Броузеры предоставляют возможность работы с документами, содержащими текстовую и мультимедийную информацию. Кроме того, они поддерживают все рассмотренные ранее способы и протоколы доступа в Internet.
В WWW документы, как правило, содержат гипертекст (текст с гиперссылками). В отличие от обычных текстов, документы в сети содержат команды, задающие их структуру, включая ссылки на другие документы. Это позволяет броузеру отформатировать документ для его отображения на экране в соответствии с возможностями конкретного компьютера. Поскольку в составе Internet используются разнородные аппаратно-программные средства, то для разработки Web-страниц был принят универсальный язык разметки гипертекста - HTML (HyperText Markup Language).
В состав HTML входит набор команд, используемых для описания структуры документа. С помощью HTML документ разбивается на соответствующие логические компоненты: абзацы, заголовки, списки и т.д. Конкретные атрибуты форматирования документа (основного текста и выделенных компонентов) при его просмотре определяются используемым броузером.
Наиболее распространенными броузерами являются:
Mosaic для Windows;
программа Cello;
Microsoft Internet Explorer (MSIE);
Netscape Communicator.
программа Linx;
Рассмотрим кратко их назначение и основные возможности. Основное внимание будет уделено MSIE, как одному из самых популярных броузеров. Его последняя версия 4.0 распространяется в Internet фирмой Microsoft бесплатно и входит в состав Windows 98.
Mosaic для Windows - одна из первых программ просмотра. Она имеет очень простой графический интерфейс с пользователем и позволяет отображать на экране отформатированные Web-документы. Недостатком ее является необходимость установки дополнительного программного обеспечения для работы с графическими файлами, аудио и видео изображениями, которое не входит стандартно в состав броузера.
Программа Cello была разработана как альтернатива Mosaic. Непосредственно предоставляет доступ к HTTP-, Gopher-, FTP-серверам, телеконференциям UseNet, а также поддерживает работу с Telnet при использовании внешних клиентских программ. Программа имеет очень простой интерфейс, что позволяет быстро освоить работу с ней. Неудобством работы с броузером является малое количество кнопок на панели управления, поэтому постоянно приходится работать с ниспадающими меню.
Программа Linx относится к числу броузеров с текстовым интерфейсом. Гипертекстовые ссылки выделяются па экране другим цветом или инверсией цветов фона и текста. Достоинством этого броузера является возможность быстро находить текстовую информацию в WWW с помощью гипертекстовых ссылок. Просмотренные страницы можно отмечать с помощью закладок, которые могут быть созданы во время работы с броузером.
Броузер EINet WinWeb отличается в лучшую сторону малым объемом занимаемой при работе основной памяти, хорошей поддержкой интерактивных форм, устойчивой и надежной работой. Механизм навигации реализован просто и удобно для пользователя. Имеется встроенное средство поиска документов по ключевым словам. Настройка броузера дает возможность выбора шрифтов и цветов, используемых при отображении документов и выделении гиперссылок.
Броузер Internet Works позволяет работать не только с WWW, но и с FTP- и Gopher-серверами. Документы, с которыми работает пользователь, могут представляться на трех уровнях. При этом переход от страницы к странице может происходить как в пределах одного уровня, так и между ними, используя кнопки панели инструментов и возможность работы в многооконном режиме. Просмотр текстового документа может происходить при одновременной фоновой загрузке файлов мультимедиа. Имеется возможность настройки интерфейса пользователем.
Общепризнанные лидеры среди программ просмотра и редактирования Web-документов - броузеры Netscape Communicator и Microsoft Internet Explorer являются наиболее удобными и многофункциональными. Они позволяют отображать на экране любые документы, созданные в любой операционной среде и на любом компьютере с конфигурацией, которая обеспечивает работу в сети.
Один из самых популярных сегодня сервисов Интернета – World Wide Web (WWW). Эта часть Интернета стала настолько популярной, что многие пользователи ошибочно отождествляют Всемирную сеть и Интернет.
Что же так привлекает пользователей в World Wide Web?
Всемирная сеть задумывалась как информационное поле, которое состоит из множества документов. Самое главное в этой задумке было то, что все документы и их части должны быть связаны гиперссылками.
Схематичный пример связи страниц при помощи гиперссылок показан на рис. 20.1. Как видите, если провести линии, соединяющие гиперссылки в нескольких документах, общий вид картины начинает несколько напоминать паутину. Отсюда и название службы – World Wide Web (слово Web по-английски означает «паутина»).
Рис. 20.1. Связь страниц с помощью гиперссылок.
Для просмотра веб-страниц необходима программа-браузер. Ее основная особенность состоит в том, что она не просто показывает текст, но и выделяет в нем гиперссылки. Пользователь при просмотре текста может активировать любую гиперссылку и этим вызвать переход на связанный документ или нужное место текущего документа.
В современных браузерах, поддерживающих графический интерфейс, активизация гиперссылки обычно осуществляется щелчком мыши. Принято также, что при наведении указателя мыши на гиперссылку, он изменяет свой вид наподобие руки (рис. 20.2). Кроме того, по умолчанию гиперссылки обычно выделяют синим цветом и подчеркивают, хотя на многих веб-страницах эти правила не соблюдаются ради общего внешнего вида (дизайна).
В самом тексте документа для создания гиперссылок обычно используется язык HTML (или более современная его разновидность – XHTML). Гиперссылка содержит в себе указание на документ, к которому пользователь должен перейти при щелчке на ней, а также, возможно, конкретное местоположение в этом документе. Обычные гиперссылки, организованные с помощью HTML или XHTML, являются однонаправленными, то есть по документу невозможно определить, какие документы на него ссылаются.
HTML стал основным стандартом для представления веб-страниц. Помимо организации гиперссылок, его современная версия поддерживает следующие возможности:
Форматирование текста (кегль, гарнитура, курсив, начертание и т. п.);
Выбор цвета текста и фона;
Поддержка табличного представления материала;
Поддержка вставки изображений в текст;
Разбивка материала на блоки, каждый из которых может представляться независимо от другого;
Представление материала в виде маркированных и нумерованных списков.
Современные программы-браузеры умеют не только отображать текст и активировать гиперссылки. Как правило, они поддерживают вывод изображений, вставку звуковых и видеообъектов, выполнение внутри кода страницы сценариев (написанных на специальном языке JavaScript), кэширование материала (автоматическое сохранение недавно просмотренных страниц для возможности быстрого возврата к ним) и многое другое.
Для просмотра веб-страниц можно пользоваться различными программами-браузерами.
Рассмотрим для примера браузер, который встроен в операционную систему Windows XP, – программу Internet Explorer (рис. 20.3).
Рис. 20.3. Открытая веб-страница в программе Internet Explorer.
Чтобы просмотреть какую-либо веб-страницу, введите адрес нужной страницы в строку Адрес. Для очистки данной строки в Internet Explorer используется стандартная клавиша удаления – Delete. После ввода адреса нажмите клавишу Enter.
Нужно иметь в виду, что иногда веб-страницы в различных программах-браузерах отображаются по-разному. Особенно это относится к современным сложным страницам.
Иногда страницы, написанные на иностранных языках, открываются в неправильной кодировке, то есть, например, русский текст выглядит нечитаемым (рис. 20.4 а, б). В этом случае нужно выбрать из меню Вид пункт Encoding (Кодировка) и далее верный вариант кодировки. Это может быть, например, Кириллица K0I8-R. Если в разных частях страницы наблюдаются разные кодировки (к примеру, левая часть страницы отображается нормально, а в правой вместо русского текста непонятный набор латинских букв со значками), щелкните правой кнопкой мыши непосредственно в том месте страницы, где находится нечитаемый текст, и выберите пункт Кодировка из контекстного меню.
Рис. 20.4. Веб-страница с символами кириллицы: в нужной кодировке (а ) и в неверной кодировке (б ).
В программе Internet Explorer можно просмотреть исходный HTML-код страницы, выбрав из меню Вид пункт Просмотр HTML-кода. Если на странице есть несколько фреймов, то есть отдельных «полуокон», в каждом из которых отображается часть страницы, HTML-код нужного фрейма можно просмотреть, выбрав одноименный пункт из контекстного меню после щелчка правой кнопкой мыши в нужном фрейме. При этом учтите, что, если страница генерируется серверным сценарием (например, PHP), вы не сможете просмотреть ее исходный код, а увидите только HTML-код, сгенерированный сценарием.
В любой момент вы можете вставить закладку на просматриваемую страницу, нажав сочетание CtrL+D. Все созданные закладки являются ссылками на страницы Интернета. В дальнейшем их можно выбрать из меню Избранное для быстрого перехода на нужную страницу.
Если же в меню Избранное выбрать пункт Упорядочить избранное, откроется отдельное окно редактора закладок. Здесь вы сможете переименовать любую из закладок, создать новые, рассортировывать их по группам (папкам), вставить разделители и пр.
С помощью программы-браузера можно не только просматривать содержимое веб-страниц, но и отсылать какие-либо данные обратно на сервер, если это предусмотрено создателем страницы. Среди сайтов, на которых требуется не только читать информацию, но и отсылать ее на сервер, выделяются:
Поисковые системы;
Интернет-магазины;
Платные ресурсы Интернета.
Форумы – это специальные веб-страницы, на которых организуется общение людей по интересам. Например, зайдя на страницу по адресу cLub60.org , вы попадете на форум пользователей смартфонов Nokia.
На веб-странице любого форума можно зарегистрироваться, передав туда какие-либо первоначальные данные о себе и введя свое имя для представления на форуме (возможно, псевдоним, или, как говорят в Интернете, ник) и пароль. Впоследствии на форум можно будет входить под своим именем и паролем, после чего вы сможете отправлять сообщения на форум.
Форум обычно организован в виде нескольких тематических разделов, в каждом из которых можно начинать обсуждение какой-либо темы, отправив соответствующее сообщение, или же отвечать на высказывания других участников форума. Ваши сообщения после отправки тут же появляются на сайте, так что их сразу смогут читать все остальные посетители форума.
На хорошо организованных форумах достаточно легко найти интересующие вас темы. На некоторых особо крупных форумах часто организуют специальную службу поиска по сайту.
Поисковые системы – это веб-страницы, с помощью которых можно искать в Интернете различные ресурсы. Они применяются тогда, когда пользователь не знает точного адреса того или иного интернет-ресурса или просто хочет найти информацию по интересующей его теме.
В Интернете существует множество поисковых систем, самыми известными из которых являются:
Yahoo! – yahoo.com (в большей степени каталог ресурсов, но с возможностями поиска);
Raya – raya.ru (интерфейс для поиска сразу в трех поисковых системах – Google, «Яндекс» и «Рамблер»).
Кроме поисковых систем общего назначения существуют также более узкоспециализированные поисковые системы, например, для поиска музыкальных файлов, товаров в Интернете и т. д.
Интернет-магазины представляют собой сайты, которые организованы как виртуальные магазины. Здесь можно посмотреть на товары, при желании познакомиться с характеристиками каждого из них поближе, рассмотреть увеличенное изображение товара и, разумеется, узнать его цену. Затем понравившиеся товары можно щелчком мыши на специальной гиперссылке отложить в «корзину» – на специальный раздел сайта. Когда все товары выбраны, можно просмотреть свою «корзину», увидеть суммарную стоимость покупок, при необходимости изменить список выбранных товаров и сделать заказ. Для этого необходимо ввести адрес, куда необходимо заказ доставить, и свое имя. Обычно также необходимо указать номер вашего телефона, чтобы курьер магазина мог позвонить и уточнить необходимые детали.
Обычно заказ оплачивается непосредственно при его доставке. Однако бывают системы, позволяющие оплатить его заранее, например, с помощью кредитной карты или одной из платежных систем Интернета, которых существует несколько – WebMoney, Яндекс-деньги и пр.
Платные ресурсы – веб-сайты, для просмотра которых необходимо сначала заплатить деньги создателю ресурса. Несмотря на то, что большинство веб-страниц в Интернет доступны всем, существуют и платные ресурсы. Некоторые пользователи почему-то считают, что это обязательно непристойные веб-страницы «для взрослых». Однако платными могут быть любые ресурсы, содержащие эксклюзивную информацию. Например, в Интернете предоставляется платный доступ к электронной версии музыкального энциклопедического словаря Гроува. Многие исполнители предоставляют платный доступ к страницам, на которых можно послушать их новые записи, и т. д.
Подобный ресурс обычно состоит из бесплатной главной страницы и собственно содержимого ресурса. На главной странице размещена информация о том, что ожидает пользователя, который заплатит за информацию ресурса. Здесь же обычно предлагается форма для оплаты, которую, как правило, можно произвести с помощью кредитной карты или одной из платежных систем Интернета.
Заплатившему пользователю обычно предоставляется специальный пароль для доступа к платной информации, после чего он может просматривать ее. На многих обновляемых ресурсах платной является подписка на ресурс, то есть доступ после оплаты предоставляется в течение определенного периода времени.
Введение....................................................................................................... 3
1. Средства создания Web-страниц.................................................. 5
1.1. Язык HTML.......................................................................... 5
1.2. Программы для просмотра веб-страниц............................ 6
1.3. Браузер Internet Explorer.................................................... 7
1.4. Конструкторы сайтов......................................................... 8
1.4.1. Wix.............................................................................. 8
1.4.2. Nethouse...................................................................... 9
1.4.3. uKit........................................................................... 10
2. Создание веб-страницы с помощью языка HTML..................... 12
2.1. Структура HTML-документа........................................... 12
2.2. Алгоритм создания HTML-документа с помощью
Блокнота............................................................................. 13
2.4. Мета-теги............................................................................ 15
2.5. Команды форматирования шрифта.................................. 16
2.6. Вставка рисунков в HTML-документ.............................. 16
2.7. Алгоритм редактирования HTML-документа с помощью Блокнота
2.8. Атрибуты тега
...................................................... 172.9. URL..................................................................................... 18
2.12. Обращение к определенным разделам других документов 20
2.16. Списки................................................................................ 22
2.16.1. Ненумерованные списки...................................... 22
2.16.2. Нумерованные списки....................................... 22
2.16.3. Списки определений........................................... 22
2.16.4. Вложенные списки............................................... 22
Заключение.............................................................................................. 24
Список литературы................................................................................... 27
ВВЕДЕНИЕ
Веб-страница - документ, содержание которого пригодно для обработки, манипулирования и просмотра посредством веб-браузера. Веб-страницы могут располагаться локально (на персональном аппаратном устройстве пользователя) или на сетевых устройствах (серверах) в локальных и глобальных сетях.
Типичная веб-страница представляет собой текстовый файл в формате HTML, который может содержать ссылки на файлы в других форматах (текст, графические изображения, видео, аудио, мультимедиа, апплеты, прикладные программы, базы данных, веб-службы и прочее), а также гиперссылки для быстрого перехода на другие веб-страницы или доступа к ссылочным файлам. Многие современные браузеры позволяют просмотр содержания ссылочных файлов непосредственно на веб-странице, содержащей ссылку на данный файл. Современные браузеры также позволяют прямой просмотр содержания файлов определённых форматов, в отрыве от веб-страницы, которая на них ссылается.
Сайт - это совокупность нескольких веб-страниц, объединенных общим дизайном, общей тематикой или общей целью. То есть «Просто и Понятно» является сайтом, объединяя в себе множество страниц со статьями. Дизайн выполнен в одном стиле, то есть все оформлено похоже. Поэтому не только общность темы (обучение работе за компьютером), но и сам внешний вид говорит о том, что страницы связаны. Но при этом отдельно открытая главная prosto-ponyatno.ru является веб-страницей.
Бывают так же одностраничные сайты, но в своем большинстве они включают несколько страниц: главную и внутренние, на которых расположена различная информация.
Каждый сайт имеет доменное имя, то есть свое имя в сети интернет.
Динамическая страница - веб-страница, сгенерированная программно, в отличие от статичной страницы, которая является просто файлом, лежащим на сервере. Сервер генерирует HTML-код динамической страницы для обработки браузером или другим агентом пользователя.
Динамические страницы обычно обрабатывают и выводят информацию из базы данных. Наиболее популярные на данный момент технологии для генерации динамических страниц:
· PHP- Для серверов Apache и других под управлением GNU/Linux, других UNIX-подобных, и прочих ОС.
· JSP и Java Servlet - Для серверов Apache, JBoss, Tomcat под управлением различных ОС.
· ASP.NET- Для Microsoft Windows серверов под управлением IIS.
СРЕДСТВА СОЗДАНИЯ ВЕБ-СТРАНИЦ
Язык HTML
Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.
Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах. Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем.
Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами. Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо. HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными браузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.
Программы для просмотра веб-страниц
Простые странички будут, скорее всего, одинаково выглядеть во всех браузерах. Однако, чем сложнее страничка, тем больше различий в ее восприятии разными программами просмотра. Создавая веб-страницу, полезно просматривать ее в различных броузерах и корректировать код в соответствии с тем, что вы увидели. Нередко может случиться, что страничка, очень красиво выглядящая в одном броузере, будет просто нечитаемой в другом.
Создание сложной странички, которая почти одинаково смотрится в разных броузерах, - задача не из легких: Поэтому мы бы рекомендовали ориентироваться на какой-либо один броузер, а совместимость с другими поддерживать только на минимальном уровне. Еще можно создавать копии страничек для разных броузеров, однако здесь тоже есть небольшая проблема, о которой расскажем чуть ниже.
Самое простое решение: создав страничку, написать в eе начале что-нибудь типа: «Лучше всего смотрится в таком-то броузере» и поместить рядом ссылку щелкнув на которой, пользователь мог бы загрузить себе нужную программу просмотра. Однако надо иметь в виду, что далеко"" не все пользователи, скорее всего, захотят это сделать, и не только потому, что не все броузеры бесплатны. Во-первых, не у всех есть возможность) загружать большие объемы данных из Интернета, а во-вторых, многие уже привыкли пользоваться какой-то программой просмотра, и совет срочно установить себе другую вызовет у них в лучшем случае недоумение.
Браузер Internet Explorer
На сегодняшний день наиболее популярной программой просмотра веб-страниц является браузер Microsoft Internet Explorer, которым пользуется примерно половина всех бродящих по Интернету.
Почти все кардинальные новшества появились в программе MS Internet Explorer начиная с версии 4. Некоторые моменты, связанные в основном с реакцией на пользовательские действия и интерпретацией кода, написанного на языке JavaScript, все же существенно изменились в пятой версии. Поэтому не удивляйтесь, если страничка, написанная для Internet Explorer версии 5, при просмотре в четвертой версии будет выдавать, например, сообщения об «ошибке сценария». Кстати, пятая версия Internet Explorer способна автоматически корректировать мелкие неточности. Другие браузеры этого не умеют, и для них эти неточности будут выливаться в сообщения об ошибках.
Программа Internet Explorer поддерживает в качестве сценарного языка JavaScript. В языке VBScript появились некоторые интересные возможности, отсутствовавшие в JavaScript 1.0, такие, например, как функция автоматического игнорирования ошибок в цикле
В третьей версии использована довольно своеобразная реализация JavaScript, и некоторые функции, написанные для более поздних версий или для браузеров компании Netscape, в Internet Explorer 3 работают не совсем правильно. Проект HTML 4.0 тогда еще только зарождался, в Internet Explorer 3 отсутствуют функции реакции на пользовательские действия, возможность произвольного расположения элементов оформления и др. Нет также поддержки каскадных таблиц стилей. В некоторых случаях возникают проблемы с навигацией между фреймами.
1.4. Конструкторы сайтовСолидный зарубежный проект, вполне возможно, это лучший конструктор сайтов на сегодняшний день. Предоставляет богатейший инструментарий для создания действительно красивых и функциональных сайтов, будь то Интернет-магазин, сайт-визитка либо блог. Интерфейс мощный и удобный, сразу видно профессионализм команды разработчиков, что внушает доверие к ресурсу.
К преимуществам относятся:
· Огромное количество качественных и разнообразных шаблонов (более 1000);
· Возможность создания собственного уникального шаблона;
· Мощный редактор сайта;
· Наряду с HTML5 есть возможность создания сайтов на flash;
· Поддержка функции Drag & Drop;
· Очень гибкие и разнообразные настройки;
· Сайты на Wix хорошо индексируются поисковыми системами;
· Русифицированный, понятный и приятный на вид интерфейс;
· Возможность создания мобильной версии ресурса и страниц для социальной сети Facebook (имеется богатый выбор шаблонов);
· Довольно отзывчивая техподдержка;
· В разделе "Вакансии" можно найти работу опытному дизайнеру или программисту;
· Достаточно выгодное соотношение цена/качество при переходе на платный пакет.
· Возможность переноса сайта на свой хостинг, но при условии покупки Премиум-аккаунта.
Недостатки:
· Недостаточно запоминающийся адрес страницы в бесплатной версии, имеет вид Вашwixлогин.wix.com/название сайта;
Nethouse
Отличный конструктор, который приемлем для создания сайтов для малого бизнеса (портфолио, визитка, магазин). Достаточно прост в освоении. По заверениям разработчиков, создать сайт на портале не сложнее, чем заполнить страничку в Одноклассниках.
Преимущества:
· Готовый сайт можно привязать к своему домену;
· Неограниченное дисковое пространство;
· Бесплатный доступ к основной части возможностей портала;
· Удобный интерфейс, красивые шаблоны;
· Возможность реализации системы приёма электронных платежей;
· Возможность SEO-настройки страниц.
· 100р на счету для пробы платных услуг.
· Приличная техподдержка.
Недостатки:
· Нет возможности вставить HTML-код, баннеры;
· Нет форума.
Весьма перспективный и функциональный конструктор сайтов. Его создали разработчики, которые еще совсем недавно работали над сервисом uCoz. На текущий момент конструктор сайтов uKit вышел из стадии бета-тестирования и весь его функционал доступен всем желающим за символическую плату в месяц сравнимую со стоимостью простого шаред хостинга.
Преимущества:
· Обширный функционал;
· Интуитивно понятный пользовательский интерфейс;
· Возможность создавать привлекательные полнофункциональные сайты без технических знаний;
· Достаточно широкие возможности для последующего SEO-продвижения созданного сайта;
· Моментальный доступ к обширной статистике и аналитике работы созданного сайта.
Недостатки:
· Некоторые недоработки функционала и пользовательского интерфейса.
2. СОЗДАНИЕ ВЕБ-СТРАНИЦЫ
С ПОМОЩЬЮ ЯЗЫКА HTML
Как уже говорилось выше, веб-страницы кодируются на языке гипертекстовой разметки - HTML. Вообще говоря, чтобы написать HTML-файл, достаточно иметь любой текстовый редактор, лишь бы он умел не добавлять в текст свои специальные символы. Самый простой вариант - это редактор Notepad (Блокнот), входящий в стандартную поставку Windows. Собственно говоря, это именно то, что нужно, - простейшая программа, сохраняющая написанный текст именно в том виде, в котором он был введен, и ничего лишнего.
Web-страница – это электронный документ формата.htm или.html, имеющий гиперссылки на другие документы. Web-страница – это электронный документ, созданный с помощью специального языка разметки гипертекста HTML, возможно с использование скриптов, написанных на языке программирования JavaScript или с помощью языков программирования Perl, PHP.
Тег представляет собой набор символов, который начинается с символа < и заканчивается символом > (угловые скобки, между которыми записывается ключевое слово): <………>
Структура HTML-документа
Веб-страница состоит из трёх частей:
1. Информация о версии HTML,
2. Шапка веб-страницы, в которой содержится техническая информация (
),3. Тело веб-страницы (
).Все HTML-документы имеют строго заданную структуру, которая создаётся с помощью таких тегов, как
… - Эта пара тегов сообщает броузеру, что перед ним действительно HTML-документ
… - Раздел заголовков, который содержит информацию о документе в целом, в частности он должен содержать следующий тег: