Основные правила и этапы создания сайта

РЕФЕРАТ

 

Пояснительная записка к  дипломному проекту содержит:

 

- 74 страницы;

 

- 5 таблиц;

 

- 21 источников.

 

Объект исследования: наиболее подходящая программа для создания Web-страниц.

 

Цель работы: создание Web-страниц.

 

В дипломной работе выполнено: обзор программ для создания Web-страниц; сравнительный анализ Macromedia Dreamweaver и Front Page; описан процесс создания и разработки современного сайта; оценка экономической целесообразности использования персонального компьютера; правила охраны труда на рабочем месте оператора компьютерного набора и верстки.

 

Web-сайт, Html-программирование, ДИЗАЙН САЙТА, FRONT PAGE, MACROMEDIA DREAMWEAVER.

 

 СОДЕРЖАНИЕ

 

Введение

 

Раздел 1. Современные Интернет-технологии

 

1.1 Web-дизайн и браузеры

 

1.2 Язык разметки гипертекстовых  страниц HTML

 

1.3 Обеспечение доступности  Web-страницы

 

1.4 Представление текста  на Web-страницах

 

1.5 Представление графики  на Web-страницах

 

1.6 Web-серверы

 

Раздел 2. Основные правила  и этапы создания сайта

 

2.1 Роль дисплеев при  создании сайтов

 

Влияние дисплеев на Web-дизайн

 

Стандартные размеры и  разрешения дисплеев

 

Альтернативные дисплеи

 

2.2 Выбор структуры Web-страницы

 

Создание фиксированных и гибких Web-страниц

 

Разработка комбинированных Web-страниц

 

Стратегия разработки Web-сайта

 

2.3 Обзор и сравнительный  анализ HTML-редакторов 

 

Macromedia Flash

 

HTML-редактор FrontPage

 

Раздел 3. Оценка экономической целесообразности использования

 

HTML-редакторов

 

Раздел 4. Нормы и требования охраны труда на рабочем месте  «Оператора компьютерного набора» 

 

4.1 Общие положения 

 

4.2 Требования безопасности  во время эксплуатации ЭВМ 

 

4.3 Требования безопасности  во время работы 

 

4.4 Требования безопасности  в аварийных ситуациях 

 

4.5 Требования безопасности  после окончания работы 

 

Выводы

 

Литература

 

 Введение

 

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

 

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

 

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

 

Каждый из нас уже сейчас может сделать свой вклад в  развитие Internet. Для этого достаточно создать свой Web-сайт и разместить его в Сети. Но как это сделать? Ответ на данный вопрос я попробую дать в этой работе.

 

Для этого необходимо решить следующие частные задачи:

 

- ознакомиться с современными Интернет-технологиями и, по возможности, использовать их в своей разработке;

 

- изучить программный  инструментарий, применяемый для  разработки и создания Web-сайтов;

 

- выявить и учесть методы  и способы представления на  Web-страницах различных видов информации, не препятствующие их доступности;

 

- ознакомиться с основными  правилами и рекомендациями по  разработке и созданию Web-сайтов и неукоснительно следовать им в своей практике;

 

- определиться со структурой  Web-страниц;

 

- выбрать стратегию разработки  и создания Web-сайта.

 

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

 

Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.

 

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

 

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

 

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

 

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

 

Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.

 

Распределенная информационная система: информация сохраняется на огромном великом множестве так  называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которое объединенные в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.

 

Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и  звук.

 

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

 

Такие ссылки называют гиперссылками  или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или  подчеркиванием) участка текста или  графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа  к другой, или же от одного документа  к другому. При необходимости  программа просмотра автоматически  связывается с соответствующим  сервером в сети и запрашивает  документ, на который сделана ссылка. Кстати, идея гипертекстового представления  информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.

 

Итак, Web-страница может содержать стилизованный и форматированный текст, графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

 

1. Современные Интернет-технологии

 

1.1 Web-дизайн и браузеры

 

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

 

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

 

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

 

Браузеры Netscape Navigator и Microsoft Internet Explorer. На рынке доминируют два основных браузера: Netscape Navigator и Microsoft Internet Explorer. Вместе они, включая все их версии, представляет примерно 90 % (или более) используемых сегодня браузеров.

 

Эти два браузера конкурируют  между собой за господство на рынке. Результатом их борьбы стала коллекция  фирменных HTML-тегов, а также несовместимые  реализации различных технологий (печально известный Dynamic HTML, а также JavaScript и Cascading Style Sheets - каскадные таблицы стилей). С другой стороны, конкуренция между Netscape и Microsoft в целом способствовала более быстрому развитию среды Web.

 

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

 

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

 

Некоторые документированные  различия включают: отсутствие поддержки  встраиваемых шрифтов; отсутствие поддержки  фильтров CSS и переходов (визуальных эффектов, таких как тени, отбрасываемые  объектом, которые используются для  элементов текста); отсутствие элементов  управления мультимедиа (эффекты переходов  и анимации, обычно создаваемые авторскими мультимедийными программными средствами); проблемы с реализацией DHTML.

 

Несмотря на заявления  Microsoft, что DHTML поддерживается всеми платформами, он особенно ненадежен на компьютерах платформы Масintosh.

 

Браузеры America Online. Пользователи America Online (AOL) используют один из семи возможных браузеров (в зависимости от платформы и версии программного обеспечения AOL), некоторые из них обеспечивают только самую минимальную поддержку HTML.

 

Последняя версия America Online для PC - это версия 3.0, использует адаптированную версию браузера Microsoft Internet Explorer 3.0. Тем не менее, не всегда можно полностью положиться на эту версию так же, как на стандартный вариант MS Internet Explorer 3.0. (Функциональность особенно ограничена для пользователей компьютеров Macintosh). Многие разработчики Web не раз ужасались, увидев дизайн своего сайта (который великолепно работал в большинстве основных браузеров), после того как он был запущен в системе AOL и отображен одним из их браузеров.

 

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

 

Кроме того, некоторые технологии, такие как Java и Cascading Style Sheets (каскадные таблицы стилей), не доступны для пользователей Windows 3.0 (примерно 40 % пользователей AOL). Владельцы компьютеров Macintosh не смогут использовать JavaScript и ряд других возможностей (примерно 8 % пользователей).

 

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

 

WebTV приводит в наши квартиры Web через обыкновенный телевизор с пультом дистанционного управления (также, по желанию, можно использовать клавиатуру). Для просмотра Web-страниц WebTV использует собственный специализированный браузер. Он осуществляет синтаксический анализ в соответствии - со стандартом HTML 3.2, но не предоставляет возможностей отображения фреймов, Java, JavaScript, ActiveX или любого другого формата, который требует встраиваемых приложений (за исключением встроенных Shockwave и RealAudio 3.0). Также создано много новых фирменных HTML-тегов, которые используются только в WebTV.

 

Поскольку WebTV выводит изображение на экран телевизора, предъявляются новые требования к характеристикам цвета и параметрам экрана.

 

Opera - это маленький и простенький браузер, созданный норвежской компанией Opera Software в Осло. Этот браузер обладает исключительно малым временем загрузки и минимальными требованиями к объему диска. Достоинством Opera является полное соответствие стандартам HTML. Неточности в написании тегов (например, пропущенные закрывающие теги, неправильное вложение и т. д.), которые пропускают более солидные браузеры, не будут правильно отображаться этим браузером. Opera 5.0 поддерживает Java, каскадные таблицы стилей и DHTML.