WEB-сайт: структура и способы создания

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

ОГЛАВЛЕНИЕ

ВВЕДЕНИЕ

I. САЙТ

1.1 Определение слова САЙТ

1.2 Первый в мире сайт

1.3 Устройство сайта

II. СОЗДАНИЕ САЙТОВ

2.1 Способ 1. Заказываем сайт в веб-студии

2.2 Способ 2. Используем при разработке конструктор сайтов

2.3 Способ 3. Используем систему управления сайтом (CMS)

2.4 Способ 4. Создаем сайт с нуля

III.ВЕБ-ДИЗАЙН; ВЕБ-ВЕРСТКА;ВЕБ-ПРОГРАМИРОВАНИЕ

3.1 Разработка дизайна

3.2 Верстка

3.3 Программирование

IV. СТРУКТУРА САЙТА

4.1 Создание структуры сайта

V. БЕЗОПАСНОСТЬ САЙТОВ

5.1 Безопасность

ЗАКЛЮЧЕНИЕ

СПИСОК ЛИТЕРАТУРЫ

ВВЕДЕНИЕ

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

I. САЙТ

1.1 Определение слова сайт

сайт создание текстовый файл

Сайт -- «паутина, сеть» и site -- «место», буквально «место, сегмент, часть в сети») -- система электронных документов (файлов данных и кода) частного лица или организации в компьютерной сети под общим адресом (доменным именем или IP-адресом)[источник не указан 315 дней].

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

1.2 Первый в мире сайт

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

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

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

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

1.3 Устройство сайта

Страницы сайтов -- это набор текстовых файлов, размеченных на языке HTML. Эти файлы, будучи загруженными посетителем на его компьютер, понимаются и обрабатываются браузером и выводятся на средство отображения пользователя (монитор, экран КПК, принтер или синтезатор речи). Язык HTML позволяет форматировать текст, различать в нём функциональные элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в отображаемую страницу изображения, звукозаписи и другие мультимедийные элементы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JavaScript, с помощью которого имеется возможность просматривать страницы с событиями или действиями.

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

II. СОЗДАНИЕ САЙТОВ

2.1 Способ 1. Заказываем сайт в веб-студии

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

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

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

2.2 Способ 2. Используем при разработке конструктор сайтов

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

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

2.3 Способ 3. Используем систему управления сайтом (CMS)

Этот способ - самый быстрый и широко используемый. В Рунете такие системы называют «системами управления контентом» или просто «движками». Они позволяют не только удобно и комфортно разработать сайт, но и вести электронный бизнес. Например, широко используются такие «движки» как Joomla, WordPress. Всё просто. Скачиваем и устанавливаем CMS на сервер, а затем работаем, как и с конструктором, по той же схеме.

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

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

2.4 Способ 4. Создаем сайт с нуля

Этот способ - наиболее длительный и трудный. Необходимо будет изучить хорошо хотя бы один из распространенных языков веб-программирования, например, HTML, PHP, CSS, а также работу с базами данных, например, MySQL. Этот процесс - длительный.Можно также идти по пути создания сайтов на основе популярных программ, например, Dreamweaver и используя и графический редактор, в частности, Photoshop. При этом вся «черновая» и рутинная работа будет выполняться самим разработчиком, включая и «закидывание» («заливку») файлов на сервер.Это способ, ввиду своей непроизводительности и трудоемкости сейчас не пользуется популярностью.

III. ВЕБ-ДИЗАЙН; ВЕБ-ВЕРСТКА;ВЕБ-ПРОГРАМИРОВАНИЕ

3.1 Разработка дизайна

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

3.2 Верстка

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

3.3 Программирование

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

IV. СТРУКТУРА САЙТА

4.1 Создание структуры сайта

Для организации информации в блоге можно использовать: Страницы, Категории, Тэги.

Список страниц обычно можно обнаружить в верхней части блога под заголовком. На страницах обычно дается какая-либо статичная информация, например -- содержание сайта, контакты автора, новости сайта, список полезных сервисов и.д. Обязательно есть «Главная» страница -- на ней по умолчанию будут выводиться все ваши записи в обратном хронологическом порядке, т.е чем новее запись, тем выше на странице она будет находиться. Категории (или Рубрики) служат для сортировки ваших записей по тематике. Тэги -- это ключевые слова, которые теоретически призваны помогать посетителям находить нужную информацию. Теоретически -- потому, что для выполнения этой важной функции и тэги, и рубрики необходимо правильно организовать, иначе в вашем блоге не только черт ногу сломит, но и вы сами. А посетители, беспомощно потыкавшись туда-сюда, скорее всего, безвозвратно покинут ваш ресурс.

V.БЕЗОПАСНОСТЬ САЙТОВ

5.1 Безопасность

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

Наиболее распространённые последствия атаки на сайт: несанкционированное изменение злоумышленниками (см.: дефейсинг, хакеры)

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

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

ЗАКЛЮЧЕНИЕ

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

СПИСОК ЛИТЕРАТУРЫ

http://www.uniq-themes.ru

http://blogobabki.ru

https://ru.wikipedia.org

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