Проект сайта

Понятие сети Интернет, история развития и основные сервисы. Преимущества и направления использования для бизнеса. Веб-представительство как основа бизнеса всемирной паутины. Основные правила и этапы создания сайта. Разработка комбинированных web-страниц.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 11.01.2014
Размер файла 1,8 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

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

Симферополь 2013г.

Министерство культуры и искусств

Автономной Республики Крым

Крымский университет культуры, искусств и туризма

Курсовая работа

По предмету: Компьютерные технологии в информационно-библиотечных центрах

На тему: Проект сайта

Выполнила:

Студентка II курса

Специальности КБЗО

Гладких В.А.

Введение

сеть интернет сервис сайт

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

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

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

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

Задача состоит в создании сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования JavaScript. Объем контрольной работы должен составлять минимум пять WEB-страницы (первая страница - новости, остальные страницы - дополнительные, раскрывающие сущность выбранной тематики).

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

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

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

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

Целью данной курсовой работы является:

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

2. Изучение возможностей служб всемирной сети Интернет.

3. Освоение основ веб-технологий на примере разработки веб-сайта.

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

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

1.1 Понятие сети Интернет, история развития. Основные сервисы Интернет

Русский писатель, философ и общественный деятель XIX века Владимир Одоевский в незаконченном утопическом романе «4338-й год», написанном в 1837 году, похоже, первым предсказал появление современных блогов и Интернета: в тексте романа есть строки «между знакомыми домами устроены магнетические телеграфы, посредством которых живущие на далёком расстоянии общаются друг с другом».

Английский писатель Эдвард Морган Форстер в фантастической повести-антиутопии «Машина останавливается» (1909) также изобразил всемирную автоматическую систему, обслуживающую человечество. Люди становятся полностью зависимы от неё, постепенно деградируют физически и живут почти безвылазно и одиноко в своих квартирах-сотах, общаясь только виртуально. Система даёт сбой и останавливается, все погибают.

Получается, что об этом чуде заговорили уже давно, толком даже и не зная, возможно это или нет. Что же это такое?

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

После запуска Советским Союзом искусственного спутника Земли в 1957 году Министерство обороны США посчитало, что на случай войны Америке нужна надёжная система передачи информации. Агентство передовых оборонных исследовательских проектов США (DARPA) предложило разработать для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому университету в Лос-Анджелесе, Стэнфордскому исследовательскому центру, Университету штата Юта и Университету штата Калифорния в Санта-Барбаре. Компьютернаясетьбыланазвана ARPANET (англ. Advanced Research Projects Agency Network). Все работы финансировались Министерством обороны США. Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки.

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

В 1984 году была разработана система доменных имён.

В 1984 году у сети ARPANET появился серьёзный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (англ. NationalScienceFoundationNetwork), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо бомльшую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров, звание «Интернет» начало плавно переходить к NSFNet.

В 1990 году сеть ARPANET прекратила своё существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии.

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

В настоящее время подключиться к Интернету можно через спутники связи, радио-каналы, кабельное телевидение, телефон, сотовую связь, специальные оптико-волоконные линии или электропровода. Всемирная сеть стала неотъемлемой частью жизни в развитых и развивающихся странах [14].

С 22 января 2010 года прямой доступ в Интернет получил экипаж Международной космической станции.

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

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

Рабочая станция - компьютеры, за которыми работают пользователи-клиенты.

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

В настоящее время в Интернет существует достаточно большое количество сервисов, обеспечивающих работу со всем спектром ресурсов. Наиболее известные среди них представлены в таблице 1:

Таблица 1 Стандартные сервисы Интернет

Название сервиса

Описание сервиса

Электронная почта (E-mail)

обеспечивает возможность обмена сообщениями одного человека с одним или несколькими абонентами

Телеконференции, или группы новостей (Usenet)

обеспечивает возможность коллективного обмена сообщениями

Сервис FTP

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

Сервис Telnet

предназначенный для управления удаленными компьютерами в терминальном режиме

WorldWideWeb (WWW)

гипертекстовая (гипермедиа) система, предназначенная для интеграции различных сетевых ресурсов в единое информационное пространство

Сервис DNS, или система доменных имен

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

Сервис IRC (чат)

предназначен для поддержки текстового общения в реальном времени

Интернет-пейджеры

программа для обмена сообщениями через Интернет

Интернет-телефония

соединение по схемам: компьютер-компьютер, компьютер - стационарный номер и стационарный номер - стационарный номер

Трансляции радио и видео

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

Потоковое мультимедиа

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

1.2 Преимущества и направления использования Интернет для бизнеса

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

Продвижение сайтов можно разделить на поисковое (SEO-оптимизация, оптимизация сайта под требования поисковых систем) и непоисковые (проведение рекламных кампаний в Интернете).

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

Непоисковое продвижение направлено на привлечение на сайт целевой аудитории с других ресурсов сети Интернет. Непоисковое продвижение включает в себя:

- контекстная реклама -- платная реклама в поисковых системах;

- баннерная реклама -- статичные и анимированные баннеры;

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

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

- публикация на досках объявлений и в интернет-каталогах.

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

Правильное планирование рекламной кампании в Интернете задача не менее ответственная и сложная, чем вне сети.

Дмитрий Смакотин, автор сайта "Секреты Бизнеса в Интернете", выделяет 25 преимуществ использования сети Интернет для ведения бизнеса [9].

Вот некоторые из них:

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

2. Экономия материальных средств, затрачиваемых на пересылку материалов по почте.

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

4. Интернет работает гораздо быстрее, чем телефонные переговоры и традиционная почта.

5. Возможность информировать своих клиентов и потребителей 24 часа в сутки, 365 дней в году.

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

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

8. У веб-сайта никогда не бывает плохого настроения. Ваши кандидаты всегда будут видеть одну и ту же великолепную презентацию.

В настоящее время выделяют следующие направления бизнеса в Интернете:

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

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

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

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

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

· Справочные, почтовые службы, библиотеки - существуют в основном за счет рекламы, размещаемой на их страницах. Чем выше посещаемость, которую могут обеспечить владельцы таких ресурсов, тем выше заинтересованность рекламодателей, тем больший оказывается доход фирмы, содержащей такое средство. У наиболее посещаемых российских ресурсов доход от рекламы может достигать более 4 000 000 долларов США в год.

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

1.3 Веб-представительство - основа бизнеса в Интернет. Классификация сайтов. Требования к содержанию и оформлению сайта компании

Первый в мире сайт info.cern.ch появился в 1990 году. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии WorldWideWeb, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты.

В настоящее время, веб-сайт -- это в компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность электронных документов (файлов) частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет [2].

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

Обычно при создании сайта преследуются следующие цели, одна или несколько:

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

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

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

4. Маркетинговая. Организовать привлечение новых потенциальных заказчиков, оформление на сайте предварительных заказов, изучение рынка (популярность товаров, спрос), другие маркетинговые задачи. Требует внимательной совместной проработки проекта (заказчиком и исполнителем).

5. Рекламная. Рекламировать имя фирмы (бренд) или товары, услуги, или и то и другое. Реклама в регионе, в соседних регионах, в стране. Требует большого объема работ по раскрутке и рекламе сайта, по сравнению с его созданием.

6. Корпоративно-управленческая. Решение некоторых задач управления: информационный центр для региональных (удаленных) партнеров, оформление заявок на сайте, двусторонний обмен информацией между центром и партнерами (филиалами), привлечение новых партнеров, другие. Обычно преследуется большими и разветвленными фирмами или организациями, в которых существует постоянный информационный обмен между территориально удаленными подразделениями. Через сайт в Интернете возможно организовать закрытый для посторонних обмен служебной информацией.

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

Типовые задачи сайта:

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

- поддержка рекламных кампаний;

- поддержка продаж розничной сети;

- снижение затрат на распространение информации;

- оперативная информация о новинках;

- справочная служба;

- официальная информация о фирме;

- информация для потенциальных партнеров, поставщиков;

- поддержка дилерской/партнерской сети;

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

- сбор маркетинговой информации.

Все веб-сайты можно классифицировать по разным признакам. В таблице 2 приведена одна из классификаций сайтов и их краткая характеристика.

Таблица 2 Классификация веб-сайтов и их краткая характеристика

Тип сайта

Характеристика

I. По доступности сервисов

Открытые

Все сервисы полностью доступны для любых посетителей и пользователей.

Полуоткрытые

Для доступа необходимо зарегистрироваться (обычно бесплатно)

Закрытые

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

II. По природе содержимого

Статические

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

Динамические

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

III. По физическому расположению

Внешние сайты

Локальные сайты

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

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

Интернет-представительства делятся на:

Представляют бизнес компании, не всегда связанную с Интернетом.

- сайт-визитка

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

- представи-тельский

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

- корпоративный

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

- каталог продукции

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

- интернет-магазин

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

- промо-сайт

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

- сайт-квест

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

Информационные ресурсы:

- тематический сайт

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

- тематический портал

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

Веб-сервис

Услуга созданная для выполнения каких либо задач в рамках сети WORLD WIDE WEB (доска объявлений, каталог сайтов, поисковые сервисы, почтовый сервис, веб-форумы, блоговый сервис, файлообменный Пиринговый сервис, датахостинговыйсервиc, датаэдиторинговыйсервиc, фотохостинг, хранение видео, социальные Медиа)

Для веб-представительств компаний-экспортеров существуют следующие требования и рекомендации :

1. примерная структура сайта должна включать следующую информацию:

· о предприятии;

· перечень зарубежных клиентов, партнеров;

· об объектах товаропроводящей сети за рубежом;

· дополнительные аналитические материалы, отраслевые обзоры;

· перечень производимой продукции;

· дополнительная информация, предлагаемая при размещении заказа.

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

3. наличие поиска, карты сайта;

4. наличие экспертных систем;

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

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

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

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

Все предугадать невозможно, но на начальном этапе можно придерживаться следующих правил:

- если разрабатывается сайт научного или академического содержания, особое внимание следует обратить на то, как сайт работает в Lynx (или в другом неграфическом браузере);

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

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

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

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

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

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

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

Достоинства:

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

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

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

Недостатки:

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

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

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

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

Достоинства:

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

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

Недостатки:

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

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

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

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

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

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

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

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

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

2.3 Изучение предметной области

Сайт будет иметь следующую структуру:

Главная страница (О нас) - характеристика пансионата;

Номера и услуги - фото номеров и их виды;

Фотоальбом - эта страница содержит фото пансионната и окресности нашего села;

Гостевая книга - эта страница содержит перечень откликов гостей данного курортного поселка;

Новости - эта страница содержит новинки и новостии данного рурорта;

Погода - данная страница отображает погоду нашего села;

Контакты - эта страница содержит контактные телефоны и адрес данного пнсионата.

3. Реализация поставленной задачи

3.1 Разработка навигации по сайту

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

3.2 Разработка интерфейса

Палитра цветов интерфейса состоит из жёлтого и синего цвета. На жёлто-оранжевый фон накладывается еще рисунок.

Рис. 1. Главная страница сайта - «О нас»

Рис. 2 «Фотоальбом» эта страница содержит фото пансионата и окрестностей нашего села

Рис. 3 «Гостевая книга» - эта страница содержит перечень откликов гостей данного курортного поселка

Рис. 4 «Новости» - эта страница содержит новинки и новости данного курорта

Рис. 5 «Погода» - данная страница отображает погоду нашего села

Рис 6. «Контакты» - эта страница содержит контактные телефоны и адрес данного пансионата

Заключение

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

При этом мною были решены следующие частные задачи:

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

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

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

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

В результате проведенных работ на базе выбранных технологий был создан прототип современного Web-сайта.

К числу его основных отличительных особенностей можно отнести следующее:

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

- векторный формат используемой графики, сжатые форматы растровых и звуковых файлы, что так же положительно влияет на уменьшение размера Web-страниц и времени их скачивания по каналам Сети;

- отсутствие проблем совместимости с различными браузерами, например такими широко распространенными, как Internet Explorer и Netscape Navigator;

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

- гибкость, открытость и модифицируемость при помощи простых средств.

К числу имеющихся недостатков можно отнести следующее:

- необходимость овладения идеологией и средствами Macromedia Flash 5.0 - современным профессиональным инструментарием создания Web-страниц;

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

- Методика процесса разработки и создания Web-сайта, использованная в данной работе, была апробована и исследована в реальных условиях моей профессиональной деятельности и показала свою работоспособность и эффективность (www.kondrahin.nm.ru).

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

Список литературы

1. Шегар А.М. CSS - Cascading Style Sheet в примерах. - Internet, http/www.citforum.ru.

2. Шегар А.М. JavaScript в примерах. - Internet, http/www.citforum.ru.

3. Модель событий JavaScript - Internet, http/www.rambler.

4. Каллахан И. Ваша WEB-страница. Проблемы и решения. с англ. - М.: “ЭКОМ”, 2002-.- 290с., ил.

5. Грибов А. Macromedia Flash 4 для дизайнеров. - М.: Компьютера, 2001.

6. Крамер Н. HTML:наглядный курс Web-дизайна. - М.: Компьютера, 2001.

7. Леонтьев Ю. Web-дизайн. Руководство пользователя. - М.: Компьютера, 2001.

8. Малекс А. Flash. Теория и практика. - М.: Компьютера, 2001.

9. Нидерст В. Web-мастеринг для профессионалов. Настольный справочник. - М.: Компьютера, 2001.

10. Франклин С. Flash 4. Анимация в Интернете. - М.: Компьютера, 2001.

Размещено на Аllbest.ru

...

Подобные документы

  • Понятие сети Интернет, история ее развития и сервисы. Преимущества и направления использования Интернет для бизнеса. Технологии доставки новостного контента. Организация и коммерческое применение e-mail рассылки. Бизнес-модели веб-представительств.

    курсовая работа [5,5 M], добавлен 18.12.2010

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

    курсовая работа [3,1 M], добавлен 20.05.2015

  • История развития и характеристика всемирной компьютерной сети Интернет. Особенности систем управления контентом и специализированного ПО. Основные этапы создания коммерческого сайта в среде разработки Joomla. Финансово-экономическое обоснование проекта.

    дипломная работа [4,2 M], добавлен 27.06.2012

  • Использование функциональных возможностей GSM uCoz для разработки сайта. Сущность, значимость, типы и виды сайтов, способы их создания. Правила размещения сайта в сети Интернет. Основные возможности, понятия, преимущества и недостатки сервиса uCoz.

    дипломная работа [1,7 M], добавлен 20.07.2014

  • Мультимедийное представление информации, аналоги платформ. Разработка структуры сайта, макетов страниц. Верстка шаблонов страниц. Написание серверной логики и кода презентаций. Публикация сайта в сети Интернет. Требования к интерфейсу пользователя.

    дипломная работа [983,2 K], добавлен 17.12.2015

  • Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.

    методичка [1,9 M], добавлен 06.07.2011

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

    дипломная работа [1,6 M], добавлен 11.11.2010

  • Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.

    курсовая работа [1,6 M], добавлен 13.06.2013

  • Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.

    дипломная работа [1,1 M], добавлен 05.03.2013

  • Основные принципы создания сайта: написание HTML-кода страниц в блокноте, сохранение текстовой информации с расширением .htm. Размещение сайта на ресурсах хостинг-провайдеров с помощью Total Commander. Поиск информации в сети Интернет. Работа с Google.

    отчет по практике [6,8 M], добавлен 08.09.2013

  • Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.

    дипломная работа [1,5 M], добавлен 03.06.2015

  • Основные технологии разработки ресурсов Интернет. Процесс разработки веб-сайта. Понятие Web-сайта и классификация Web-сайтов. Основные этапы разработки Web-сайта. Использование HTML, CSS, JavaScript, FLASH, PHP и реляционной базы данных MySQL.

    презентация [1,3 M], добавлен 28.11.2015

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

    реферат [34,3 K], добавлен 12.10.2014

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

    курсовая работа [7,3 M], добавлен 10.12.2013

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

    дипломная работа [1,5 M], добавлен 08.12.2013

  • Понятие интернета как всемирной информационной системы, его внутренняя структура и принципы функционирования. История и основные этапы развития "всемирной паутины", характеристика предоставляемых услуг, сервисов. Оценка перспектив и тенденций расширения.

    реферат [424,1 K], добавлен 28.06.2014

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

    дипломная работа [8,0 M], добавлен 19.08.2011

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

    дипломная работа [3,3 M], добавлен 21.06.2013

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

    дипломная работа [86,7 K], добавлен 25.03.2013

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

    дипломная работа [929,7 K], добавлен 20.01.2010

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.