Размещено на http://www.allbest.ru/

Содержание

Введение

1. Аналитическая часть

1.1 Характеристика предприятия

1.2 Обоснование создание web-каталога для предприятия

1.3 Цели курсовой работы

2. Проектная часть разработки web-каталога

2.1 Размещение сайта в интернете. Описание сайта и его элементов

2.2 Основные принципы и правила продвижения сайта

3. Проектная разработка web-каталога

3.1 Способы создания сайтов

3.2 Статистический сайт

3.3 Динамический сайт

3.4 Хостинг

3.5 Домен

3.6 Этапы проектирования web-сайта

3.7 Понятие о тегах HTML и CSS

Заключение

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



Введение

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

Фактически для любого бизнеса web-сайт служит отличным инструментом для:

1. расширения бизнеса;

2. увеличение продаж имеющихся товаров и услуг;

3. поднятие рейтинга фирмы и её товаров;

4. рекламы;

5. поиска новых клиентов и партнеров;

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

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

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

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

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

Предмет исследования web-технология HTML и CSS.

Объектом исследования является процесс разработки сайта средствами web-технологий, в частности применение гипертекстового языка html и css.

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

Задачи

1. Изучить продукцию компании "СВЯЗНОЙ";

2. Изучить средства создания web-каталогов;

3. Создать web-каталог с помощью технологий HTML и CSS.



1. Аналитическая часть

1.1 Характеристика предприятия

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

Общество с ограниченной ответственностью ООО "ЕВРОСЕТЬ" является коммерческой организацией, учрежденной в соответствии с Федеральным законом "Об обществах с ограниченной ответственностью", Гражданским кодексом РФ и другими законами и нормативными актами РФ.

Место нахождения ООО "СВЯЗНОЙ": Россия, Краснодарский край, Геленджик, ул. Кирова, 130, 353460.

Место нахождения ООО "СВЯЗНОЙ" является основным местом деятельности общества.

ООО "СВЯЗНОЙ" - российская компания - ритейлер владеющая одноименной сетью салонов сотовой связи. "СВЯЗНОЙ" и один из ее основателей Евгений Чичваркин получил широкую известность в стране благодаря ярким рекламным компаниям, эпатажному имиджу, а также конфликту с правоохранительными органами, приведшему к эмиграции Чичваркина. В 2006 году компания занимала 37% российского рынка сотовых телефонов. Штаб-квартира находится в Москве.

1.2 Обоснование создание web-каталога для предприятия

Обладание своим сайтом в Интернете поможет существенно расшириться. Уже давно, по Интернет маркам, в мире процветает торговля через Интернет. Опять же, этот вид продажи уникален. Расположив на сайте каталог товаров, предлагающий посетителям ознакомится со всеми видами сотовых телефонов имеющихся в продаже магазина, не требует торговых площадей, продавцов, кассиров, оплаты коммунальных услуг. Электронная торговля очень удобна и доля покупателей. Не нужно выходить из дома, товар можно выбрать в спокойной обстановке. Тут же присутствует описание и фотографии по всем категориям товаров. Отсутствует навязчивое давление со стороны продавцов . к тому же, можно без труда проанализировать спрос на тот или иной товар с помощью статистики сервера. География бизнеса сможет расшириться, существенно упроститься поиск покупателей. Наличие хорошо подготовленного сайта станет лицом фирмы и поднимет доверие.

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

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

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

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

1.3 Цели курсовой работы

Основной задачей сайта является организация информации. Тем самым на сайтах она подаётся в виде организационных потоков для привлечения новых посетителей.

Сайт нужен для решения следующих задач:

1. создание связей с новыми и уже существующими партнерами;

2. организация каталогов с целью ознакомления их посетителями;

3. информационное обслуживание, представительские функции;

4. продажи товаров, услуг;

5. приведение процессов бизнеса к автономной работе;

6. проведение акций с целью высокого торгового оборота;

7. установление связи с территориально распределенными офисами компании;

8. снятие временного ограничения по доступу к информации компании. Интернет офис 24 часа;

9. развитие сайта как отдельного вида бизнеса;

10. поддержка акций для проведения вне сети интернета;

11. развитие базы компании;

12. привлечение новых клиентов;

Главной целью разработки web-каталога является создание важного инструмента развития бизнеса.

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



2. Проектная часть разработки web-каталога

2.1 Размещение сайта в интернете. Описание сайта и его элементов

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

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

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

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

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

На сайте размещается в позиции "right" в блоке Категории.

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

Перебор страниц. Удобная система навигации позволяет пользователю свободно перемещаться между страницами.

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

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

2.2 Основные принципы и правила продвижения сайта

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

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



3. Проектная разработка web-каталога

В ходе проделанной работы был разработан web-каталог продукции предприятия "СВЯЗНОЙ".

При создании web-каталога были использованы HTML и CSS.

3.1 Способы создания сайтов

Существует несколько основных способов создания сайтов.

Рассмотрим их по порядку.

1. Создание сайта на "чистом" HTML. Так создают свои первые сайты, в основном, новички. Для такого ресурса подойдет и бесплатный хостинг, так как никаких ресурсов сервера, кроме размещения файлов на его жестком диске не требуется. Такой сайт не будет динамическим, внесение любых изменений потребует обновлений файлов на сервере, а о любых функциях общения с посетителями не может быть и речи. Например, придется забыть о возможности добавления комментариев посетителей, организации гостевой книги и голосований, сбора подписного листа и авторизации посетителей на сайте.

2. Создание сайта на какой - либо CMS. CMS - система управления контентом, иными словами - "движок". Минусы: придется изучать структуру и особенности конкретно выбранной cms, некоторые cms не бесплатны и требуют активации лицензии на каждый домен, что может быть весьма накладно. Плюсы: даже начинающий вебмастер может создать динамический сайт без знаний языков программирования, в интернете для популярных CMS можно скачать бесплатные качественные шаблоны. Некоторые опытные вебмастеры создают собственные системы управления контентом, удовлетворяющие конкретным условиям и задачам, поставленным разработчиком.

3. Самые качественные ресурсы создаются, написанием собственного уникального кода и шаблона. Код пишется на одном из языков программирования и оптимизирован под конкретные задачи, что снижает нагрузку на сервер, а это очень важно для серьезных высокопосещаемых ресурсов. Часто применяются базы данных. Шаблон создается отдельно дизайнером или группой дизайнеров и интегрируется с кодом. Индивидуальный код обеспечивает высокую безопасность, так как никто, кроме разработчиков его не знает - сервер передает посетителю только чистый HTML - код.

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

3.2 Статистический сайт

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

Смешение дизайна (оформления содержимого) и контента (смысловое содержимое)

Язык HTML (HyperText Markup Language) на сегодняшний день, являющийся общепринятым стандартом разметки гипертекста, предназначен именно для представления внешнего вида страницы. В то время как страницы статических сайтов существуют непосредственно в виде HTML-страниц, и почти всегда кроме информационной части, ради которой пользователь и посещает сайт, содержат некое "служебное обрамление" - шапку и подвал, навигационное меню, какие-то дополнительные текстовые блоки, баннеры, ссылки быстрого доступа к основным разделам сайта и т.п. Поэтому на таких страницах, которые отображают конкретные документы, очень часто контент и дизайн (как страницы в целом, так и отдельных его элементов) идут вперемешку. Отсюда имеем массу негативных последствий, возникающих при публикации новых документов или редактировании уже существующих, - они все должны оформляться единообразно. И если возникает необходимость поменять местами какие-то функциональные блоки сайта, или добавить новый пункт в общее меню - то редактировать придётся все существующие страницы.

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

Здесь всё более менее понятно и без слов: в каком виде сделали документ или страничку сайта, в таком виде он и будет отображаться для посетителя - никакой интерактивности и реагирования на поведение пользователя:

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

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

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

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

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

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

Большие сложности с актуализацией информации на сайте:

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

3.3 Динамический сайт

Содержимое таких сайтов хранится не в виде статичных HTML страничек, а находится в базе данных, и отображается "на лету", непосредственно по запросу пользователя. Существует достаточно много систем программирования и широко распространённых и общепризнанных языков программирования, к примеру: PHP, Perl, ASP и т.п. С их помощью можно создать основу для гибкого сайта любой сложности, но это, конечно же, далеко не всем под силу, и порог вхождения в данную предметную область очень высок. В процесс создания такого сайта добавляется новое действующее лицо - программист на одном из языков программирования, вследствие чего разработка увеличивается в сроках и усложняется.

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

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

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

3.4 Хостинг

Что такое хостинг?

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

3.5 Домен

Что такое доменное имя (домен)?

Домен (доменное имя) - это адрес ресурса, который будут вводить пользователи при обращении к сайту. Адрес домена состоит из двух частей: доменов первого и второго уровня. По международному соглашению, каждой стране выделили доменное имя первого уровня, обозначающее принадлежность сайта к определённому государству: .ru, .by, .uk, .ua, .fr и т.д. Также существует несколько доменов первого порядка связанных с направлением деятельности сайта: .gov - государственные, .com - коммерческие, .edu - образовательные и прочие. Домен второго уровня представляет собой название сайта. Купить домен можно в уполномоченной организации, регистраторе доменов.

Как правило, хостер берёт на себя обязанности по техподдержке хостинга и администрированию сервера.

3.6 Этапы проектирования web-сайта

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

Второй этап проектирования: На данном этапе разработчик формирует структуру сайта.

Третий этап проектирования: Программирование. На данном этапе производится, непосредственно, создание сайта, используя некоторое программное обеспечение, и заполнение разделов сайта информацией.

Четвертый этап проектирования: Отладка и исправление ошибок. На данном этапе разработчик отлаживает и исправляет ошибки web-сайта. Завершением этапа является полная отладка проекта и исправление ошибок в информации.

3.7 Понятие о тегах HTML и CSS

Простейшая web-страница

<html>

<head>

<title>название web-страницы</title>

</head>

<body> содержание web-страницы, текста, графика и тд…

</body>

</html>

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

<B> полужирный шрифт

<BR> используется для вставки разрыва строки

<i>курсив

<TT> монопишущий шрифт как у машинки

<U>подчеркивание

<SUB> подстрочный текст

<SUP> надстрочный текст

<STRIKE> перечеркнутый текст

<FONT SIZE= значение>

<FONT COLOR= значение>

Заголовки и название, параметры и строки, стили текста

<h1-6> Заголовок 1-6

<br>вставка конца строки

<center>выравнивает компоненты по центру

<hr>помещает горизонтальную полоску

<wobr> устанавливает возможность обтекания текста

<p>обозначает параграф

<address>определяет информацию об адресе конкретной цели авторстве

<B>делает текста жирным, где он доступен

<BASE FONT>устанавливает шрифт, используемый по умолчанию

<BIG>делает шрифт на один размер больше другого

<BLICK QUOTE>отступ в тексте

<CODE>вставляет код в виде текста с фиксированной шириной текста

<FONT> определяет вид, размер и цвет шрифта текста

<I> делает текст в курсив где это возможно

<KBD>используется для отображения текста на экране который должен вывести пользователь

<strike>выводит текст зачеркнутым

<strong>выделяет текст жирным шрифтом

<style>заключает в себе страницу стилей

<sub>выделяет текст переводя его в нижний регистр

<sup>переводит текст в верхний регистр, как степень

<var>мелкий шрифт

Таблицы:

<CAPTION>

<COL>

<COL GROUP>

<TABLE

<TD>

<TFOOT>

<TH>

<THEAD>

<TR>

5.CSS

CSS- набор правил форматирования тегов на html. Примеры: основной текст с выравниваем по центру абзацный отступ 30, шрифт serif, размер шрифта 14.

Каскадные таблицы стилей или CSS-предоставляют возможность перейти на следующий уровень предоставления информации. Таблицы стилей позволяют разделить оформление и смысловое содержание страницы.

Внутренние таблицы стилей - таблицы стилей, заданная внутри ML-элементов при помощи атрибута STYLE, называется внутренней:

<h1 style="color:green"> CSS(Cascading Style Sheets)</h1>

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

Встроенные таблицы стилей - встроенная таблица стилей добавляется в HTML-документ между тегами STYLE в секции HEAD. Действия встроенной таблицы стилей распространяются на всю страницу.

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

<head>

<title>123</title>

H1 {color:green;}

</style>

</head>

<body>

<h1>CSS HTML 123</h1>

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

Внешние таблицы стилей - чтобы не дублировать таблицу стилей между тегами <STYLE> и </STYLE> на каждой странице, можно разместить в отдельный файл с расширением .css и при обходимости подключить к html- документу. Такие таблицы стилей называется внешними и представляют собой отдельный файл с расширением .CSS, в котором размещаются все CSS-правила, но уже без HTML- тегов.

web каталог сайт гипертекстовый

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

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

Работая с html, можно поместить тег font в каждый заголовок:

<h2><font="red">Этот заголовок - красный </font></h2>

Эти действие должны быть проделаны для каждого заголовка второго уровня. Если в документе 100 заголовков, то необходимо вставить 100 элементов font, по одному для каждого заголовка.

Вместо этого намного лучше было иметь одно правильно:

H2{color:red;}



Для того чтобы изменить цвет текста всех элементов h2, пример, на серебристый, необходимо просто изменить правило:

H2{color:silver;}

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

Рассмотрим сайт, в котором все заголовки выделены серым шрифтом на белом фоне. Этот цвет они получают из таблицы стилей:

H1,h2,h3,h4,h5,h6{color:white; background:gray;}

Каскадное включение-CSS так же поддерживает средства решение конфликтов правил, называемые каскадными включением. В дополнение к уже существующей таблице каскадным включением. В дополнение к уже существующей таблице

Были разработаны следующие страницы каталога:

Рисунок 1 - Главная страница

На странице товаров (рис. 2) изображена продукция предприятия "СВЯЗНОЙ"

Рисунок 2 - Товары

Можно выбирать модели телефона из списка "Категории" (рис. 3)

Рисунок 3 - Категории



Можно посмотреть подробную информацию о каждом телефоне (рис. 4)

Рисунок 4 - Детали товара

Так же можно просмотреть рекомендованные товары (рис. 5)

Рисунок 5 - Другие товары



Заключение

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

Был разработан и спроектирован web-каталог "СВЯЗНОЙ" информационно-рекламного сайта компании, занимающейся продажей мобильных телефонов.

Были выполнены следующие задачи:

1. Изучена продукция компании "СВЯЗНОЙ";

2. Изучены средства создания web-каталогов;

3. Создан web-каталог с помощью технологий HTML и CSS.

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



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

1. Дронов В.А. Программирование. - СПб.: БХВ-Петербург, 2006

2. Алексеев А.П. Введение в Web-дизайн: учебное пособие. - М.: СОЛОН-ПРЕСС, 2008

3. Барысов Р. Постройте профессиональный сайт сами. - СПб., 2009

4. Печников В.Н. Сомоучитель Web-страниц и Wrb-сайтов. - М.: Триумф, 2006

5. Печников В.Н. Создание Web-сайтов без посторонней помощи. - М.: Триумф, 2006

6. Панфилов К. По ту сторону web-страницы. - СПб.: ДМК Пресс, 2008

7. Кроудер Д. Создание web-сайта для чайников: 3-е издание. - М.: Диалектика, 2009

8. Вильямсон Х. Универсальная библиотека программиста - СПб.: ПИТЕР, 2001

Размещено на Allbest.ru

...