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

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

Содержание

• Введение
• 1. Сайт как метод представления информации в интернете. Основные понятия. Устройство. Классификация
• 1.1 История и основные понятия
• 1.2 Классификация веб сайтов
• 1.3 Хостинг
• 1.3.1 Виды хостинга
• 1.3.2 Ограничения
• 2. Способы создания сайтов
• 2.1 Список наиболее известных программ для создания сайтов
• 3. Этапы и методы разработки сайта
• 4. Навигация по сайту
• Заключение
• Список использованной литературы

Введение

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

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

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

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

1. Сайт как метод представления информации в интернете. Основные понятия. Устройство. Классификация

1.1 История и основные понятия

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

Все инструменты, необходимые для работы первого сайта, Бернерс-Ли подготовил ещё раньше - в конце 1990 года появились первый гипертекстовый браузер World Wide Web с функционалом веб-редактора, первый сервер на базе NeXT cube и первые веб-страницы.

"Отец" веба считал, что гипертекст может служить основой для сетей обмена данными, и ему удалось претворить свою идею в жизнь. Ещё в 1980 году Тим Бернерс-Ли создал гипертекстовое программное обеспечение Enquire, использующее для хранения данных случайные ассоциации. Затем, работая в Европейском центре ядерных исследований в Женеве (CERN), он предложил коллегам публиковать гипертекстовые документы, связанные между собой гиперссылками. Бернерс-Ли продемонстрировал возможность гипертекстового доступа к внутренним поисковику и документам, а также новостным ресурсам Интернета. В результате, в мае 1991 года в CERN был утверждён стандарт WWW.

Тим Бернерс-Ли является "отцом" основополагающих технологий веба - HTTP, URI/URL и HTML, хотя их теоретические основы были заложены ещё раньше. В 1940-х годах Ванневар Буш выдвинул идеи расширения памяти человека с помощью технических устройств, а также индексации накопленной человечеством информации для её быстрого поиска. Теодор Нельсон и Даг Энгельбарт предложили технологию гипертекста - "ветвящегося" текста, предоставляющего читателю разные варианты чтения. Xanadu, так и не законченная гипертекстовая система Нельсона, была предназначена для хранения и поиска текста, в который введены взаимосвязи и "окна". Нельсон мечтал связать перекрёстными ссылками все тексты, созданные человечеством.

В настоящее время Тим Бернерс-Ли возглавляет основанный им Консорциум Всемирной паутины (World Wide Web Consortium), который занимается разработкой и внедрением стандартов интернета.

1.2 Классификация веб сайтов

· Сайт-визитка

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

· Официальный сайт

К этому типу сайтов относятся ресурсы больших организаций и корпораций. На страницах такого сайта уже находится гораздо больше информации, чем на сайте-визитке, а оформлены они по более сложной схеме. Сюда, например, относятся такие веб сайты, как как microsoft.com, apple.com, siemens.com, gazprom.ru, rosneft.ru... А также все сайты правительственных организаций: сайт президента РФ, правительства РФ и т.д.

· Персональная страница

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

· Некоммерческие сайты

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

· Коммерческие сайты

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

· Контент-сайты

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

· Социально-ориентированные сайты

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

По доступности сервисов сайта

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

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

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

1.3 Хостинг

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

1.3.1 Виды хостинга

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

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

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

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

1.3.2 Ограничения

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

· Небольшое суммарное пространство

· Ограничение размера отдельного файла

· Ограничение допустимых расширений имён файлов, например, запрещается *.jfif, *.exe

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

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

· Домен только третьего уровня

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

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

Первым способом является создание сайта обычным способом. Использование гипертекстовой разметки (HTML), самый простой способ создания сайта. Теги HTML-документов в большинстве своем просты и понятны, ибо они образованы с помощью общеупотребительных слов английского языка, понятных сокращений и обозначений. НТМL- тег состоит из имени, за которым может следовать необязательный список атрибутов тега. Текст тега заключается в угловые скобки ("<" и ">"). Простейший вариант тега - имя, заключенное в угловые скобки, например, <HEAD> или <I>. Для ряда тегов характерно наличие атрибутов, которые могут иметь конкретные значения, устанавливаемые автором для изменения функции тега.

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

Третий способ создания сайта это веб-программирование. PHP - это серверный язык создания сценариев. Конструкции PHP, вставленные в HTML-текст, выполняются сервером при каждом посещении страницы. Результат их обработки вместе с обычным HTML-текстом передается браузеру. PHP-программы состоят из простого текста, поэтому набирать их можно в любом текстовом редакторе. Популярные HTML-редакторы имеют встроенную поддержку для редактирования PHP-программ. MySQL это полноценная база данных. Работает она на чистом SQL (Structured Query Language) синтаксисе. Диктатором моды MySQL назвать нельзя, но существенный, можно даже сказать огромный вклад, в развитие SQL база данных MySQL делает. MySQL - это еще и система управления базами данных. В принципе, SQL синтаксис, сложно назвать отдельным языком программирования из-за своей простоты.

Четвертый способ создания сайтов - это CMS (Автоматическая Система Управлением Контентом). Система управления сайтами - это программный комплекс, позволяющий автоматизировать процесс управления как сайтом в целом, так и сущностями в рамках сайта: макетами страниц, шаблонами вывода данных, структурой, информационным наполнением, пользователями и правами доступа, а также по возможности предоставляющий дополнительные сервисы: списки рассылки, ведение статистики, поиск, средства взаимодействия с пользователями и т. д. Обычно системы обновления делятся на две части: внешнюю - набор HTML-страниц, генерируемых при вызове страниц из браузера посетителя сайта и внутреннюю - систему администрирования. Обе части обычно используют общее хранилище данных, в роли которого, как правило, выступает реляционная база данных (иногда встречаются другие виды хранилищ, например XML-документы или даже текстовые файлы).

Пятый способ создания сайта, относится к самому сложному и является вершиной Web мастерства - создание сайта в программе Adobe Photoshop. Довольно сложный процесс создания, он требует хорошего знания программы и HTML+CSS. Сайты, созданные таким способом, отличаются особой красочностью.

2.1 Список наиболее известных программ для создания сайтов

Kompozer - редактор, который годится как для начинающих, так и для профессионалов. Существуют его версии для Windows и Linux.

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

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

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

Набор платных визуальных редакторов достаточно велик. Среди них можно выделить такие, как CoffeeCup HTML Editor, Namo WebEditor, RapidWeaver, Web Builder и др. Однако наиболее популярными уже долгое время являются редактор Dreamweaver и линейка редакторов от Microsoft.

Dreamweaver - визуальный редактор, многие годы удерживающий заслуженное лидерство среди программ для создания сайтов (сайт wseweb.ru также сделан в этом редакторе). Изначально был разработан и долгое время развивался компанией Macromedia, а затем купившей её компанией Adobe, которая ради Dreamweaver отказалась от дальнейшего развития собственного html-редактора Adobe GoLive. Сейчас Dreamweaver входит в набор продуктов Adobe Creative Suite, представляющий комплексное решение для создания веб-сайтов. Впрочем, его вполне можно использовать и отдельно.

Популярными программами для создания сайтов также являются визуальные редакторы от Microsoft. Долгое время многие вебмастера пользовались для создания сайтов редактором FrontPage, но затем Microsoft прекратила его поддержку, предложив взамен две новых программы - Microsoft Expression Web (считается основным html-редактором от Microsoft) и Microsoft SharePoint Designer, который в большей мере можно считать преемником FrontPage.

Microsoft Expression Web является частью Microsoft Expression Studio - комплекса программ для разработки сайтов.

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

А SharePoint Designer 2007 Microsoft сделала полностью бесплатным.

3. Этапы и методы разработки сайта

Индивидуальная работа выполнена при помощи таких программ как:

WebEditor, Kompozer, Photoshop - каждая из этих программ сыграла не малую роль в формировании сайта.

Kompozer- помог мне в создании гиперссылок и с правкой изображения.

WebEditor- функции веб-редактора с подсветкой синтаксиса Html, Css. Эти функции значительно облегчают создание таблиц, ссылок, цветов, изображений и списков на веб-страницах.

· На первом этапе необходимо сформировать основную идею сайта. В моем проекте предоставлен сайт с темой "Специалист - наладчик компьютерных сетей."

· Теперь, когда цель сформирована, можно с уверенностью определить тип сайта. В данной работе используется тип сайта каталога.

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

· На завершающем этапе можно заняться подготовкой макета сайта. Макет - это картинка, похожая на снимок экрана в тот момент, когда сайт открыт в браузере. Сделать это можно, например, в программах, таких как Photoshop, Kompozer, Amaya. Этот этап делится на несколько подэтапов:

· Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.

· Разработка предварительного макета дизайна главной страницы.

· Исправление замечаний заказчика (еслиесть), доработка макета до завершенного вида.

· Разработка внутренних страниц по аналогичному алгоритму.

В макете должны быть прорисованы все блоки, которые будут на сайте. Если к моменту разработки дизайна текстовые и графические материалы ещё не готовы, можно использовать "рыбу", но нельзя оставлять в макете "пустые" места.

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

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

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

Когда сайт полностью готов к работе - нужно привлекать на него посетителей. Для "раскрутки" сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.

4. Навигация по сайту

сайт сервер хостинг провайдер

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

1. Adobe Photoshop CS5. Лучший самоучитель / М.Г. Хачирова. - изд. 3-е. доп. и переработ. - М. : АСТ: Астрель; Владимир: ВКТ, 2011. - 480 с.

2. PHP, MySQL, XML: программирование для Интернета. - 3-е изд., перераб. и доп. - СПб. : БХВ - Петербург, 2011, - 304л. : ил.

3. 100% самоучитель по созданию Web - страниц и Web - сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М. : Технолоджи - 3000 : Триумф, 2008. - 464с. : ил.

4. В. Котеров, А.Ф. Костарев. PHP 5. - СПб.: БХВ-Петербург, 2005. - 1120 с.: ил.

5. Современная библия пользователя Интернета, 2009 / Алекс Экслер. - М. : АСТ Москва: ЭКСпромт, 2008. - 704с. : ил.

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