Создание 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- сайта, как такового, -не самая сложная задача.. Разместить сайт также необходимо с умом. Ведь доменное имя должно быть кратким и запоминающимся. То же самое касается и краткого названия сайта. А вот краткое описание сайта должно точно выражать суть замысла ресурса, деятельность компании или применение описываемого продукта.