49795

Создание сайта Радиотехника и освоение человеком космического пространства

Курсовая

Информатика, кибернетика и программирование

Структура и компоненты HTMLдокумента. Гиперссылки в документах HTML. В Internet составители компьютерных страниц делают практически то же самое подчеркивая либо выделяя в документах ключевые слова или пиктограммы.

Русский

2014-01-15

290.5 KB

4 чел.

PAGE   \* MERGEFORMAT 15

СОДЕРЖАНИЕ

Введение…………………………………………………………………….….…….

1 Теоретическая часть ………………………………………………………………

1.1 Типы и виды web-сайтов……………….….………………………………………

1.2 Разработка web-сайта………………...…………………………………….…...…

2 Практическая часть ………………………………………………………….…….

2.1 Структура и компоненты HTML-документа.……………………………...….

2.2 Форматирование текста в HTML………………………………………….……...

2.3 Гиперссылки в документах HTML……………..………………………....…….

2.4 Тестирование web-сайта………………………………………………….……..

Заключение…………………………………………………………………….……..

Список использованной литературы…………………………………………….....

Приложение А (обязательное) Листинг HTML-кода……………………………..


Введение

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

Развитие современных технологий способствует появлению новых специальностей в этой сфере деятельности. Еще несколько лет назад о специальности Web-дизайнера никто не знал, а сегодня она является одной из самых популярных в области информационных технологий.

Неотъемлемая часть Internet, WWW (World Wide Web, в переводе с английского "всемирная паутина"), позволила по-новому пользоваться давно известными во всем мире текстовыми сносками. Когда автор журнальной статьи или книги помещает в тексте знак сноски, в нижней части страницы, помимо объяснения, могут быть указаны источники дополнительной информации, например, другая страница или книга. В Internet составители компьютерных "страниц" делают практически то же самое, подчеркивая либо выделяя в документах ключевые слова или пиктограммы.

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

Кроме того, в Web можно хранить и выводить на экран графику и фотоснимки, воспроизводить звук, а также просматривать анимацию и видеозаписи.

World Wide Web является одной из самых молодых услуг Internet: WWW родилась в 1990 году в европейском исследовательском центре CERN, а в 1992 году началось практическое применение этой технологии за пределами CERN. С конца 1993 года начался поистине взрывной рост WWW, который привел к тому, что сегодня этот вид информационного сервиса Internet является самым популярным, наиболее динамично развивающимся и во многом определяет современный облик всемирной сети.

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

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


1 Теоретическая часть

1.1 Типы и виды web-сайтов

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

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

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

Промо-сайты  - это сайты этого типа предназначены для раскрутки и продвижения какого-либо товара или бренда.

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

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

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

Каталоги сайтов - это вид сайтов, основным содержимым которых являются структурированные ссылки на другие сайты, а также их краткие описания.

Поисковые системы - вид сайтов, предназначенных для поиска страниц в интернете по определённым запросам.

Почтовые сервисы - этот тип сайтов предоставляет интерфейс для работы с электронной почтой.

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

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

Доски объявлений - на таких сайтах пользователи могут размещать или искать информацию в виде каких-либо объявлений, например — о покупке-продаже.

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

1.2 Разработка web-сайта

1 этап — определение целей создания сайта.

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

2 этап — проведение исследований по теме

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

3 этап — определение типа сайта, разработка ТЗ и структуры

На этом этапе разработчик совместно с заказчиком составляет ТЗ (техническое задание) на создание сайта. ТЗ, как минимум, должно включать следующие пункты:

  •  Тип сайта (портал, промо, визитка, корпоративный, магазин и т.д.)
  •  Функционал сайта (поиск, каталог, лента новостей и т.д.)
  •  Стиль дизайна (строгий, веселый, мрачный и т.д.)
  •  Структура сайта (какие страницы должны быть на сайте)
  •  Структура страниц (какие блоки должны быть на страницах и в каком виде)

При составлении ТЗ обязательно нужно помнить о целях создания сайта. Если какая-нибудь функция сайта не способствует достижению поставленных целей (или тем более — мешает) — необходимо от неё отказаться: на сайте она будет лишней. Например, если цель сайта — продать как можно больше единиц товара, то лента новостей на сайте не нужна.

4 этап — разработка макета дизайна сайта

Этот этап делится на несколько подэтапов:

  1.  Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.
  2.  Разработка предварительного макета дизайна главной страницы.
  3.  Исправление замечаний заказчика (если есть), доработка макета до завершенного вида.
  4.  Разработка внутренних страниц по аналогичному алгоритму.

В макете должны быть прорисованы все блоки, которые будут на сайте. Если к моменту разработки дизайна текстовые и графические материалы ещё не готовы, можно использовать «рыбу», но нельзя оставлять в макете «пустые» места.  Естественно, каждый шаг разработки макета дизайна должен выполняться в соответствии с ТЗ и целями сайта.

5 этап — HTML-CSS вёрстка

В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:

  •  Кроссбраузерность — страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).
  •  Гибкость вёрстки — возможность легко добавлять/удалять информацию на страницы.
  •  Быстрота обработки кода браузером
  •  Валидность — соответствие стандартам
  •  Семантическая корректность — логичное и правильное использование элементов HTML

6 этап — заполнение сайта контентом (информацией)

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

7 этап — тестирование сайта и исправление ошибок

Тестирование сайта может проводить как разработчик, так и заказчик. Наилучший вариант — это совместное тестирование.

8 этап — публикация сайта в интернете

На этом этапе сайт размещается на выбранном доменном имени, регистрируется в крупных поисковиках и каталогах.

9 этап — продвижение сайта и реклама в интернете

Когда сайт полностью готов к работе — нужно привлекать на него посетителей. Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.

2 Практическая часть

2.1 Структура и компоненты HTML-документа

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

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

HTML-код (или HTML-документ) состоит из нескольких разделов. Все элементы страницы описываются специальными командами — тегами. Поэтому и структура документа определяется какой-либо командой.

Прежде всего, надо определить, как выглядит команда HTML. Это какой-либо набор символов, заключенный в угловые скобки. Например: <HTML>, <BODY>. Регистр символов не имеет значения (большие и маленькие буквы не различаются). Теги делятся на парные (блоковые) и непарные. Блоковый тег может содержать в себе некоторый фрагмент документа, влияя на его отображение. Для такого тега в большинстве случаев требуется парный тег, указывающий конец зоны влияния. Такие теги записываются так же, как и теги, открывающие описание, но с добавлением символа "/" Например:

<Р> Фрагмент текста страницы. В данном случае - текст абзаца. </Р>

Тег может содержать не только название, но и параметры, влияющие на отображение элемента. Параметры записываются внутри описания тега (между угловыми скобками) и разделяются пробелами. Значения параметров отделяются от их имен символом «-». В некоторых случаях значение не требуется, важен сам факт указания параметра. Значения параметров можно заключать в кавычки («"».Использование кавычек обязательно только при наличии в значении параметра пробелов. Пример записи параметров:

<IMG SRC="images/pl.jpg" WIDTH=120 HEIGHT=110>

В данном случае тег имеет название IMG (тег вставки изображения) и параметры SRC (путь к файлу изображения), WIDTH (ширина изображения), HEIGHT (высота изображения).

Так выглядят  правилами записи тегов, теперь остановимся на  рассмотрению структуры HTML-документа.

Прежде всего, надо указать на то, что данный документ описывает web-страницу на языке HTML. Для этого текст начинается с тега <HTML>. Для него требуется закрывающий тег </HTML>, обозначающий конец документа. Следующими по уровню вложенности являются теги заголовка документа и его содержания. Внутри тега заголовка записывается информация о документе (его название, описание, таблица кодировки и т. д.). Сам тег заголовка записывается как <HEAD>. Для него требуется закрывающий тег </HEAD>. Тег содержания документа определяет информационную часть описания страницы. В ней располагается текст, рисунки и другие элементы. Тег описания (тела страницы) выглядит следующим образом: <BOOY>...</BODY>.

Запишем пример простейшего документа:

<HTML>

<HEAD> <ТIТLЕ>Пример HTML-страницы </TITLE>

</НЕАD>

<ВОDY>Это простая страница, иллюстрирующая структуру описания на языке HTML.

</BODY>

</HTML>

Тег <TITLE>, расположенный в заголовке страницы, указывает название страницы, которое большинство браузеров отображают в заголовке окна. Определив название страницы, вы упростите работу с сайтом (пользователь поймет, куда он попал, еще до окончания загрузки документа). Кроме того, поисковые системы могут ориентироваться на заголовки документов при анализе соответствия содержимого сайта введенному пользователем запросу.

Тело документа находится непосредственно в тегt <BODY>, для него вы можно определить некоторые параметры, например цвет текста и фона, текстуру, ширину полей. Ниже приведен список параметров и их допустимых значений.

BGCOLOR задает цвет фона страницы. Записывается в следующем виде: BGCOLOR-#RRGGBB, где RR, GG и ВВ — запись RGB-компонентов цвета в шестнадцатеричной форме. Символ «#» (номер) указывает на то, что дальше записано обозначение цвета. Пример записи:

<BODY BGCOLOR=#F8FF10>

TEXT задает цвет, которым будет отображаться текст документа. Цвет записывается в той же форме, что и цвет фона. Эти настройки могут не сказаться на цвете текста, расположенного в ячейках таблиц. Пример:

<BODY TEXT="#FF8000">

LINK/ VLINK указывает цвет ссылок, Пример:

<BODY LINK="#12E6F7">

BACKGROUND задает URL-адрес (путь к файлу) фонового рисунка для страницы (текстуры). Этот параметр, а также другие параметры управления цветом и фоном, можно использовать и для задания вида ячеек таблиц. Для этого примените его к тегу <TD>. Пример использования параметра BACKGROUND:

<BODY BACKGROUND="back/texture.gif">

Кроме этого, существуют параметры, позволяющие управлять, например, шириной полей, оставляемых браузером по краям окна.

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

После того, как вы определите структуру документа, можно приступать к наполнению его информацией, предназначенной пользователям. Эта информация располагается между тегами <BODY> и </BODY>. Вы можете поместить в документ текст, «сдобренный» при помощи тегов рисунками и элементами форматирования (заголовками, таблицами, списками).


2.2 Форматирование текста в HTML

Работа  с текстом в HTML документе особенно важна, так как без него не существует не один сайт.

Предварительно отформатированный текст можно вставить в html-страницу с помощью тегов < pre> и < /pre>. Браузер покажет текст, заключенный между этими тегами в том виде, в каком он был в текстовом редакторе.

Самыми популярными тегами для форматирования текста являются:

< B>< /B> — используется для выделения текста полужирным.

 < I>< /I> — используется для получения курсивного текста. Вместо этого тега рекомендуется использовать тег < em>< /em>. 

< U>< /U> — позволит подчеркнуть текст. Тут главное, чтобы пользователь не перепутал подчеркнутый текст с ссылкой.

< STRIKE>< /STRIKE> — делает текст перечеркнутым.

< SUB>< /SUB> — предназначен для выделения подстрочного текста (нижний индекс). Этот тег может быть полезен для записи химических формул: H2O.

< SUP>< /SUP> — нужен для выделения надстрочного текста (верхнего индекса). Например, для записи возведения в степень: (a+b)2.

Все эти теги для форматирования текста можно использовать как по одному, так и несколько вместе. Достигается это путем вложения тегов друг в друга. Например, следующий html-код:

< strong>H< sub>2< /sub>O< /strong> — это < strong>< em>формула воды.< /em>< /strong>

при просмотре в браузере будет выглядеть так:

H2O — это формула воды.

В HTML абзацы создаются с помощью тега < P>. Использование этого тега приводит к вставке одной пустой строки и размещению находящегося за ним видимого элемента html-страницы в следующей строке. Например, если мы напишем:

< p>Это первый абзац.< /p> < p>Это второй абзац.< /p>

То выглядеть это будет так:

Это первый абзац.

Это второй абзац.

     Использовать закрывающий тег < /P> не обязательно, т.к. браузер считает, что начало следующего абзаца означает конец предыдущего, но для избежания путаницы желательно.

Для того, чтобы выровнять текст используется атрибут align с возможными значениями center, left, right и justify. Он, соответственно, выравнивает текст по центру, по левому краю, по правому краю и одновременно по двум краям сразу. Например, html-код:

< p align="center">Текст по центру< /p>

выровнит текст по центру:

Текст по центру

 А этот код:

< p align="right">Выравнивание текста по правому краю< /p>

выровнит текст по правому краю:

Выравнивание текста по правому краю

Если атрибут align не используется, то текст будет выровнен по левому краю. Это происходит по умолчанию. Пример, код:

< p>Выравнивание по левому краю< /p>

выровнит текст по левому краю:

Выравнивание по левому краю

Если нужно обеспечить переход на новую строку без вставки пустой строки (это происходит, когда ты в текстовом редакторе нажимаешь Enter), то используется тег < BR>. Например, html-код

1. Первая строка. < br> 2. Вторая строка.

в браузере будет выглядеть так:

1. Первая строка.
2. Вторая строка.

У BR нет закрывающего тега. Для вставки нескольких пустых строк, нужно записать тег < BR> несколько раз подряд.

Визуально разделить части текста можно еще при помощи тега < HR>. Этот тег создает на странице разделительную полосу. Тег HR имеет следующие атрибуты:

size — толщина полосы;

width — ширина полосы;

align выравнивание;

color — цвет полосы;

noshade — атрибут, не имеющий значений. Если указан, то создается сплошная черная полоса без тени.

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

Для задания названий разделов и подразделов используются теги заголовков. Существуют шесть уровней заголовков и обозначаются они так:

< H1>< /H1>, < H2>< /H2>, < H3>< /H3>, < H4>< /H4>, < H5>< /H5>, < H6>< /H6>.

Заголовки выделяются полужирным шрифтом и отделяются от остального текста пустой строкой. Самый крупный заголовок < H1>< /H1> (им выделено название этого урока), а самый маленький < H6>< /H6>. Теги заголовков имеют атрибуты:

align — выравнивание текста заголовка на странице (значения те же, что и для выравнивания обычного текста);

title — всплывающая подсказка, которая появляется при наведении мыши на заголовок.

Например, код HTML:

< h4 align="center" title="Заголовок 4 уровня">Заголовок 4 уровня< /h4>

в браузере будет выглядеть так:

Заголовок 4 уровня

Для форматирования непосредственно шрифтов, в HTML есть тег < FONT>< /FONT>. У этого тега существуют следующие атрибуты:

color — цвет текста шрифта;

face — гарнитура шрифта;

size — размер текста шрифта. Может быть задан абсолютным (от 1 до 6) либо относительным значением (от +1 до +6 и от -1 до -6). По-умолчанию, размер текста 3. Если указать < font size="+1">< /font>, то текст, размещенный между тегами < font> и < /font>, будет отображаться увеличенным на 1 по сравнению с другим текстом. Аналогично и с -1.

В HTML списки создаются с помощью тегов < OL>< /OL> и < UL>< /UL>. В первом случае создается упорядоченный (нумерованный), во втором неупорядоченный (маркированный) списки. Каждый элемент списка выделяется тегом < LI>< /LI>. Браузер отображает элементы списка с новой строки в виде столбца с отступом и маркерами. Вид маркера определяется атрибутом type.

 В нумерованном списке маркеры (значения атрибута type) такие:

1 — нумерация арабскими цифрами (по умолчанию);

A — большими латинскими буквами по алфавиту;

a — маленькими латинскими буквами;

I — большими римскими цифрами;

i — маленькими римскими цифрами.

Например, HTML-код

< ol type="a">< li>Первый элемент.< /li> < li>Второй элемент.< /li> < li>Третий элемент.< /li></ol>

браузер покажет так:

  1.  Первый элемент.
  2.  Второй элемент.
  3.  Третий элемент.

В маркированном списке значения атрибута type такие:

disc — закрашенный кружок (по-умолчанию);

circle — незакрашенный кружок;

square — закрашенный квадратик.

Например, HTML-код:

< ul type="square">< li>Первый элемент.< /li> < li>Второй элемент.< /li> <li>Третий элемент.</li>< /ul>

в браузере выглядит так:

  •  Первый элемент.
  •  Второй элемент.
  •  Третий элемент.

Как и остальные теги HTML, списки можно вкладывать друг в друга. Получаются многоуровневые вложенные списки. Например, код:

< ol type="a">< li>Первый элемент.< /li>
< li>< ul type="square">< li>Второй элемент.< /li> < li>Третий элемент.< /li> < li>Четвёртый элемент.< /li>< /ul>< /li>
< li>Пятый элемент.< /li>< /ol>

браузер покажет так:

  1.  Первый элемент.
  2.  
    •  Второй элемент.
    •  Третий элемент.
    •  Четвёртый элемент.
  3.  Пятый элемент.

2.3 Гиперссылки в документах HTML

Связь между HTML-документами и фрагментами документов организуется с помощью элемента a ( от английского anchor - якорь ).

Элемент a употребляется в двух формах.

  •  В первом случае - при создании гиперссылки - обязательным является атрибут :

href = url    - адрес целевого документа.

Текст и изображения, размещенные между тегами <a> ... </a>, становятся активной зоной документа, чувствительной к щелчку мыши, который вызывает загрузку целевого документа. Текст гиперссылки выделяется подчеркиванием и цветом, указанным как значение атрибута link элемента body ( либо цветом по умолчанию ). Из необязательных атрибутов здесь упомянем один: target, значением которого является имя кадра или окна для вывода целевого документа.

  •  Во втором случае - при создании якоря (метки) фрагмента - обязательным является атрибут:

name = имя    - имя идентификатора фрагмента.

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

Пример:

<a href="p1.html" style="color:#A0A0A0; text-decoration:none"; target="parent">Первые запуски и роль радиотехники </a>

Данная гиперссылка открывает html файл "p1.html” в ранее указанном разделе “parent” . Тег «style="color:#A0A0A0; text-decoration:none» отвечает за цвет данной ссылки и отменяет её подчеркивание.

2.4 Тестирование web-сайта

Тестирование сайта предполагает собой выполнение следующих действий:

  •  проверка содержимого гиперссылок;
  •  определить продолжительность временных задержек;
  •  проверка работы при включенной работе с графикой и при отключении ее;
  •  проверка работы сайта на различных типах мониторов;
  •  проверка работы в различных браузерах.

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


Заключение

Итак, интернет является сегодня одним из основных средств работы большинство организаций. Неотъемлемой частью он стал для повседневной жизни: новости, общение, развлечение – все возможно благодаря всемирной сети.

Основным элементом на сегодняшний день является WEB-Сайт. Он удобен для пользования любыми его посетителями. Сайтов существует огромное количество различной тематики. Различаются они по целям, задачам, тематике, целевой аудитории, структуре и т.п.  Для одних важна информация, для других развлечение, общении, покупки и т.п. Все это влияет на структурные элементы сайта. Существуют специальные Web-разработчики, которые могут помочь в корректном создании сайта.

В данной работе рассмотрены теоретические аспекты WEB-сайтов, рассмотрены идеальные модели и принципы создания сайтов. В практической части разработана модель информационного сайта на тему « Радиотехника и освоение человеком космического пространства»

Список используемой литературы

  1.  Глушаков С.В., Жакин И.А., Хачиров Т.С. – Программирование Web-страниц . – Харьков: «Фолио», 2005.–390 с.– (Учебный курс)
  2.  Гаевский А. Основы работы в Интернете. Самоучитель. – СПб.:БХВ-Петербург,2003.-464 с.
  3.  Александров, А.В. Создание web-страниц и web-сайтов / А.В. Александров, Г.Г. Сергеев, С.П. Костин. - М.: Триумф, 2008. – 288 с
  4.  Дригалкин, В.В. HTML в примерах. Как создать свой Web-сайт: самоучитель / В.В. Дригалкин. – М.: Диалектика, 2003. – 192 с.
  5.  Ташков, П. Веб-мастеринг на 100%. HTML, CSS, JavaScript, PHP, CMS, графика, раскрутка / П. Ташков. – СПб.: Питер, 2009. - 512 с.
  6.  Хольцшлаг, М. Языки HTML и CSS для создания Web-сайтов: официальный учебный курс: [пер. с англ.] / М. Хольцшлаг. – М.: Триумф, 2007. - 304 с.


 

А также другие работы, которые могут Вас заинтересовать

16080. Аграрне право України О.О. Погрібного 2.85 MB
  У підручнику докладно розглянуті умови та порядок створення та функціонування субєктів аграрних правовідносин, питання права власності їх на землю, розкриті умови та порядок набуття і користування земельними ділянками, реалізації земельних прав і обмеження прав на землю. Підручник буде корисним для студентів, бакалаврів, спеціалістів, магістрів, аспірантів та викладачів правознавчих, аграрних, землевпорядних та економічних спеціальностей вищих навчальних закладів, а також широкому колу читачів, які цікавляться проблемами аграрного законодавства і права України.
16081. Порівняльне правознавство 1.71 MB
  ББК67 П41 Підручник підготовлений викладачами Національної юридичної академії України імені Ярослава Мудрого Гриф Затверджено Міністерством освіти і науки України як підручник для студентів юридичних спеціальностей вищих навчальних закладів надано 15.09.2003 рок
16082. Право інтелектуальної власності в Україні 1.26 MB
  О.А. Підопригора О.О Підопригора ПРАВО ІНТЕЛЕКТУАЛЬНОЇ ВЛАСНОСТІ УКРАЇНИ НАВЧАЛЬНИЙ ПОСІБНИК для студентів юридичних вузів і факультетів університетів Київ Юрінком Інтер 1998 Рекомендовано вченою радою юридичного факультету Київського ун
16083. Право інтелектуальної власності 4.51 MB
  Охорона прав на результати інтелектуальної діяльності введена порівняно недавно — дещо більше 200 років тому, — термін, з історичної точки зору, мізерно малий. І належала вона лише до деяких видів інтелектуальних продуктів, що є результатами творчої діяльності, які вийшли на той час на ринок, — творів літератури і мистецтва, а також винаходів.
16084. Законодавство України про інтелектуальну власність 1.52 MB
  В монографії в доступній для широкого читача формі висвітлюються роль і значення інтелектуальної власності в Україні в умовах переходу до ринкової економіки. В ній, зокрема, розкривається процес становлення законодавства України про інтелектуальну власність. В роботі здійснено грунтовий аналіз цього законодавства, розкриті його позитивні якості і риси. Разом з тим виявлені...
16085. Государственное и муниципальное управление в зарубежных странах 1.34 MB
  Курс лекций Государственное и муниципальное управление в зарубежных странах Старцев Я.Ю. Оглавление Об авторе Тема 1. Предмет задачи и структура учебной дисциплины Тема 2. Разделение властей и разделение функций в государственном управлении
16086. Административная юстиция, теория, история, перспективы 1.58 MB
  Старилов Ю.Н. Административная юстиция. Теория история перспективы. – М.: Издательство НОРМА Издательская группа НОРМА – ИНФРА М 2001 – 304 с. ББК 67.401 С77 Сведения об авторе: Старилов Юрий Николаевич – доктор юридических наук профессор Воронежского государст
16087. Налоговая полиция, вчера, сегодня, завтра 955 KB
  Вячеслав Солтаганов налоговая полиция вчера сегодня, завтра МОСКВА АНО ИЗДАТЕЛЬСКИЙ ДОМ НП ИЗДАТЕЛЬСКИЙ ДОМ ДАШКОВ И К Солтаганов В. Ф. Налоговая полиция: вчера сегодня С 60 завтра. М.: АНО Издательский Дом НП Издат...
16088. Налоговые преступления в торговле 950.5 KB
  Соловьев И.Н. Налоговые преступления в торговле. Комментарий к проверкам и уголовным делам. М.: Налоговый вестник 2001 г Налоговые преступления в торговле.Комментарий к проверкам и уголовным делам Вступление ...