Проектирование html сайта диагностического центра
Введение.
Internet – это разветвленная, обширная сеть, объединяющая компьютеры, находящиеся в самых отдаленных точках Земли. Дать оценку этой глобальной паутине практически невозможно. Точные цифры различаются между собой, так как новые данные о росте Internet появляются почти так же быстро, как и новые серверы.
В наше время Internet стал очень важной частью жизни. Это нанесло отпечаток на работе, отдыхе и общении с различными людьми. Internet уже позволяет делать весьма многое и решать различные задачи, помогает производить исследования. Преподаватели и научные работники, имеющие доступ к Internet, имеют гораздо больше возможностей повышать свою квалификацию. Студенты, обращающиеся к Internet, решают большее количество задач с наилучшим результатом.
Благотворно действует на взаимодействие сотрудников в офисе. Многие люди предпочитают электронную почту. Обмен почтовыми сообщениями происходит моментально, кроме того, при использовании e-mail можно качественно обдумать ответ и дать соответствующую характеристику..
Делается реальным возможность работать дома. Многие компании не располагают необходимыми площадями, для размещения всех неободимых сотрудников, поэтому поощряеться стремление служащих работать дома и использовать сеть Internet для связи с головным офисом
Повышает шансы найти работу. Ряд предприятий, фирм при приеме сотрудников делают ставку на кандидатов, имеющих опыт работы с Internet сетью.
Тема курсовой работы актуальна, так как сейчас почти вся информация хранится и создаётся в электронном виде, а доступ к ней возможно получить благодаря компьютерной технике.
Цель данной курсовой работы – создание интуитивно понятного сайта на языке программирования HTML с доступными характеристиками компьютерной техники, обращенными к обычному пользователю персональным компьютером.
1. Аналитическая часть
В наш век всеобщей компьютеризации и информатизации, усложнению и возрастающих объемов вычислений и действий, совершаемых техникой и непосредственно самим человеком, весьма важно находиться на «гребне несущейся волны» инноваций и усложнений в области науки. Невольно задается вопрос: «А как ориентироваться в такой нестабильной ситуации?» Именно на этот вопрос данная работа даст ответ. Укажет путь в темный лабиринт современной растущей компьютеризации. Один из вероятных выводов, это создание определенной фирмы, деятельность которой, будет направлена на диагностику возникших проблем, сервисное обслуживание клиентов и что не маловажно квалифицированное образование, пользователей. Разъяснение и подробное акцентирование внимания клиента в каждой технической спецификации. А так же наиболее подходящая стратегия в том, чтобы добиться успеха.
На данный момент существует огромное количество фирм, компаний занявших свою нишу в мире техники. Каждая из них является уникальной по ряду вопросов, но в тоже время их похожесть и однотипность не ведет к полноценному овладению ни рынком прогрессивной техники, ни усиленным внимание пользователей. Похожесть в выборе комплектующих и недостаток, а иной раз и отсутствие индивидуального подхода к каждому желанному клиенту является основной ошибкой таковых компаний. Технический обзор новинок, красочное оформление и более педантичный подход к вопросам мог бы внести определенное разнообразие в таковых моментах. В своей работе я поднял ряд вопросов, которые, на мой взгляд, являются передовыми в данной сфере. Основываясь на них, была построена работа. Забота о предполагаемом клиенте и побудила поставить ряд задач необходимых для получения окончательного, я считаю положительного результата.
1.1. Краткая характеристика вида и деятельности диагностического сервисного центра “Фиргус”.
Важным аспектом, на мой взгляд, в сложившемся разнообразии является исчерпывающая понятная информация, разъяснение пользователю возникших у него вопросов. А именно:
- В каком месте получить квалифицированную диагностику в возникшей проблемы.
- Соответствует ли цена качеству выполняемых работ и закупок в сфере возникших вопросов.
- Какую именно технику подходящую требованиям клиента необходимо предоставить
- Предоставление дополнительных возможностей, технических благ необходимых заказчику.
- Возможно, ли самому совершать выбор в покупке именно необходимой, а не разрекламированной брендовой техники.
Коснемся более подробно каждого возникшего вопроса и рассмотрим его на примере созданного сайта посвященного «Компьютерному диагностическому сервисному центру Фиргус».
В каком месте получить квалифицированную диагностику в возникшей проблемы? На основе нашего сайта мы имеем соответствующую вкладку, страницу «О компании». С исчерпывающей информацией о местонахождении компании, ее реквизитах и почтовом адресе. О работах производимых фирмой. Также разъяснена и политика организации, направленная только на решение вопросов возникших у клиента. И соответственно контактный номер телефона для консультаций. Предоставление исчерпывающих знаний в краткой доступной форме в связке с радующим глаз и привлекающим интерфейсом является успехом поставленной задачи.
Соответствует ли цена качеству выполняемых работ и закупок в сфере возникших вопросов? Весьма емкий вопрос, требующий конкретного ответа. «Наш прайс» вот что может полноценно ответить на поставленную задачу. Отображение необходимого товара с его актуальностью и спросом, с гарантией и по низким ценам является изюминкой фирмы «Фиргус». Основываясь на современной и вовремя предоставленной информацией покупатель, находясь в любом месте по средствам сети Internet, имеет возможность точно выстроить план закупок необходимых и главное в полном объеме отвечающим его требованиям. А соответствующие фотографии помогут более адекватно, с дизайнерской точки зрения отнестись к покупке. Красота страшная сила.
Какую именно технику подходящую требованиям клиента необходимо предоставить? Отвечая на этот вопрос фирма «Фиргус» берет в основу самые последние достижения в области компьютерных комплектующих, различной периферии и новомодных гаджетов, составляет обзор по ряду отдельных тем. Такие страницы как: «Выбор Мониторов» «Выбор Мат.Плат» «Выбор HDD» и подобные им в полном объеме отвечают вопросам. Многообразие предоставляемых решений, строгая квалификация по линейкам, отраслям не дает запутаться и сделать верный выбор, отвечающий желаниям и потребностям. Какую скорость выбрать, какой интерфейс более подходит, соответствует ли охлаждение вырабатываемой теплоте? Эти и многое другие вопросы нашли ответ в соответствующих обзорах на страницах данного сайта.
Предоставление дополнительных возможностей, технических благ необходимых заказчику. При покупке оборудования либо починке своей техники клиент всегда обращает внимание на новые технические возможности, различные гаджеты интересующие либо просто заинтересовавшие его. К примеру, Карманный Персональный Компьютер, приглянувшийся покупателю своими возможностями коммуникации и современным интерфейсом, должен найти отражение в возникших нуждах клиента с последующей его покупкой. А если при этом объяснить функцию GPS c докупкой соответствующего оборудования, то выгода и интерес обоих сторон будет весьма высок.
Возможно, ли самому совершать выбор в покупке именно необходимой, а не разрекламированной брендовой техники. Многообразие различных устройств, функций и возможностей на современном рынке могут запутать даже подготовленного человека. Разъяснительная работа среди интересующихся людей является одним из основных моментов на которое стоит акцентировать внимание. Обычное перечисление функций не даст положительного эффекта. Грамотный обзор со сравнением технических возможностей, подходящей иллюстрацией, представленный в работе поможет и направит клиента в наиболее правильном на его взгляд выборе.
1.1.1.Обзор характеристик и выбора компьютерной техники
Обратим внимание на интересующий нас вывод, изложенный выше на основе имеющейся работы. А более точно на странице “Выбор Ноутбуков”
Купить ноутбук – задача весьма сложная, и подходить к решению данного вопроса надо серьезно, чем к приобретению иной компьютерной техники. Как и в случае настольного компьютера во многом при выборе уделяется особое внимание техническим характеристикам продукта. И здесь также важны и физические габариты, размеры устройства, вес и эргономика. В зависимости от имеющихся целей, для которых и приобретается ноутбук, будет точным и круг предлагаемых моделей. При этом всегда надо помнить, что усовершенствование в будущем будет невозможен, поэтому стоит сразу купить ноутбук со всеми необходимыми возможностями. Данная информация изложена на сайте фирмы «Фиргус». С подробными характеристики. Обратимся к ней внимание и посмотрим основные особенности этой статьи.
Дисплей ноутбука. С большей диагональю дисплея удобней работать, но компактность имеет свои положительные стороны. Приобрести ноутбук с диагональю дисплея 17 и 15,4 дюймов можно как для игр, так и для офисной работы. Как правило, такие ноутбуки благодаря своим размерам укомплектованы аналогично любому настольному компьютеру и в полной мере заменяют его. Если же вы находитесь постоянно в дороге, то фактор мобильности очень важен, что и ведет к выбору ноутбука с экраном на 10 или 12 дюймов.
Разрешение экрана также сильно влияет на модели. Наиболее распространенными являются разрешения: XGA (1024х768), WXGA (1280х800), WXGA+ (1440х900) или SXGA+ (1400 х 1050 точек). Для работы с текстом достаточно приобрести ноутбук с разрешением XGA. В то же время для людей работающих с графикой, предпочтительней будет ноутбук с разрешением WUXGA (1920х1200). Высокое разрешение также положительно сказывается при просмотре фильмов, а также для игр.
Немаловажно при покупке ноутбука знать про технологии, используемые в производстве дисплеев. Всего их три, и каждая из них имеет свои преимущества и недостатки. Самая дешевая технология Twisted Nematic (TN, STN, TN+Film). Её основные преимущества – хорошее время реакции и низкое энергопотребление, но в остальном она проигрывает. Цветопередача, контрастность и углы обзора обладают низкими показателями. Особенность технологии в том, что битые пиксели проявляются ярко-белым свечением, на других типах дисплеев они будут черными. Эта технология до сих пор используется в бюджетных моделях из-за невысокой стоимости. На данный момент оптимальный вариант, купить ноутбук с матрицей, изготовленной по технологии Multi-Domain Vertical Alignment (MVA). Эти дисплеи обладают наиболее лучшей по сравнению с TN цветопередачей, высокой контрастностью и яркостью. Время отклика составляет 25 мс. Углы обзора в– до 160 градусов. Более превосходящей цветопередачей обладают матрицы IPS (In Plane Switching). Обзорность достигат 180 градусов как по горизонтали, так и по вертикали. Но если купить ноутбук с такой матрицей, необходимо и важно учесть, что у дисплея будет большое время реакции и повышенное энергопотребление. В характеристиках к ноутбукам производитель не указывают тип матрицы, а только технологии, используемые для повышения качества изображения. Во многих ноутбуках Samsung и ASUS используются TN+Film матрицы, для ноутбуков Fujitsu используют MVA-технологии.
В любом случае в одних моделях добиваются наилучшего времени отклика и длительного времени автономной работы, а другие делают упор на качество изображения.
Аккумуляторные батареи ноутбука. Автономное время работы ноутбука от одного заряда аккумулятора является важным критерием при выборе. Ноутбук используется в качестве переносного компьютера, исходя из этого, время работы должно быть максимальным. Если стоит цель купить ноутбук с учетом постоянной близости нахождения к источнику питания то емкость аккумуляторной батареи становится менее важна. Минимальное время работы от аккумулятора 2 часа, тип батареи преимущественно Li-Ion. В настоящий момент существуют модели, которые способны работать до 8 часов, например Sony Vaio VGH-TX650P. Но необходимо учитывать, что производители указывают это значение при работе в одном режиме с нагрузкой ниже средней.
Процессор ноутбука. Процессор – это одна из главных составляющих компьютера. При покупке основным показателем является тактовая частота . Кроме того, при выборе есть определенные тонкости, связанные с энергопотреблением и тепловыделением различных видов процессора. Процессоры, применяемые в ноутбуках, отличаются от устанавливаемых в настольные компьютеры. Как у Intel, так и у AMD есть специальные разработки для мобильных компьютеров. Эти процессоры отличаются внедрением технологией по снижению энергопотребления. Но не стоит забывать, что скорость работы будет зависеть ещё и от объема оперативной памяти. Что же касается вопроса, с каким именно процессором купить ноутбук, то здесь лидерство занимает Intel. В большинстве ноутбуков используют процессоры именно этого производителя. Главное преимущество Intel – технология SpeedStep, позволяющая снижать энергопотребление процессора за счет снижения тактовой частоты при простое или минимальной нагрузке. А теперь и двухядерные процессоры доступны для ноутбуков. На смену Intel Centrino появилась новая версия процессоров для ноутбуков Intel Core Duo. Но нельзя сказать, что процессоры AMD сильно отстают в этой области. Версия AMD Turion 64 выпущена специально для ноутбуков, где также используется собственная технология (Power Now!) по снижению энергопотребления. Результаты многих тестов показывают, что при минимальных нагрузках (работа с текстом, прослушивание музыки), процессоры Intel потребляют меньше энергии. Если же Вы собираетесь купить ноутбук для работы в графических редакторах, то предпочтительней остановиться на вариантах с процессором от AMD. Купить ноутбук с большей тактовой частотой процессора, кроме высокой производительности, лучше ещё и с той точки зрения, что они зачастую обладают более низкими показателями энергопотребления. И как следствие меньше выделяют тепла, снижается уровень шума от вентиляторов.
2. Практическая часть
HTML (Hyper Text Markup Language — язык гипертекстовой разметки) является компьютерным языком программирования, предназначенным для разработки Web-страниц, документов HTML. Язык HTML – это совокупность управляющих символов – тэгов, с помощью которых добавляются и форматируются элементы документа. Для настройки внешнего вида и функционирования элемента страницы устанавливаются его атрибуты.
Обозреватели распознают тэги языка HTML и преобразуют в Web-страницу, отображаемую в окне обозревателя. Приложения обозревателей разрабатываются с учетом мировых стандартов языка HTML, благодаря которым Web-страницы выглядят одинаково, независимо от того, в каком обозревателе открыли данный документ.
Стандартизацией языка HTML занимается организация World Wide Web Consortium (W3C). Работа над языком программирования продолжается. Появляются новые версии HTML, предоставляющие дополнительные возможности для разработчиков Web-страниц.
На данный момент существует множество специализированных HTML-редакторов, которые возможно разделить на два типа:
Визуальные редакторы HTML, (например, Microsoft FrontPage, Macromedia Dreamveawer.). При работе в данных программах пользователь работает с графическими образами элементов HTML, а не с самим кодом документа.
Редакторы HTML-текстов, дающие возможность автоматизировать набор и непосредственно редактировать код (например, HomeSite, Ken Nesbitt Web Editor и многие другие). Эти программы делают возможным пользователю быстро и без особых затруднений вставлять в документы элементы HTML кода, проверять синтаксис команд, производить запуск и отладку страницы.
Кроме выше перечисленных категории, существуют программы, позволяющие объединяющие в себе черты текстовых и визуальных HTML-редакторов к таким программам относится HotMetal .
Функциональная возможность современных HTML-редакторов очень разнообразна: некоторые из них, позволяют формирование только отдельно взятые страницы документа, иные, наоборот, применяются для проектирования целых Web-узлов с дальнейшей загрузкой на удаленные серверы в Internet. В наше время трудно провести границу между профессиональными HTML-редакторами и теми, что предназначены для любительского Web-творчества.
Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Соответственно, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа:
<TITLE> Заголовок документа </TITLE>
Завершающий тэг выглядит также, как стартовый, и отличается от него, только лишь прямым слэшем перед текстом внутри угловых скобок. В данном примере тэг <TITLE> говорит WEB-броузеру об использовании формата заголовка, а тэг </TITLE> - о завершении текста заголовка.
А такие тэги, такие, как <P> (тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает начальному тексту документа улучшенную читаемость. HTML не реагирует на регистр символов, описывающих тэг, и приведенный выше пример может выглядеть иначе.
WEB-броузер получая документ, первым делом определяет, как данный документ должен быть истолкован. Первый тэг, набранный в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-броузеру, что документ создан с использованием HTML. Минимальный HTML-документ выглядит следующим образом:
<HTML> ...тело документа... </HTML>
Заголовочная часть документа <HEAD>
Тэг заголовочной части документа используеться сразу после тэга <HTML> и больше не встречается в документе. Данный тэг, представляет общее описание документа. Следует так же избегать употребления какого-либо текст внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> располагается после окончания описания документа. Например:
<HTML>
<HEAD>
<TITLE>Список сотрудников</TITLE>
</HEAD>
Заголовок документа <TITLE>
Большинство
WEB-броузеров отображают содержимое
тэга <TITLE> в заголовке окна, содержащего
документ и в файле закладок, если
он поддерживается WEB-броузером. Заголовок,
ограниченный тэгами <TITLE> и </TITLE>,
размещается внутри <HEAD>-тэгов, как
показано выше на примере. Заголовок документа
не появляется при отображении самого
документа в окне.
2.1. Технология разработки сайта
После использования HTML конструкций получается следующая структура сайта, показанная на рисунке 1.
Рисунок 1 – Структура.
На рисунке представлена главная страница «Компьютерного диагностического сервисного центра «Фиргус». С представленной рекламой, брэндовым лозунгом. Так же, на главной странице имеют место гиперссылки, служащие для перехода на различные страницы сайта.
Рисунок 2 – Главная страница
На следующей странице представлена
информация о компании: контактные
номера, адрес, банковские реквизиты фирмы,
история возникновения и брэнд.
Рисунок 3 – О компании
Следующая страница представляет прайс
фирмы: перечень товара, его количество
и внешний вид, специальные предложения.
Удобный, простой в обращении интерфейс
с красочными пояснениями является «изюминкой»
данной страницы.
Рисунок 4 – Наш прайс
Страница «Выбор Мониторов» посвящена обзору различных моделей дисплеев, технологий их создания и характеристикам, инструкциям по выбору наиболее подходящей модели конкретному пользователю, фотографии наилучших представителей этого сегмента рынка.
Рисунок 5 – Выбор Мониторов
Пятая страница представляет собой
характеристики материнских плат. Рассказывается
об их основных функциональных возможностях.
Рисунок 6 – Выбор Материнских плат
На странице «Выбор HDD» представлены
жесткие диски, являющимися основным хранителем
информации. Скорость передачи информации,
потребление питания и надежность основных
механизмов важная информация необходимая
пользователю. Грамотно обработанная
техническая спецификация представлена
на этой странице.
Рисунок 7 – Выбор HDD
На этой странице представлен выбор
DVD-ROM. Оптические приводы, отличаются по
скорости записи, чтения дисков. Множество
различных функций свойственно определенным
моделям. Данный перечень представлен
на седьмой странице сайта.
Рисунок 8.- DVD-ROM
Выбор видеокарт, представленный на этой
странице, является одним из основных
составляющих компьютера. Много процессов
нашло отражение в этой схеме. Здесь так
же представлен обзор наиболее востребованных
моделей.
Рисунок 9. – Видеокарта
Десятая страница сайта посвящена
ноутбукам, это самый востребованный товар
на современном компьютерном рынке. Взять
ли с собой, обустроить рабочее место,
какой мощности необходим, много вопросов
возникает касательно этого продукта.
Эргономика товара, различные особенности,
характеристики комплектующих, это и многое
другое нашло отражение на этой странице.
Рисунок 10 –Ноутбуки
Данная страница сделана с помощью фреймов и располагает на одной странице сразу 2 страницы. Карманный Персональный Компьютер, его возможности и перечень свойств, представленный на этой странице может более полно рассказать о этом устройстве.
Второй
фрейм располагает информацией о электронной
книге. Как правильно выбрать и что это
за устройство. Два похожих по свойству
устройств можно сравнить по степени их
надобности.
Рисунок 11 – Фрейм КПК и Электронная книга
На этой странице показано, как правильно
выбрать современный автомобильный навигатор,
соответствующий вашим потребностям,
и обладающий необходимыми функциями
и характеристиками? Безусловно, для выбора
GPS навигатора необходима справочная информация,
которая бы внесла ясность относительно
возможностей интересующих моделей. В
разделе выбор навигатора собраны краткие
сведения, характеризующие основные свойства
навигаторов Garmin Nuvi, чтобы вы могли иметь
представление о технических особенностях
богатого модельного ряда Garmin и сделать
определённые выводы для удачного выбора
автомобильного gps навигатора. Это представлено
на 12 странице сайта.
Рисунок 12. – GPS
Заключение
В данной работе мной были рассмотрены актуальные вопросы разработки и создания современного Web-сайта, а так же были изложены теоретические основы сайтостроения. Тема была выбрана по нескольким причинам. Одна из самых существенных причин заключается в том, что за всемирной компьютерной сетью Internet будущее, и выбор компьютерной техники является неотъемлемой частью данного роста. Но к сожалению должного теоретического охвата в сети Internet эти вопросы не получили.
На сегодняшний день существует огромное количество фирм, компаний занявших свою нишу в мире техники. Каждая из них является уникальной по ряду вопросов, но в тоже время их похожесть и однотипность не ведет к полноценному овладению ни рынком прогрессивной техники, ни усиленным внимание пользователей. Похожесть в выборе комплектующих и недостаток, а иной раз и отсутствие индивидуального подхода к каждому желанному клиенту является основной ошибкой таковых компаний. В ходе курсовой работы я постарался решить эти вопросы. Предельная простота и понятность интерфейса, доступность технических обзоров с качественной иллюстрацией решили поставленные цели.
Цель работы состояла в создании сайта посвященному уникальным обзорам и характеристикам современной техники в помощь пользователю. Работа была создана на языке программирования HTML для помощи пользователю в возникших вопросах в сфере выбора комплектующих и отдельных технических новинок.
В работу вошел материал, основанный на обзорных материалах ведущих сервисных центров и непосредственно учебного материала по программированию на языке разметки гипертекста HTML.
Список использованной литературы.
- А.Ю. Гаевский, В.А. Романовский 100% самоучитель. Создание WEB-страниц и WEB-сайтов – издательство Триумф, 2008. [8-22с.]
- С.В. Симонович Информатика – Питер, 2001. [530-532c.]
- Э. Шафран СозданиеWEB-страниц – Питер, 1999.
- Обзоры ноутбуков,
тесты,сравнения URL:http://www.notebookcheck-
ru.com/Obzory-noutbukov-testy- sravnenija.12909.0.html - Обзоры материнских
плат. URL: http://www.overclockers.ru/
reviews/motherboard/
ПРИЛОЖЕНИЯ
Приложение № 1. Главная страница «Фиргус»
<html>
<head>
<title>Фиргус</title>
</head>
<body background="photo05.jpg" link="black" alink="red" vlink="red">
<p align="center"><font size="6" color="black" face="Arial"><i>КОМПЬЮТОРНЫЙ ДИАГНОСТИЧЕСКО-СЕРВИСНЫЙ МАГАЗИН </i></font></p>
<p align="center"><font
size="7" color="black" face="Arial"><i>Фиргус</i></
<table align="left">
<tr>
<td><a href="О компании.html">О компании</a></td>
</tr>
<tr>
<td><a href="Наш прайс.html">Наш Прайс</a></td>
</tr>
<tr>
<td><a href="Наш
выбор Мониторов.html">Выбор
</tr>
<tr>
<td><a href="Выбор
Мат.плат.html">Выбор Мат.
