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

Оглавление

Введение

Глава 1. Сайт и его структура

1. История возникновения сайта
2. Структура сайта
3. Этапы создания сайта
4. Виды сайтов

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

2.1 На бесплатном хостинге при помощи конструктора сайтов

2.2 Создание сайта при  помощи шаблона

2.3 Создание сайта на  CMS движке

2.4 HTML и CSS в текстовом  редакторе

Глава 3. Размещение сайта в сети

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Введение

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

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

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

Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достаточно создать свой Web-сайт и разместить его в Сети. Но как это сделать? Ответ на данный вопрос я попробую дать в этой работе.

 Темой данного реферата  является: «Способы создания web-сайта». Объект исследования: web-сайт.  Предмет исследования: способы создания web-сайта.

Цель работы: Изучить способы  создания сайта.

Для достижения поставленной цели необходимо решить следующие задачи:

1. Рассмотреть историю  создания сайта, его структуру;  

2. Изучить и проанализировать способы создания web-сайта;

 

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

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

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

World Wide Web - глобальная компьютерная сеть, на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы - Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.

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

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

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

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

Также в данной работе мною рассмотрены основы языка программирования Web-страниц - HTML, который является общепринятым стандартом WWW. Это даст нам возможность ознакомиться со структурой Web-страницы и приемами ее правильного оформления.

Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.

Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которое объединенные в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfe  Protocol, сокращенно - HTTP.

Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и  звук.

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

Такие ссылки называют гиперссылками  или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Кстати, идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.

Итак, Web-страница может содержать  стилизованный и форматированный текст, графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра.

В процессе работы над рефератом ними были изучены  литературные источники следующих  авторов:

 

 

 

Итак, перейдем к рассмотрению первой главы.

 

 

Глава 1.  Сайт и  его структура.

1. История создания сайта

Сайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети») — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом (доменным именем или IP-адресом). Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое — базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.

История создания первых сайтов неразрывно связана с историей развития самой глобальной мировой сети Интернет. Дело в том, что многие пользователи Интернета по сей день считают, что WWW – это и есть сама глобальная сеть. Однако, это убеждение ошибочно, WWW – это один из сервисов Интернета, таких же, как электронная почта, DNS или ICQ. Этот сервис появился в 1989 году, а его разработчиком был Тим Бернерс-Ли, учёный из Европейской лаборатории физики элементарных частиц в Женеве, который предложил таким образом использовать Интернет для обмена информации между физиками-ядерщиками.

Первый в мире сайт также  был создан Тимом Бернерс-Ли в 1990 году. На нем ученый разместил описание изобретенной им технологии World Wide Web, которая основывалась на протоколе передачи данных HTTP и гипертекстовой разметке HTML. Кроме того, на сайте была изложена информация об установке и работе браузеров и серверов. Также этот сайт стал первым в мире Интернет-каталогом, так как Тим Бернерс-Ли потом разместил на нем перечень ссылок на другие сайты.

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

Тим Бернерс-Ли официально считается «отцом» сервиса WWW, который довольно за короткий срок стал одним из наиболее популярных сервисов в Интернете. Ученый считал, что гипертекст может использоваться в качестве основы в сетях обмена данными, и он смог воплотить свои разработки в жизнь. Однако, предпосылки этого изобретения были опубликованы значительно раньше. Еще в 40-х годах XX столетия Ванневар Буш выдвинул идеи, согласно которым при помощи технических устройств можно расширить память человека, накопленную информацию индексировать, чтобы в последствии осуществлять быстрый поиск, что в принципе мы сегодня и имеем.

В России массово Интернет начал распространяться в конца 90-х годов. Хотя первый русскоязычный сайт был создан в 1995 году.

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1.2 Структура сайта

Случалось ли вам бывать на сайтах, на которых страницы буквально "навалены" друг на друга в полном беспорядке. И совершенно неясно, куда нужно идти, чтобы найти ту или иную информацию. Причем подобной "болезнью" страдают не только домашние, но и корпоративные сайты, а зачастую даже и информационные проекты. Причина этого - в отсутствии продуманной структуры. Часто бывает так: первоначальный проект был небольшим. Но в процессе развития к нему подключался то один, то другой раздел. Ну а поскольку определенной структуры нет, то страницы присоединяются к различным местам проекта "как Бог на душу положит". И вот через некоторое время пользователи начинаются блуждать по сайту в поисках нужной им информации. Нужно ли говорить, что большинству из них не понравится подобное издевательство (а как еще можно это назвать?), и они поспешат покинуть негостеприимный проект, уйдя к конкурентам. Как не допустить этого?

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

Линейная структура

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

Реализация линейной структуры  не представляет собой абсолютно  никакой сложности. Самый простой вариант сайта - набор HTML-страниц, с каждой из которых есть ссылка на последующую предыдущую (естественно, исключение составляют крайние страницы). Но и здесь многие веб-мастера умудряются допускать ошибки. Дело в том, что на каждой страницы обязательно должно быть какое-то заглавие и ссылка на первую страницу. Иначе посетители, попавшие в середину сайта, например, с поисковой системы, ничего не поймут и почти наверняка покинут проект разочарованными. Кроме того, очень полезно бывает показывать общее число страниц и как-то выделять номер той из них, на которой человек находится в данный момент. Иначе просмотр проекта превратится для посетителей в путешествие в неизвестность.

Линейная структура с  альтернативами и вариантами.

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