Рефераты
 

Создание Web-сайта

p align="left">- по-прежнему сложно контролировать размер выводимых символов в браузерах, так что элементы могут непредсказуемо смещаться в результате использования большего или меньшего размера, по сравнению с тем, который использовался при разработке;

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

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

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

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

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

Стратегия разработки

Определив, какие браузеры использует большинство посетителей вашего сайта, вы сможете решить, какие теги HTML и Web-технологии целесообразно использовать в вашей разработке. Точно так же можно определить, какую часть пользователей вы рискуете проигнорировать при использовании таких средств, как Java или JavaScript.

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

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

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

Большинство дизайнеров предпочитают идти на компромисс. В дизайнерских кругах распространена фраза о Web-страницах, которые "изящно деградируют" ("degrade gracefully"), что означает использование новейших технологий, подобных DHTML или JavaScript, таким образом, чтобы обеспечивать функционирование страницы и на более ранних версиях браузерах.

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

Еще более один подход - автоматический запуск версии, соответствующей типу браузера, который делает запрос. JavaScript может задавать действия в зависимости от используемого браузера. Кроме того, страницы могут быть скомпонованы в процессе работы для конкретного браузера серверными включениями (Server Side Includes).

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

- Website Garage;

- Net Mechanic;

- Doctor HTML.

Проверка с использованием редакторов HTML. Базы данных совместимости браузеров и средства проверки HTML начинают прокладывать путь к авторскому инструментарию HTML. Так, GoLive Cyberstudio предоставляет полную базу всех тегов HTML, а также информацию об их поддержке браузерами. Еще более полезно средство "Check Target Browsers" инструмента Macromedia Dreamweaver. Авторы задают типы браузеров, для которых они разрабатывают сайт (Netscape 2.0, 3.0 и 4.0 и Internet Explorer 2.0, 3.0, 4.0, 5.0), a Dreamweaver проверяет, все ли теги и атрибуты поддерживаются выбранными браузерами.

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

Macromedia Flash

Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad). Текстовые редакторы, возможно, использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует «подсветка» текста, в общем, работать с ними может только профессионал, знающий язык HTML.

Рассмотрим визуальный HTML-редактор DreamWeaver. Этот программный продукт рассчитан на тех, кто плохо, или почти не знает язык HTML, хотя в нем можно создавать сайты даже не обладая данными знаниями. DreamWeaver содержит все, что необходимо как для визуальной компоновки web-страниц, так и для работы с HTML-кодом. Интуитивный интерфейс DreamWeaver настолько прост, что даже начинающий дизайнер сможет быстро создать профессиональный Web-сайт. Непосредственно в Dreamweaver можно создавать анимации в формате Macromedia Flash, использовать данные из Microsoft Office, легко импортировать rollover-графику, меню и кнопки из Fireworks. Компания Macromedia считается лидером по производству программ для создания веб-сайтов, а также законодателем моды в этой области. В последнее время она начала выпускать версию за версией данного продукта, тем самым все, более совершенствуя его. DreamWeaver-3,-4,-6 и это еще не предел. Причем в каждой новой версии добавляется всё больше и больше функциональных возможностей, не по одной и не по две, а чуть ли не десятками. Многие разработчики Web-сайтов считают DreamWeaver наиболее удобным HTML-редактором как для начинающих Web-дизайнеров, так и для опытных программистов.

Одна из последних версий HTML-редактора компании Macromedia-DreamWeaver 9, который относится к категории WYSIWYG-редакторов (т.е.What You See Is What You Get), и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и упрощается преимущество технологии WYSIWYG - что вижу, то и получаю).

DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции «запись последовательности команд» вы можете записывать последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит всё в той же последовательности.

Macromedia DreamWeaver - профессиональный редактор HTML для визуального создания и управления сайтами различной сложности и страницами сети Internet. Нравится ли вам вручную писать код HTML или вы предпочитаете работать в визуальной среде, DreamWeaver облегчает эту работу и обеспечивает полезными инструментами и средствами, чтобы сделать свои собственные проекты непревзойденными. DreamWeaver включает в себя много инструментов и средств для редактирования и создания профессионального сайта: HTML, CSS, JavaScript, редакторы кода (просмотр кода и инспектор кода), что позволяет вам, редактировать различные текстовые документы, которые поддерживаются в DreamWeaver. Также вы можете настроить DreamWeaver, чтобы он наводил порядок и переформатировал HTML, как вы этого хотите.

Возможность визуального редактирования в DreamWeaver также позволяет быстро создавать или менять дизайн проекта без написания кода. DreamWeaver относится к так называемым «визуальным» редакторам, т.е. вы сразу можете видеть на экране (хотя бы приблизительно) результат своей работы. При этом он распространяет полный доступ к источнику кода и не вставляет в него ничего лишнего, как это делает, например, FrontPage. Таким образом, можно создавать свою страничку и параллельно изучать HTML, заглядывая в источник. Можно на живом примере убедиться, что HTML - это просто. Простота обращения с редактором DreamWeaver заключается в том, что возможно рассмотреть все централизованные элементы и перетащить их с удобной панели непосредственно в документ.

DreamWeaver полностью настраиваемый. Можно использовать DreamWeaver, чтобы создавать свои собственные объекты и команды, изменять «горячие» клавиши и расширять возможности DreamWeaver новыми свойствами, инспекторами свойств и новыми отчетами о сайте.

Возможно, ли разместить страничку, содержащую приличное количество анимации, звука и удивительных способов интерактивности в файл порядка 100 Кбайт? Сделать так, чтобы эта страница работала одинаково как в Netscape Navigator, так и в Internet Explorer? Компания Macromedia решила большинство проблем совместимости и производительности, выпустив Flash, который к сегодняшнему дню весьма эволюционировал и является полноценной частью инструментов-техник Web-дизайна.

Коротко и ясно о том, что это такое. Существуют plug-in'ы (подключаемые модули), которые встраиваются в браузер, и служат для просмотра Flash страниц. Называются они Flash Player. Причем в последних версиях Netscape Navigator и Internet Explorer эти модули уже встроены (если нет, то их можно бесплатно скачать с сайта Macromedia). И существует программа Flash, с помощью которой эти страницы создаются.

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

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

- устранение проблем совместимости между браузерами. В отличие от HTML, Flash одинаково работает как в Internet Explorer, так и в Netscape Navigator. Имеется даже специальный вариант примочки-проигрывателя для браузеров, поддерживающих Java (Flash Java Player);

- мощный событийно-управляемый язык. В Macromedia Flash используется специальный язык, при помощи которого можно создавать «интеллект» для своей страницы. Причем если в Flash 4 это был, скорее, некий скрипт (script), имеющий всего несколько основных функций, то в Flash 5 (несмотря на название «ActionScript») - это почти полноценный язык программирования, с поддержкой условий, циклов, массивов, функций и классов, которые можно наследовать;

- Flash имеет автоматическую поддержку anti-aliasing (сглаживание контуров с помощью смешения соседних цветов). В результате даже простая линия или кружочек, нарисованные во Flash, выглядят приятно для глаз. Что же тут говорить о рисунках, нарисованных профессионалами;

- создавать страницы во Flash под силу даже ребенку, и, признаюсь, это весьма приятное занятие. А если обладать элементарными навыками дизайна и рисования, открывается весь простор для Вашей фантазии, предоставляемый Flash.

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

На сегодняшний день Flash Player используют 222 миллиона человек, и каждый день его скачивает еще 1.4 миллиона. По данным Macromedia это позволяет 90% пользователям Сети просматривать страницы с Flash содержимым.

Подключаемые модули распространяются бесплатно, в то время как за программу создания Flash файлов приходится платить. Последняя, 5-я версия продукта стоит $399. Пользователям старых версий это удовольствие достанется за $149.

Особенности Macromedia Flash 5. Начну с определения, возможно, несколько неожиданного, но дающего направление для дальнейшего раскрытия данной темы: «Flash 5 - язык программирования нестандартных интерфейсов с векторной анимацией».

Здесь делается основной упор на нестандартные интерфейсы.

«Нестандартные» интерфейсы имеют ряд отличий от «стандартных» (под «стандартными» подразумеваются привычные интерфейсы HTML):

1. Специальные управляющие объекты (кнопки, панели, блоки). Для примера, рулетка в Microsoft Word - нестандартный объект. Ее практически невозможно реализовать в HTML, только картинку, но не интерактивную функциональность.

2. Независимое размещение объектов, другими словами, не размещение объектов относительно друг друга, а расположение по координатам и уровням. В DHTML такая возможность существует, но в DHTML надежно реализовать можно только совсем простые вещи.

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

В результате подобной «нестандартности» появляется полная свобода в создании интерактивного интерфейса, более удобного, более наглядного, более функционального. Это реально повышает уровень предоставляемого сервиса. А значит, достигается «customer satisfaction» (удовлетворение требований клиента), и, в конечном итоге, система становится более конкурентоспособной.

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

Разработчики, попробовавшие программировать в среде Flash 5, подтвердят мои слова: Flash - уже не просто технология для создания анимационных роликов. Другими словами, Flash стал, применим для создания интерактивных приложений.

Когда следует использовать Macromedia Flash? Есть ли смысл использовать Flash 5 там, где он никогда не использовался? Ведь «несть числа» всевозможным языкам программирования, описывающим клиентскую часть. А Flash, к тому же, - один из самых медленных.

Для этого важно понять, что существует два принципиальных условия применения Flash:

1. Нужно аккуратно выбирать область применения Flash за пределами анимации.

2. Этим инструментом нужно уметь грамотно пользоваться.

С первым условием достаточно просто: Flash нужен там, где нестандартный интерфейс дает много новых возможностей, где нужна интерактивность, где не подходит «спартанская» внешность. При совпадении всех этих требований имеет смысл задуматься об использовании Flash 5 в качестве инструмента для построения системы.

Чем определяется «грамотность» применения Flash 5? Необходимо определиться, каковы преимущества использования именно Flash в конкретном проекте, и с какими «подводными камнями» придется столкнуться.

Основные плюсы программирования в среде Flash 5 - в процессе разработки:

1. Почти каждая аккуратно запрограммированная функция сразу очевидно полезна во многих местах.

2. Возможно построение универсального сервера.

3. Легко переносится часть логики с серверной на клиентскую часть.

4. Свобода в верстке и в наборе control-элементов (кнопок, меню, списков, таблиц).

Однако, есть и недостатки, что-то работает не лучшим образом, а потому, если в системе важны определенные компоненты, Flash использовать пока нецелесообразно. Вот список тех компонентов, которые на данный момент «не дружат» с Flash:

1. Сложные математические операции на клиентской части.

2. Работа с очень сложными структурами данных на клиентской части.

3. Мелкие тексты, написанные по-русски, из-за проблемы с кодировкой.

4. Сайты со сверхсложной бизнес - логикой, требующие мгновенной загрузки.

5. Механизмы, требующие работы с файловой системой клиента или его устройствами (например, Web-камерой или микрофоном).

Вот, пожалуй, и все трудности. Но, если в столь ожидаемом многими Flash 6 добавится некоторый набор усовершенствований, эти проблемы станут неактуальны. Это набор довольно простых вещей, которые очевидно не сложно сделать:

1. Кэширование растрированных векторов.

2. Поддержка Unicode.

3. Усовершенствование механизма наследования объектов.

4. Внедрение методов проектной/командной работы.

5. Отладка Performance and Memory-Use на XML, Math/Data Functions.

6. Окончательное разделение программирования и дизайна.

Это не так много, разница между Flash 4 и Flash 5 гораздо больше, чем эти изменения. Конечно, и после этого Flash не надо будет применять везде - он все равно останется для «своей» области.

Производительность, поддержка кодировок - эти вопросы уже скоро будут решены. Инструмент будет более четко разделен, а концепция языка скорректирована. Разумеется, Flash 6 по-прежнему будет поддерживать разработанные на Flash 5 продукты.

Многие описанные проблемы решаются уже сегодня:

1. Проблема с текстом решается подгрузкой шрифта, как внешней библиотеки. Он становится четким и быстрым. Единственное, его надо подгрузить один раз - 30 Кбайт.

2. Проблемы в разработке решаются путем четкого структурирования, как данных, так и графики.

3. Применение объектно-ориентированных подходов в программировании позволяет устранить сложность с псевдо-многопоточностью.

4. Специализированные метки позволяют работать даже с невидимыми символами.

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

HTML-редактор FrontPage

Одним из первых редакторов является FrontPage. Редактор входит в программный пакет MS Office. Этот программный продукт упрощает работу с HTML-языком.

Microsoft FrontPage призван облегчить вам задачу достойно представить себя в WWW или создать Web-сайт для сети intranet вашей организации. FrontPage, органично вписывающийся в пакет приложений Microsoft Office, стал первым продуктом широкого использования для Internet, сочетающим в себе клиентскую и серверную части и обеспечивающим возможность разработки сайта в целом и установки его на большинство популярных серверов. Если вы хотите создать свой Web-сайт, но с программированием знакомы только понаслышке, не беспокойтесь -- FrontPage способен взять на себя всю необходимую работу по программированию. Однако FrontPage станет достаточно серьезным помощником и для профессиональных разработчиков, предпочитающих держать в руках полный контроль над творческим процессом.

FrontPage поставляется с несколькими дополнительными утилитами, вместе составляющими так называемый FrontPage Bonus Pack.

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

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

FrontPage работает аналогичным образом, фактически он включает и сервер, и клиента. Его клиентское программное обеспечение состоит из Проводника (FrontPage Explorer) и Редактора (FrontPage Editor). Проводник позволяет просматривать и администрировать сайты несколькими различными способами. Для создания новых страниц и редактирования существующих предназначен Редактор.

Для серверной стороны FrontPage можно использовать FrontPage Personal Web Server или Microsoft Personal Web Server под управлением Windows 95, Windows 98 или Windows NT Workstation. При установке на Windows NT Server FrontPage автоматически определяет наличие Microsoft Internet Information Server (IIS), и если он установлен, то в дальнейшем с ним и работает. Вы можете установить один из персональных Web-серверов на компьютер в локальной (Local Area Network, LAN) или глобальной (Wide Area Network, WAN) сети на базе TCP/IP и тем самым превратить эту сеть в intranet. Вы даже можете разместить персональный Web-сервер на том же компьютере, на котором установлено клиентское обеспечение. Редактировать страницы вашего сайта и создавать новые вы можете на любом клиентском компьютере, подключенном к серверу -- даже если они находятся в противоположных точках земного шара.

В состав FrontPage также входят Серверные расширения (FrontPage Server Extensions), обеспечивающие интеграцию FrontPage со всеми наиболее популярными Web-серверами. Если в вашей организации уже есть качественный Web-сервер, то серверные расширения помогут гладко решить проблемы взаимодействия между ним и FrontPage.

В состав Microsoft Office входят Microsoft Word, Excel, PowerPoint и Access. Microsoft Office -- это самый популярный сегодня на рынке пакет офисных приложений. Мощность Office в создании информационного наполнения в сочетании со средствами управления сайтом и средствами генерации страниц FrontPage дает вам в руки непревзойденные возможности конструирования Web-сайтов. Вот лишь несколько аспектов их тесного взаимодействия:

- Документы Office во всех режимах обзора сайта в Проводнике FrontPage обозначаются теми же значками, что и в проводнике Windows.

- Возможности FrontPage по проверке и восстановлению ссылок распространяются на любые расположенные на вашем сайте документы Office, содержащие ссылки

- Материал из файлов Office очень просто перенести в Web-страницы FrontPage. Например, рабочие листы Excel можно частично или полностью скопировать в Редакторе на вашу страницу с помощью буфера обмена (Clipboard) или механизма drag-and-drop, и FrontPage автоматически преобразует их в таблицу HTML

- Вы можете перетаскивать документы Office из Проводника Windows в Проводник FrontPage, и эти документы будут автоматически импортироваться в ваш сайт

Основным недостатком MS FrontPage, как я уже упоминал, является то, что он генерирует очень большой HTML-код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании Web-страниц в этом редакторе видишь одно, а в окне браузера - совсем другое (особенно это касается Netscape Navigator). Поэтому для создания качественных Web-страниц рекомендуется использовать пакет Macromedia DreamWeaver.

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

В данном разделе я хотел бы рассмотреть вопрос о целесообразности и экономичности использования HTML-редакторов, на примере Macromedia Dreamweaver и MS Front Page.

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

На сегодняшний день цена HTML-редактора и полного пакета прикладных программ для Macromedia Dreamweaver 8.0 RU составляет 274,96 грн, а цена MS Front Page 2003 составляет 255 грн.

Любая программа не может работать без операционной системы. В настоящее время наиболее распространенной операционной системой является Windows XP Professional. Данная операционная система наиболее оптимизирована для работы с прикладными программами, имеет удобный интерфейс. На данный момент единственной достойной ОС, способной конкурировать с ХР, является Windows Vista. Но на данном этапе своего развития Vista еще не успела заслужить доверия среди пользователей. Причиной тому является недостаток программного обеспечения для нее, наличие больших системных требований, а также многочисленные недоработки.

Таблица 3.1 - Стоимость операционной системы

Операционная система

Стоимость, грн.

Windows XP Home Edition Russian SP2

208.54

Windows XP Professional Russian SP3

390.31

Windows Vista Ultimate Russian SP1

1680.00

Windows Vista Ultimate English SP1

1564.00

Таблица 3.2 - Системные требования HTML-редакторов

Macromedia DreamWeaver 8

MS Front Page 2003

Процессор

Не менее 800 МГц Intel Pentium III процессор (или эквивалентный)

Pentium 133 MГц или выше, рекомендуемый Pentium III

RAM

128 MB RAM (256 MB желательно, 1 Гб рекомендовано для работы больше, чем с одним продуктом Studio 8 одновременно)

16 Мб оперативной памяти (рекомендуется 32 Мб)

HD

доступное дисковое пространство 650 Мб.

165 Mбайт свободного места на диске, 115 Mбайт на диске, на котором установлена ОС

CD-ROM

Нет

Да

Дисплей

1024x768, 16-бит видеорежим (32-бита рекомендовано), 256 цветов

Super VGA (800Ѕ600) и выше, 256 цветов

ОС

Windows 98 SE, Windows 2000, Windows XP или Windows Server TM 2003.

Windows 98 SE, Windows 2000, Windows XP или Windows ServerTM 2003.

Периферия

Мышь Microsoft Mouse, Microsoft IntelliMouse или совместимое устройство

Мышь Microsoft Mouse, Microsoft IntelliMouse или совместимое устройство

Рекомендованные: компьютер, работающий под управлением Microsoft Windows XP Professional на базе Pentium III и 256 Мбайт RAM

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

Таблица 3.3 - Минимальные требования и расходы

Товар

Описание

Цена

Процессор

Intel Celeron 2000/128 Socket 478 BOX

199,00 грн

Материнская плата

SOLTEK SL-85DRV-5: Socket 478, VIA P4X266E+VT8235, ATX, 3 DDR 266, FSB 533/400MHz, UATA/133, AGP 4x

256,00 грн

RAM

DDR 128Mb, 333 MHz

77,22 грн

Видео-адаптер

PCI-E: ATI X550 SAPPHIRE 128MB/128bit/TV/DVI

192,00 грн

Жесткий диск

IDE 80.0g 7200 ATA100 Samsung 2Mb

70,00 грн

CD-ROM

CD-ROM LG 52х (Black)

65,00 грн

Корпус

ATX Midi Tower Storm 2202-LX, P4 PSU 300W

152,20 грн

Клавиатура

PS/2 SVEN Slim 300

13,67 грн

Мышь

SVEN L-30 PS/2, Scroll

8,30 грн

Монитор

17" SAMTRON 76E

570,00 грн

Итого:

1603,39 гнр.

Определим конфигурацию компьютера для работы с HTML-редакторами из расчета на минимальные системные требования.

Таблица 3.4 - Соотношение цены и производительности

Товар

Описание

Цена

Процессор

Pentium Dual-Core E2180 2.0ГГц (800МГц,1MB,Conroe,S775) BOX

417,00 грн

Материнская плата

ASUS P5B SE (LGA775, P965, PCI-E, 4xDDR-II(800),1xIDE,5xSATA-II, 3xPCI, ATX)

392,00 грн

RAM

DDR II 1024Mb, 800MHz Hynix

165,00 грн

Продолжение таблицы 3.4

Видео-адаптер

PCI-E: GEFORCE-PCX 8500GT Sonic DirectX 10/ 256MB DDR3(128bit) +TV XPERTVISION

422,00 грн

Жесткий диск

IDE 160.0g 7200 ATA133 Samsung 8Mb

319,00 грн

CD-ROM

DVD-RW/+RW LG Black

153,00 грн

Корпус

ATX Midle Tower ASUS TA-891, 350W

248,00 грн

Клавиатура

PS/2 A-4 Tech KB-28G Game Master

52,00 грн

Мышь

A-4 Tech X710 OPTICAL PS/2 1000 dpi

72,00 грн

Монитор

17" SAMSUNG 794 MB

689,00 грн

Итого:

2929 грн.

А теперь определим оптимальный вариант для работы с HTML-редакторами и прочим программным обеспечением.

Таблица 3.5 - Наилучшая производительность

Товар

Описание

Цена

Процессор

Pentium Dual-Core E2200 2.2ГГц (800МГц,1MB,Conroe,S775) BOX

489 грн

Материнская плата

ASUS P5K SE (Socket775/P35/PCI-E+GbLAN/SATA/U133/ATX/4DDR-II/PC-6400)

525 грн

RAM

DDR II 2x2048Mb, 800 MHz TEAM алюминиевый радиатор,Retail

480 грн

Видео-адаптер

PCI-E: GEFORCE-PCX 8800GTS DirectX 10/ 512MB DDR3(256bit) +TV LEADTEK

2040 грн

Жесткий диск

SATA II 250.0g 7200 WD 16 Mb (2500AAKS)

345 грн

CD-ROM

DVD-RW/+RW LG LightScribe

228 грн

Корпус

ATX Midle Tower Microlab M4810 Silver 420W

284 грн

Клавиатура

PS/2 SVEN 733 Multimedia

32,80 грн

Мышь

A-4 Tech SWOP-48UP OPTICAL 800 dpi PS/2

34 грн

Монитор

CRT 19" LG SW900B

757 грн

Итого:

5214,8 грн

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

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

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

Типовая инструкция по охране труда при работе с персональными компьютерами устанавливает общие требования безопасности для работников, использующих в работе персональные компьютеры (далее - ПК).

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

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

Женщины со времени установления беременности и в период кормления грудью к выполнению всех видов работ, связанных с использованием ПК, не допускаются. Лица, не моложе 18 лет, прошедшие обязательный при приеме на работу и ежегодные медицинские освидетельствования на предмет пригодности для работы на ЭВМ и ПЭВМ.

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

При работе с ПК на работников могут оказывать неблагоприятное воздействие следующие опасные и вредные производственные факторы:

- повышенный уровень электромагнитных излучений;

- повышенный уровень ионизирующих излучений;

- повышенный уровень статического электричества;

- повышенная напряженность электростатического поля;

- повышенная или пониженная ионизация воздуха;

- повышенная яркость света;

- прямая и отраженная блесткость;

- повышенное значение напряжения в электрической цепи, замыкание которой может произойти через тело человека;

- статические перегрузки костно-мышечного аппарата и динамические локальные перегрузки мышц кистей рук;

- перенапряжение зрительного анализатора;

- умственное перенапряжение;

- эмоциональные перегрузки;

- монотонность труда.

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

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

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

Клавиатура располагается на поверхности стола таким образом, чтобы пространство перед клавиатурой было достаточным для опоры рук работника (на расстоянии не менее чем 300 мм от края, обращенного к работнику).

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

Для исключения воздействия повышенных уровней электромагнитных

излучений расстояние между экраном монитора и работником должно составлять не менее 500 мм (оптимальное 600 - 700 мм).

Применяемые подвижные подставки для документов (пюпитры) размещаются в одной плоскости и на одной высоте с экраном.

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

Для тех, кому это удобно, предусматривается подставка для ног.

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

Для снижения яркости в поле зрения при естественном освещении применяются регулируемые жалюзи, плотные шторы.

Светильники общего и местного освещения должны создавать нормальные условия освещенности и соответствующий контраст между экраном и окружающей обстановкой с учетом вида работы и требований видимости со стороны работника. Освещенность на поверхности стола в зоне размещения рабочего документа должна составлять 300 - 500 люкс.

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

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

Для обеспечения безопасности работников на соседних рабочих местах расстояние между рабочими столами с мониторами (в направлении тыла поверхности одного монитора и экрана другого монитора) должно быть не менее 2,0 м, а расстояние между боковыми поверхностями мониторов - не менее 1,2 м.

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

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

При работе с ПК обеспечивается доступ работников к первичным средствам пожаротушения, аптечкам первой медицинской помощи.

Работники при работе с ПК с учетом воздействующих на них опасных и вредных производственных факторов обеспечиваются средствами индивидуальной защиты в соответствии с типовыми отраслевыми нормами для соответствующих профессий и должностей.

При работе с ПК работники обязаны:

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

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

- курить только в специально предназначенных для курения местах;

- знать приемы оказания первой помощи при несчастных случаях на производстве;

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

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

Работники, не выполняющие эти требования, привлекаются к ответственности согласно законодательству.

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

Перед началом работы с ПК работник обязан:

- проветрить рабочее помещение;

проверить:

- устойчивость положения оборудования на рабочем столе;

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

- исправность и целостность питающих и соединительных кабелей, разъемов и штепсельных соединений, защитного заземления (зануления);

- исправность мебели;

отрегулировать:

- положение стола, стула (кресла), подставки для ног, клавиатуры, экрана монитора;

- освещенность на рабочем месте. При необходимости включить местное освещение;

- протереть поверхность экрана монитора, защитного фильтра (при его наличии) сухой мягкой тканевой салфеткой;

- убедиться в отсутствии отражений на экране монитора, встречного светового потока;

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

Запрещается приступать к работе при:

- выраженном дрожании изображения на мониторе;

- обнаружении неисправности оборудования;

- наличии поврежденных кабелей или проводов, разъемов, штепсельных соединений;

- отсутствии или неисправности защитного заземления (зануления) оборудования.

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

Во время работы с ПК работник обязан:

- соблюдать требования охраны труда;

- содержать в порядке и чистоте свое рабочее место;

- держать открытыми вентиляционные отверстия оборудования;

- соблюдать оптимальное расстояние от экрана монитора до глаз.

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

Оператору и пользователю ПК во время работы запрещается:

- касаться одновременно экрана монитора и корпуса компьютера или клавиатуры;

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

- переключать разъемы интерфейсных кабелей периферийных устройств

при включенном питании;

- выполнять перезагрузку компьютера;

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

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

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

Продолжительность непрерывной работы с ПК без регламентированного перерыва не должна превышать 2 часов.

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

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

С целью уменьшения отрицательного влияния монотонности необходимо применять чередование операций.

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

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

Оператор и пользователь ПК обязан:

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

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

- при любых случаях сбоя в работе компьютерного оборудования и программного обеспечения немедленно сообщить руководителю;

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

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

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

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

После окончания работ оператор и пользователь ПК обязан:

- корректно закрыть все активные задачи;

- при наличии дискеты в дисководе извлечь ее;

- выключить питание системного блока;

- выключить питание всех периферийных устройств;

- отключить блок бесперебойного питания;

- отключить питающий кабель от сети;

- осмотреть и привести в порядок рабочее место;

- о неисправностях оборудования и других замечаниях по работе с ПК сообщить непосредственному руководителю или лицам, осуществляющим

техническое обслуживание оборудования;

- при необходимости вымыть с мылом руки.

В данном разделе были рассмотрены основные положения и нормы охраны труда, необходимые для работы оператору компьютерного набора.

Выводы

В представленной дипломной работе мною была рассмотрена тема «Создание Web-сайта».

В ходе теоретического анализа мною было установлено, что наиболее удобно для создания сайта пользоваться html-редактором Macromedia Dreamweaver, так как он имеет следующие возможности:

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

- удобный, интуитивный интерфейс;

- поддержка больших проектов;

- генерирует очень чистый HTML-код;

- обладает встроенными HTML, CSS, JavaScript, PHP, «визуальным» редакторами кода (просмотр кода и инспектор кода);

- вставка и обработка различных объектов;

- маленький размер сгенерированных файлов и, соответственно, более быстрая загрузка из сети.

Были рассмотрены стратегии разработки современного Web-сайта и основные требования к оформлению.

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

Перечень ссылок

1. Франклин Д. «Flash 4.Анимация в Интернете»

2. Малекс М. «Flash. Теория и практика»

3. Грибов К. П. «Macromedia Flash 4.Для дизайнеров»

4. Леонтьев В.П. «Web-дизайн. Руководство пользователя»

5. Карпов Б., Жданов А. «Dreamweaver 4. Краткий курс» 2001 Питер.

6. Крамер Р. «HTML: наглядный курс Web-дизайна»

7. Нидерст М.В. «Web-мастеринг для профессионалов. Настольный справочник»

8. Аленова Наталья «Html для чайников» (http://postroika.ru)

9. www.km.ru

10. www.rambler.ru

11. www.yandex.ru

12. www.referats.ru

13. www.bankreferatov.ru

14. www.stydenty.ru

15. www.bankreferatov.ru

16. www.ireferat.ru

17. www.kursach.by

18. www.education.kulichki.net

19. www.rosdiplom.ru

20. www.websitegarage.com

21. www.imagiware.сom

Страницы: 1, 2, 3


© 2010 BANKS OF РЕФЕРАТ