Способы создания сайта
Оглавление
Введение
Глава 1. Сайт и его структура
- История возникновения сайта
- Структура сайта
- Этапы создания сайта
- Виды сайтов
Глава 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-страниц - 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-страница может содержать
стилизованный и
В процессе работы над рефератом ними были изучены литературные источники следующих авторов:
Итак, перейдем к рассмотрению первой главы.
Глава 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-страниц, с каждой из которых есть ссылка на последующую предыдущую (естественно, исключение составляют крайние страницы). Но и здесь многие веб-мастера умудряются допускать ошибки. Дело в том, что на каждой страницы обязательно должно быть какое-то заглавие и ссылка на первую страницу. Иначе посетители, попавшие в середину сайта, например, с поисковой системы, ничего не поймут и почти наверняка покинут проект разочарованными. Кроме того, очень полезно бывает показывать общее число страниц и как-то выделять номер той из них, на которой человек находится в данный момент. Иначе просмотр проекта превратится для посетителей в путешествие в неизвестность.
Линейная структура с альтернативами и вариантами.
Основой данной структуры является простое линейное размещение веб-страниц. Однако на сайтах, построенных по этому принципу, посетители могут проявить некоторую инициативу, облегчив для себя поиск нужной информации. Под альтернативами в данном случае понимается выбор между двумя ветками. Чаще всего подобная структура используется для сбора информации о посетителе. Примером здесь может служить процесс регистрации клиента на сайте какой-то фирмы, оказывающей определенные услуги. В этом случае все люди начинают работу со стартовой страницы. Однако потом частным лицам предлагается ввести одну информацию, а представителям коммерческих структур - другую. После этого и те, и другие попадают на одну и ту же страницу.
Линейная структура с
альтернативами и вариантами удобна
в том плане, что с одной
стороны она позволяет веб-
Линейная структура с ответвлениями.
Это тоже контролируемая структура, которая напоминает дорогу с ответвляющимися от нее время от времени тупиковыми тропинками. То есть посетитель последовательно переходит с одной страницы на другую. Если информация, размещенная на какой-то из них его заинтересовала, и он хочет узнать подробности, то может перейти на ответвление, а потом вернуться обратно на основную "дорожку".
Главным преимуществом рассматриваемой структуры является то, что к ней легко перейти с обычного линейного размещения веб-страниц. Такое часто бывает, когда созданный однажды веб-сайт перестает удовлетворять возросшим требованиям, а глобальная переделка по тем или иным причинам невозможна. В этом случае веб-мастер может быстро и без всяких проблем расширить проект. И при этом сайт не превратится в "лесную чащу", а останется "ухоженным парком", по которому посетителям будет приятно гулять.
Древовидная структура.
Древовидная структура - самый универсальный способ размещения веб-страниц. Она подходит для создания практически любых типов сайтов. Ее принцип, наверное, понятен всем. Пользователь при заходе на заглавную страницу оказывается перед выбором, куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел и т. п. У древовидной структуры очень много достоинств, мы даже не будем перечислять их все. Лучше рассмотрим ее главный недостаток.
Речь идет о том, что в древовидной структуре очень сложно соблюдать баланс между глубиной и шириной. Если "дерево" вашего сайта будет расти только вглубь, то пользователям, чтобы дойти до какой-то информации, придется загрузить и просмотреть слишком много страниц. Естественно, это будет раздражать. Ну а если вы создадите очень широкую древовидную структуру, то посетители будут вынуждены каждый раз тратить очень много времени для выбора нужной им ветки. А это, естественно, тоже плохо. Таким образом, если вы решитесь использовать древовидную структуру сайта, то вам будет нужно постоянно следить за ее разрастанием и придерживаться золотой середины.
Решетчатая структура.
Эта структура уже на порядок сложнее всех рассмотренных ранее. В ней все страницы также размещаются в различных ветках. Но у пользователя есть возможность перемещаться по ним не только вертикально (вверх-вниз) но и горизонтально (то есть между ветками на разных уровнях). Используется решетка в основном только в каталогах. При этом перемещение между ветками на глубинных уровнях осуществляется с помощью отсылок на рубрики в других разделах.
Использование решетчатой структуры в других проектах нецелесообразно. Во-первых, она относительно сложна в реализации. Во-вторых, обращаться с "решеткой" нужно с очень большой осторожностью. Иначе наш с вами "парк" можно очень быстро превратиться в непроходимую "чащу", в которой посетители будут вынуждены долго блуждать в поисках нужной им информации.
Итак, как мы видим, существует целый ряд различных структур сайта. Мы рассмотрели только самые основные из них. Между тем, у них есть различные вариации. Какую структуру выбрать для своего проекта - решает веб-мастер. Однако нужно учитывать, что лучше делать выбор с учетом будущих потребностей. В этом случае больше шансов сохранить свой "парк" в порядке, не прибегая к коренной перестройке всего сайта.
- Этапы создания сайта
Практически каждый web-сайт - и уж точно все коммерческие сайты - начинают свою жизнь в виде эскизов, сделанных в Фотошопе или Иллюстраторе. И поскольку большинство из нас следует Правилу Троицы (покажите клиенту три дизайна, продайте один из них), каждый дизайн имеет двух нерожденных братьев.
Иногда победу одерживает лучший из предложенных дизайнов; а часто, - наиболее консервативный. Отвергнутые эскизы помещаются на кладбище, а победитель, который до этого был отпрыском только дизайнера, начинает подвергаться массированной атаке ДНК клиента (Это у клиента называется "внесением изменений"). В зависимости от отношений между дизайнером и клиентом и здравым смыслом, заключенным в идеях клиента, выбранный дизайн может либо измениться частично, либо может пройти через столько стадий пересмотра изменений, что в конце концов его не узнает даже собственная мать.
Чтобы сделать web-сайт нужно не многое: желание, инструменты и информация по сайтостроению. Если у Вас уже есть первое и второе, то как сделать web-сайт Вы найдете ниже.
1. Придумайте для своего
сайта тему и название. Название
должно совпадать с тематикой,
идеей вашего сайта и быть
доступным для запоминания.
2. Создайте
папку на вашем жестком диске,
и назовите её согласно
3. Решите, какие разделы (ссылки) будут на вашем web сайте. Если это будет домашняя страница, то она может содержать главу «О себе», «Мои фотографии», «Мои увлечения» и т.д. Желательно где-то эти сведения записать.
4. Теперь придумайте к названиям разделов (ссылок) названия файлов. Названия могут быть любыми. Например «О себе» – about.htm, «Мои фотографии» – foto.htm, «Мои увлечения» – uvlecheniya.htm и т.д. Запомните! Главная страница всегда должна быть index.htm(l), имена файлов на сервере могут состоять только из букв английского алфавита, цифр а также нижнего подчёркивания _ . Следует также избегать заглавных букв в именах файлов.
5. Создание самого веб-сайта. Для начала нужно создать образцовую страницу – «каркас». Для этого нужно придумать дизайн для будущего сайта, либо воспользоваться готовым шаблоном (в простонародье «рыба»), которых в Глобальной сети уйма. Создать образцовую можно в редакторе Microsoft Word. Это не так уж сложно, учитывая что Интернет богат всякими руководствами и самоучителями.
6. Копируем «образец» несколько раз и переименовываем копии согласно названиям файлов (пункт 4).
7. Заполняем файлы информацией.
Для изменения образца можно
воспользоваться программой
8. Выставляем сайт в Internet.
a) Покупаем место под сайт, либо регистрируем сайт на бесплатном сервере. Эта операция довольно-таки проста и подробную информацию можно прочитать на выбранном сервере.
b) Выставляем сайт с помощью специальной программы.
9. Регистрируем свой сайт
в популярных поисковых
Таким образом, любая компания, имеющая свой Web-сайт, должна позаботиться о том, чтобы на сайте обеспечивался оперативный и удобный доступ ко всем важным разделам и сервисам. Если посетитель сайта быстро "схватывает" его структуру, легко ориентируется и находит нужную информацию на нем, то он, скорее всего, вернется на такой сайт и впоследствии не раз воспользуется предлагаемыми на нем услугами. Интерес к плохо организованным сайтам пропадает еще быстрее в том случае, если существуют качественные и удобные Web-сайты конкурентов.
1.4 Виды сайтов
В настоящее время существует огромное количество видов веб-сайтов. Здесь мы рассмотрим наиболее распространенные:
- Персональные web-сайты ( web-сайты визитки)
- Информационные web-сайты;
- Промо web-сайты;
- web-сайты фотогаллереи;
- Информационные web-сайты интернет-издания, СМИ;
- Корпоративные web-сайты представительства;
- Информационные web-сайты предприятий и организаций;
- web-сайты крупные
- Корпоративные web-сайты;
- Интернет магазины.
Персональные web-сайты
Это web-сайты о6ычных
web-cайты визитки
Этот вид web-сайты о6ычно вы6иpают организации, которым в 6ольшинстве случаев не нужен web-сайты в сети интернет, поэтому подо6ные сайты создаются для престижа. То есть показать, что у нас тоже есть сайт.
Сайты визитки так же применимы для выкладывания просто контактной информации о предприятии, ее контакты, вид деятельности и еще что-ни6удь. Web-cайты визитки в основном несут не6ольшую информацию, в качестве поверхностного ознакомления.
В основном web-сайты визитки содержат от 5 до 10 станиц на web-сайте.
Информационные web-сайты
Подо6ные типы web-сайтов в
интернете очень
данный вид web-сайтов очень подходит для предприятий и организаций. В первую очередь на данном предприятии можно выложить всю нео6ходимую информацию о фирме, ее деятельности, товарах, вакансиях и т.д.
Промо web-сайты
Web-cайты, посвященные разовым со6ытиям и акциям. Выставка или конференция, праздник или концерт. Освещение таких мероприятий через специальные web-ресуpсы, называемые "промо-сайтами", является хорошим тоном и показателем высокого уровня их организации и поведения.
Единственным отличием данного вида web-сайтов является то, что время жизни его ограниченно, конкретным мероприятием. И как только оно закончиться, информация на web-сайте станет 6есполезной.
Web-cайт фотогаллереи
Данный вид web-сайтов предназначен для организации на web-сайте в основном не для информации, а для размещения на нем картинок, изо6pажений и других иллюстраций. Например, подо6ный вид web-сайтов применим для организации выставки картин, лю6ительских фото или еще что-ни6удь, все зависит от специфики самой фотогаллереи.
Подо6ные виды web-сайтов не предназначены для размещения какой 6ы то ни6ыло информации, они выступают в роли выставок.
Информационные интернет издания, СМИ
Это осо6ые виды web-сайтов. Относятся
они к категории крупных
Корпоративные web-представительства
Корпоративные представительства - это о6легченная версия корпоративного web-сайта. В распоряжении корпоративного
представительства входят все инструменты для создания многоуровневой структуры web-сайта, создания оригинального дизайна, не имеет ограничений по функциональности. Но в свою очередь корпоративное представительство не имеет интерактивных модулей взаимодействия с посетителями, такие например, как форум, регистрация на web-сайте и т.д. В данном виде web-сайта может 6ыть подключены такие модули как дата и время, календарь, информационно-рекламный 6лок и другие. Поэтому корпоративные web-сайты в какой-то мере похожи на информационные сайты.
Информационные web-сайты предприятий и организаций
Это в принципе тот же вид информационного web-сайта.
Крупные информационные web-порталы
С первого взгляда может показаться, что это о6ычный информационный web-сайт, только 6ольшой. Но это не так крупный информационный портал - это web-сайт, который не только содержит 6ольшой о6ъем информации, но имеет всю предоставленную информацию в текстовом или графическом варианте предоставляя ее для скачивания посетителю.
Примерами таких крупных информационных порталов могут являться портал посвященный 6ольшой коллекции рефератов, курсовых или дипломных pа6от, ли6о web-сайт посвященный юридической тематике, на котором посетитель может не только почитать закон, постановления и т.д., но и скачать все эти документы для просмотра на своем компьютере.

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