Создание Web-сайта

Государственное Профессиональное Общеобразовательное училище № 9

Кафедра: Мастер по обработке цифровой информации

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

Тема: Создание Web-сайта

Выполнила: студентка гр.10 Артна А.Д.

Проверила: Маргарита Лековна

Хову-Аксы

2015

Содержание

Введение.

 Введение

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

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

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

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

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

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

Актуальность данной работы:

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

Тема моей курсовой работы: Разработка Web-сайта.

Объект исследования: Web-сайт.

Предмет – создание структуры Web-сайта.

Методы проведения работы:  Наблюдение, метод теоретического исследования (анализ литературы по данной теме) Практика.

Практическая значимость: материалы этой работы  можно использовать для  разработки собственного сайта.

Цель: создание Web-сайта.

Для этого необходимо решить следующие частные задачи:

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

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

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

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

– представить пошаговую стратегию разработки web-сайта.

1. Базовые знания  необходимые для создания Web-сайта

1.1 Web-страницы и Web-сайты

Что такое Web-страница'? Ответить на этот вопрос могут многие. Это интернет-документ, предназначенный для распространения через Интернет по средством сервиса WWW. А если уж говорить по-простонародному, это то, что показывает в своем окне программа-клиент для просмотра Web-страниц — Web-обозреватель.

С технической точки зрения Web-страница — это обычный текстовый файл, который можно создать в любом текстовом редакторе, том же Блокноте, стандартно поставляемом в составе Windows. Этот файл содержит собственно текст Web-страницы и различные команды форматирования этого самого текста. Команды форматирования называются тегами, а описывает их особый язык HTML (HyperText Markup Language, язык гипертекстовой разметки).

Файлы, содержащие Web-страницы, должны иметь расширение htm[l]. Они сохраняются на жестких дисках серверного компьютера. Получив от Web-обозревателя запрос по протоколу HTTP, Web-сервер (серверная программа, обеспечивающая работу сервиса WWW) загружает эти файлы и отправляет Web-обозревателю.

Но как Web-обозреватель дает понять Web-серверу, какая Web-страница ему нужна? Очень просто — он пересылает в составе клиентского запроса имя и полный путь файла, в котором она сохранена. Скажем, вот так: http://comp45.buh.department.ru/somepage.html

Этот запрос заставит Web-сервер извлечь и отправить Web-обозревателю файл somepage.html.

А что такое Web-сайт? Это набор Web-страниц, подчиненных общей тематике и объединенных в единое целое. Web-сайт также сохраняется на жестких дисках серверного компьютера. Технических отличий у Web-страницы и Web-сайта не слишком много.

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

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

Когда Web-обозреватель присылает Web-серверу запрос вида: http://wvw.somesite.ru/somepage.html

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

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

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

• Главная страница

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

Теги являются важными элементами отображения структуры HTML-документа. Для того, чтобы браузер мог отличить их от обычного текста, они заключаются в угловые скобки. Тег обозначает начало действия какой-либо инструкции отображения. Если эта инструкция применяется ко всему документу, то этот тег не имеет своего закрывающего близнеца. Но большинство тегов все-таки обладают парой, которая прекращает действие первого тега. Так, например, каждая Web-страница должна начинаться с тега <html>, а заканчиваться его закрывающим близнецом </html>. Обратите внимание, что закрывающий тег отличается от открывающего лишь наличием косой черты после первой угловой скобки.

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

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

Естественно, как и в любом компьютерном языке, нельзя обойтись без комментариев, содержимое которых не обрабатывается браузером и не отображается. Они служат лишь для удобства разработчика, для внутреннего документирования структуры документа. Комментарии заключаются между фрагментами <-- и-->. Вот пример создания комментариев: <--Это комментарий -->

Любая Web-страница структурно разбивается на две части: заголовок и тело. В заголовке указывается служебная информация обо всей Web-странице, а в теле Web-страницы мы уже и описываем ее содержимое вместе с правилами его отображения. При этом заголовок Web-страницы ограничивается тегами <head> и </head>, а тело документа обозначается тегами <body> и </body>. Но по правилам хорошего стиля программирования перед заголовком ставится еще идентификатор применяемого стандарта HTML. Таким образом, структура любой Web-страницы выглядит следующим образом:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<html>  
    <head> 
    Заголовок документа 
    </head>  
    <body> 
    Тело документа 
     </body> 
</html>

Первый тег <!DOCTYPE> со всеми его параметрами и является тем самым идентификатором, который сообщает браузеру, какая именно версия HTML была использована для создания данной Web-страницы. Эта достаточно громоздкая и непонятная конструкция на самом деле является пришельцем из языка более высокого уровня XML. Подразумевается, что в будущем браузеры смогут работать одновременно как с обычными Web-страницами, написанными на языке ХМL так и с HTML-документами. Поэтому с расчетом на это самое светлое будущее и используется данный тег-идентификатор. Точная дата наступления этого светлого будущего, как обычно, неизвестна, поэтому очень часто данным идентификатором пренебрегают без каких-либо последствий. Но предусмотрительность, как известно, лучше, чем непредусмотрительность, поэтому идентификатор лучше все-таки использовать.

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

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

<head> 
    <title> Заголовок Web-страницы</title>  
</head>

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

С первой частью структуры Web-страницы мы разобрались, теперь мы можем переходить к рассмотрению тела HTML-документа, его основной части. Как мы уже знаем, содержимое Web-страницы располагается между тегами <body> и </body>. В самом простейшем случае, это может быть обыкновенный текст. Браузер правильно интерпретирует его и отобразит. Попробуем увидеть это на примере.

Для создания нашей первой Web-страницы нам потребуется обычный текстовый редактор. Стандартный Блокнот вполне подойдет. Нам достаточно будет создать текстовый файл, содержимое которого приведено в листинге 1.1.

<!DOCTYPE HTML PUBLIC "-//W3G//DTD HTМL 4.01//EN"  
"http;//www.w3.org/TR/htral4/strict.dtd"> 
<html>  
    <head>  
    <title> Моя первая Web-страница</title> 
     </head> 
    <body>  
     Доброго времени суток, всем посетившим мой скромный сайт 
     </body> 
</html>

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

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

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

 
Как правильно разместить сайт в Интернете

 
Всемирная Сеть Интернет основательно и бесповоротно вошла в нашу жизнь. 
В Интернете можно учится и работать, общаться и заводить знакомства, покупать и продавать. 
Особенно стоит отметить, что основной контингент пользователей Интернета молодые, активные и финансово независимые люди. 
Это делает Интернет особенно привлекательным для бизнеса. 
По этому перед любым современным бизнесом остро стоит задача размещения своего представительства в Интернете. 
Какие шаги нужно предпринять для размещения сайта в Интернете? 
 
1) Зарегистрировать адрес сайта. 
2) Создать сайт. 
3) Разместить сайт.

Как зарегистрировать адрес для размещаемого сайта

 
Адрес сайта в Интернете называется домен. 
Конечная часть адреса расположенная после точки называется зоной домена. 
Например: 
 
.RU - доменная зона .RU используется для российских сайтов; 
.UA - доменная зона .UA используется для украинских сайтов; 
.BY - доменная зона .BY используется для белорусских сайтов; 
.COM - доменная зона для международных коммерческих организаций; 
.ORG - доменная зона для международных некоммерческих организаций; 
.EU - доменная зона для стран Евросоюза; 
.SU - доменная зона эксСССР;  
 
У каждой страны есть своя доменная зона. Так же существуют различные международные доменные зоны. 
Домен может состоять из латинских букв и знака дефиса. Регистр букв значения не имеет. 
Стоит заметить, что сейчас появились доменные зоны поддерживающие кириллицу, но мы не рекомендуем их использовать в связи с наличием ряда проблем. 
После того, как вы выберите в какой зоне будет сайт, подберите его адрес. 
Основное правило при выборе адреса сайта - это минимальная длинна и лёгкая запоминаемость, использовать знак дефиса не рекомендуется. 
К сожалению, многие короткие и красивые домены уже заняты. Проверить домен на занятость, а так же узнать контактную информацию владельца домена можно с помощью сервиса Whois, например здесь. 
Мы не рекомендуем использовать сомнительные Whois-сервисы т.к. есть риск перехвата хорошего домена. 
Стоит заметить что у каждой доменной зоны есть свои правила, например зарегистрировать адрес в зоне .UA можно только при наличии зарегистрированной торговой марки. 
По этому большинство украинских сайтов расположены в зоне .com.ua, в которой регистрация свободная. А для регистрации домена в зоне .RU обязательно нужна скан-копия паспорта. 
Для большинства доменных зон регистрация платная и минимально осуществляется на 1 год. 
Стоит заметить, что есть доменные зоны с бесплатной регистрацией, например .net.ru однако они не пользуются популярностью. 
Регистрация адреса сайта обычно производится через Интернет и не требует много времени. 
А если вы умеете пользоваться платёжной системой WebMoney регистрация домена может быть произведена автоматически в течение нескольких минут. 
Выбор регистратора дело личных предпочтений. Для начинающих пользователей Интернета можем порекомендовать: www.nic.ru,www.webnames.ru, www.ukrnames.com . 
Если вы уже выбрали хостера для размещения вашего сайта, и вы доверяете этому хостеру, можно зарегистрировать домен у хостера, обычно это обойдётся дешевле, чем регистрация напрямую у регистратора. 

Как создать сайт

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

После этого определитесь, какая структура и содержание будут у вашего сайта.

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

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

Для этого нужно определится создавать сайт самому при помощи тегов html  или  создать при помощи готовых конструкторов сайта.

Заключение

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

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

– ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

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

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

– предоставление пошаговой стратегии разработки web-сайта.

Источник: http://site-development.web-3.ru/definitions/introduction/ 
http://www.vevivi.ru/best/Internet-i-ego-rol-v-marketinge-ref41614.html

http://www.refu.ru/refs/67/32115/1.html