МегаПредмет

ПОЗНАВАТЕЛЬНОЕ

Сила воли ведет к действию, а позитивные действия формируют позитивное отношение


Как определить диапазон голоса - ваш вокал


Игровые автоматы с быстрым выводом


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


Целительная привычка


Как самому избавиться от обидчивости


Противоречивые взгляды на качества, присущие мужчинам


Тренинг уверенности в себе


Вкуснейший "Салат из свеклы с чесноком"


Натюрморт и его изобразительные возможности


Применение, как принимать мумие? Мумие для волос, лица, при переломах, при кровотечении и т.д.


Как научиться брать на себя ответственность


Зачем нужны границы в отношениях с детьми?


Световозвращающие элементы на детской одежде


Как победить свой возраст? Восемь уникальных способов, которые помогут достичь долголетия


Как слышать голос Бога


Классификация ожирения по ИМТ (ВОЗ)


Глава 3. Завет мужчины с женщиной


Оси и плоскости тела человека


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


Отёска стен и прирубка косяков Отёска стен и прирубка косяков - Когда на доме не достаёт окон и дверей, красивое высокое крыльцо ещё только в воображении, приходится подниматься с улицы в дом по трапу.


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

Программы для просмотра веб-страниц





СОДЕРЖАНИЕ

Введение....................................................................................................... 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.3. DOCTYPE для HTML....................................................... 14

2.4. Мета-теги............................................................................ 15

2.5. Команды форматирования шрифта.................................. 16

2.6. Вставка рисунков в HTML-документ.............................. 16

2.7. Алгоритм редактирования HTML-документа с помощью Блокнота

2.8. Атрибуты тега <body>...................................................... 17

2.9. URL..................................................................................... 18

2.10. Ссылки .............................................................................. 19

2.11. HTML код ссылки.............................................................. 20

2.12. Обращение к определенным разделам других документов 20

2.13. Картинка-ссылка в HTML ................................................ 21

2.14. Ссылка на почту HTML................................................... 21

2.15. Убрать подчеркивание ссылки.......................................... 22

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. Конструкторы сайтов

Wix

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

К преимуществам относятся:

· Огромное количество качественных и разнообразных шаблонов (более 1000);

· Возможность создания собственного уникального шаблона;

· Мощный редактор сайта;

· Наряду с HTML5 есть возможность создания сайтов на flash;

· Поддержка функции Drag & Drop;

· Очень гибкие и разнообразные настройки;

· Сайты на Wix хорошо индексируются поисковыми системами;

· Русифицированный, понятный и приятный на вид интерфейс;

· Возможность создания мобильной версии ресурса и страниц для социальной сети Facebook (имеется богатый выбор шаблонов);

· Довольно отзывчивая техподдержка;

· В разделе "Вакансии" можно найти работу опытному дизайнеру или программисту;

· Достаточно выгодное соотношение цена/качество при переходе на платный пакет.

· Возможность переноса сайта на свой хостинг, но при условии покупки Премиум-аккаунта.

· Подарок новым пользователям в виде рекламы в Яндекс.Директ при покупке Премиум-аккаунта;

Недостатки:

· Недостаточно запоминающийся адрес страницы в бесплатной версии, имеет вид Вашwixлогин.wix.com/название сайта;

· Реклама в нижнем левом углу, которую можно убрать, лишь оплатив платный пакет;

 

Nethouse

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

Преимущества:

· Готовый сайт можно привязать к своему домену;

· Неограниченное дисковое пространство;

· Нет навязчивой рекламы;

· Бесплатный доступ к основной части возможностей портала;

· Удобный интерфейс, красивые шаблоны;

· Возможность реализации системы приёма электронных платежей;

· Интеграция с социальными сетями;

· Подарок новым пользователям в виде рекламы в GoogleAdWords;

· Возможность SEO-настройки страниц.

· 100р на счету для пробы платных услуг.

· Приличная техподдержка.

Недостатки:

· Нет возможности вставить HTML-код, баннеры;

· Нет форума.

 

UKit

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

Преимущества:

· Обширный функционал;

· Интуитивно понятный пользовательский интерфейс;

· Возможность создавать привлекательные полнофункциональные сайты без технических знаний;

· Достаточно широкие возможности для последующего SEO-продвижения созданного сайта;

· Моментальный доступ к обширной статистике и аналитике работы созданного сайта.

Недостатки:

· Некоторые недоработки функционала и пользовательского интерфейса.

 


2. СОЗДАНИЕ ВЕБ-СТРАНИЦЫ
С ПОМОЩЬЮ ЯЗЫКА HTML

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

Web-страница – это электронный документ формата .htm или .html, имеющий гиперссылки на другие документы. Web-страница – это электронный документ, созданный с помощью специального языка разметки гипертекста HTML, возможно с использование скриптов, написанных на языке программирования JavaScript или с помощью языков программирования Perl, PHP.

Тег представляет собой набор символов, который начинается с символа < и заканчивается символом > (угловые скобки, между которыми записывается ключевое слово): <………>

Структура HTML-документа

Веб-страница состоит из трёх частей:

1. Информация о версии HTML,

2. Шапка веб-страницы, в которой содержится техническая информация (<head>),

3. Тело веб-страницы (<body>).

Все HTML-документы имеют строго заданную структуру, которая создаётся с помощью таких тегов, как

<html>…</html> - Эта пара тегов сообщает броузеру, что перед ним действительно HTML-документ

<head>…</head> - Раздел заголовков, который содержит информацию о документе в целом, в частности он должен содержать следующий тег:

<title>…</title> - Тег, содержащий заголовок документа, который будет отображён в строке заголовков окна броузера.

<body>…</body> - Тело документа, т.е. здесь будет располагаться сам текст, содержание документа.





©2015 www.megapredmet.ru Все права принадлежат авторам размещенных материалов.