Современные технологии в создании Web-сайтов

Тип работы: Курсовая работа
Бесплатно: Антиплагиат
Объем: 25 страниц
В избранное:

Министерство образования и науки Республики Казахстан

Казахстанско-Американский свободный университет

КУРСОВАЯ РАБОТА

На тему: Современные технологии в создании Web-сайтов

по образовательной программе 6B06101 - Информационные системы

Выполнил студент 1(ТИПО) курса Е.А. Масанин

Проверил
Ст. преподаватель кафедры Бизнеса Т.С. Сембинова

Усть-Каменогорск 2020

Содержание

Введение
3
1
Информация об особенностях Web-сайтов
5
1.1
Web-сайт, Общие понятия
5
1.2
Выбор структур, топологий и технологий разработки системы
7
2
Проектирование и разработка Web-сайта
10
2.1
Этапы проектирования и разработки Web-сайта
10
2.2
Разметка Web-документов в сети
12
2.3
Языки программирования и базы данных
17
2.4
Графика и файловая система
21
2.5
Общие сведения о базах CMS
22
Заключение
24
Список используемой литературы
25

Введение

Интернет в современном мире развивается очень стремительными темпами. Даже самые, казалось бы, отрасли начинают активно им пользоваться. Интернет становится чем-то значительно больше, чем просто игрушка в руках ученых и превращается в полноценный источник знаний, который может дать информацию о любом интересующем вопросе, любому пользователю, а главное в кратчайшие сроки.
В наше время люди для доступа к какой-либо информации будь то новости о происходящем в мире, какие-то научные или любительские статьи все чаще прибегают в помощи web-сайтов. В современном мире роль интернета высока как никогда, поэтому нельзя просто обойти их стороной. На web-сайтах можно найти практически любую нужную или интересующую человека информацию. Новости из газет и телевидения начинают отходить на второй план, а сайты лишь набирают свою популярность ввиду своей удобности и практичности, ведь все что нужно, находится всего в пару кликов компьютерной мыши. Вся информация, представленная в сети интернет, доступна благодаря web-сайтам, которыми пользуются миллионы людей каждый день для различных своих нужд, для многих из которых это даже является частью работы.
Сегодня, бродя по сети, можно найти много очень достойно выполненных сайтов, которые быстро загружаются, обладают прекрасным дизайном, имеют четко разграниченную по разделам информацию и удобные способы навигации. Такие сайты просто пытаются завлечь вас посетить их хоть ненадолго, расслабиться, провести свое время с комфортом, развлечься и узнать что-то новое. Все это является очень весомыми причинами, чтобы действительно считать роль web-сайтов в наше время невероятно высокой.
Исходя из всего выше перечисленного, можно отметить, что игнорировать web-сайты стало просто невозможно. Любые компании, организации, будь то государственные или же частные, даже обычные люди - все желают иметь свой продвинутый, современный, удобный и технологичный web-сайт. И сегодня, как никогда, можно найти огромное количество информации, будь то книги, статьи или любые другие источники, которые помогут разобраться в вопросе создания современного web-сайта.
Актуальность данной курсовой работы состоит в огромном влиянии web-сайтов на нашу жизнь, а следственно необходимость понимания современных технологий создания сайтов.
Объектом исследования данной курсовой работы являются современные технологии в создании web-сайтов.
Предметом исследования курсовой работы являются современные web-сайты.
Целью данной курсовой работы является освещение современных технологий создания web-сайтов, которые бы соответствовали положению вещей в сфере информации с учетом особенностей интернета.
Задачами исследования являются:
- Изучение теоретической информации о web-сайтах.
- Изучение процесса проектирования и создания сайтов.
- Изучить различные способы создания сайтов.
- Изучить технические требования для работы web-сайта.

1 Информация об особенностях web-сайтов

1.1 Web-сайт, общие понятия

Web-сайт - если переводить с английского, то дословно web - значит паутина, а site - место. Уже, исходя из этого, многие вещи становятся более понятными, иначе говоря, web-сайт - это такое место, которое находится в глобальной сети, объединяющей весь мир - интернет.
А если углубиться, то это место в компьютерной сети под доменным именем или IP-адресом, которая хранит определенную информацию организации или же обычного пользователя. Как раз все web-сайты в интернете вместе и составляют так называемую Всемирную паутину интернет. Для непосредственного доступа клиентов к сайтам на серверах был разработан протокол HTTP. Web-сайты также могут иначе называть, как Интернет-представительство человека или кампании. Когда говорят что-то вроде своя страничка в Интернет, то под этим понимается полноценный Web-сайт или же личная страничка в составе другого сайта. Также существую WAP-сайты, то сайты специально созданные для мобильных устройств, таких как телефоны или планшеты. Их главное отличие состоит в подстройке под удобства пользования мобильными устройствами, например разрешение или более удобный интерфейс.
Когда Web-сайты только-только появились они представляли из себя всего лишь совокупность различных статических документов. Сейчас же одним из важнейших требований к ним служит динамичность и интерактивность. Для решения данного требования специалисты прибегают к использованию Web-приложений. Web-приложение - это готовый комплекс программ для решения задач web-сайта. Оно входит в состав сайта, но если не имеет никаких данных, то является сайтом лишь технически.
В интернете в большинстве своем один web-сайт имеет лишь одно доменное имя. Благодаря ему все сайты идентифицируются в глобальной сети, что делает их поиск гораздо удобнее. Но также возможно и другие варианты, например один сайт может иметь несколько доменных имен или даже несколько сайтов под всего лишь одним доменным именем. Такое встречается гораздо реже, но все же таким пользуются крупные сайты, что логически отделить разные виды услуг. Примером такого использования можно назвать такие Web-порталы, как mail.google.com, news.google.com и тому подобные. Также достаточно часто встречаются случаи выделения отдельного домена для страны или языка. Например, google.ru, google.kz, google.ca и так далее. Логически это все еще тот же самый сайт Google, но технически это совершенно разные сайты, ведь они имеют разные доменные имена. А объединение нескольких сайтов в одно доменное имя характерно больше для бесплатных хостингов. Также доменное имя может дать информацию о направленности его деятельности, например .com - означает, что сайт является коммерческим, .info - говорит о том, что сайт создан для того, чтобы делиться информацией, .edu - может говорить о том, что сайт является образовательным, чаще всего этот домен используют университеты и другие учебные заведения. Разумеется, это лишь несколько из таких доменных имен, на самом деле, их количество очень огромно и если пользоваться интернетом достаточное время, то можно будет уже просто взглянув на домен понять, нужно ли вам посещать данный web-cайт, или же это не то, что вы искали.
Если же говорить об технических аспектах, то стоит сказать об web-серверах, которые служат для хранения web-cайтов. Когда-то все сайты имели свой отдельный сервер, но с ростом интернета появились технологические улучшения серверов на одном компьютере и стало возможно размещение большого количества сайтов, то есть использование виртуальных хостингов. Сервера для хранения всего лишь одного сайта стали называть выделенными.
Один и тот же web-сайт также может быть доступен по совершенно разным адресам и при этом храниться на разных серверах. В таких случаях, копию настоящего сайта называют зеркалом, то есть отражением своего оригинала. Также бывает такое понятие как оффлайн версия сайта - то есть копия, которая открывает для без наличия подключения к интернету и использования серверного ПО.
По назначению сайты бывают абсолютно разными, развлекательными, информационными, рекламными, созданные для коммуникации или продажи товаров. И это лишь одни из самых популярных, ведь все не ограничивается на подобных целях. Все они отличаются своими доменными именами, предоставляемым контентом, уникальным дизайнерским оформлением и кодом, по которому он работает. Об доменных именах было сказало раннее, контентом же называют содержимое страниц сайтов, будь то видео, аудио, текст или же что-то еще. Все это хранится на хостинге, которую могут предоставлять провайдеры на определенных условиях. Дизайн это по сути внешняя оболочка сайта, которая делает общение пользователя с сайтов более удобным и комфортным в использовании. Это выбор подходящей цветовой гаммы, шрифтов, изображений, кнопок, разделов и так далее.
Также следует отметить одни из самых популярных видов web-сайтов. Специалисты обычно говорят о четырех основных видах коммерческих сайтов, которые встречаются наиболее часто. Это визитка, каталог, лендинг и интернет-магазины. Визитками называют маленький сайт, содержащий не более пяти разделов, где говорится про деятельность компании или человека, который предоставляет услуги, конечно же с предоставлением всей контактной информации. Каталог же уже используется в куда больших компаниях крупного бизнеса, и для них, понятное дело, уже не достаточно всего лишь пяти разделов. Информация в таком виде сайтов подается более углубленно и обычно для каждого вида услуг или товара имеется отдельная web-страница. Лендинг это по сути всего лишь одностраничный сайт, который пытается сделать свою структуру максимально привлекательной для клиентов и создается для увеличения продаж. При создании такого сайта в современном мире необходимо учитывать интересы клиентов, основываясь на популярности поисковых запросов и вызывая максимальное доверие. И последний вид, Интернет-магазин - это сайт созданный исключительно для продажи различной продукции. Эти сайты стали действительно популярны в настоящее время, так как дают возможность купить необходимую вещь, даже не выходя из дома. Многие пользуются ими исходя из банального удобства, но также стоит отметить, что по-настоящему важными они являются, так как дают возможность приобрести товар, который вероятно трудно или вовсе нереально приобрести в вашей стране или городе.

1.2 Выбор структур, топологий и технологий разработки web-сайтов

Обычно, когда пользователь представляет сайт, то видит перед глазами самый обычный текст, который принято называть контентом. Им может быть любые текстовые данные, графические элементы, видеозаписи, аудио и другие файлы. И конечно, любому хоть сколько-то знакомому с компьютерами пользователю, станет понятно, что файлы имеют объем, что значит, что им необходимо место для хранения, ведь они должны находиться в свободном доступе для посетителя. Как раз для этих целей создали специальные компьютеры, с определенным программным обеспечением, которые стали называть серверы.
Еще относительно не так давно большинству владельцев web-сайтов приходилось открыть доступ к своему творению с помощью усилий собственного компьютера, что было ужасно не комфортно, не достаточно надежно и, конечно, стоило огромных денег. А ведь к тому же, оставалась необходимость беспрерывной работы компьютера, также обеспечивать его высокоскоростным интернетом и следить за его работой, чтобы система не подвела в нужный момент. И ко всему этому непростому списку добавлялось условие, что владелец должен был понимать достаточно в администрировании системы, разбираться в различном программном софте и прочем.
Для решения такой неприятной проблемы и были созданы хостинги - услуги по предоставлению достаточного количества ресурсов для обеспечения размещения web-сайта на сервере, который постоянно находился бы в интернете. Людей, которые стали предоставлять подобные услуги стали называть хостинг-провайдерами или же хостерами.
Хостинги, как правило, использовали компьютеры огромных мощностей, зачастую несколько, на которых были установлены все необходимые программы для работы, а также имелся идеальный доступ к высокоскоростному интернету, что обеспечивало беспрерывную и бесперебойную работу web-сайтам. Это является очень важным пунктом, так как пользователь должен иметь возможность посещать сайт в любое удобное для него время, даже если оно не очень удобно администратору. Естественно, все еще можно самостоятельно создать достаточно хороший сервер для своего ресурса, но как можно догадаться, это обойдется очень не дешево, особенно в сравнении с обычным приобретением чужого хостинга и профессионалов, особенно учитывая, что для всего этого необходимы навыки администрирования серверов.
Из всего этого, главной задачей хостинга являлось и будет являться обеспечение максимально удовлетворяющих запросам современных пользователей требований, которые включают в себя безопасное хранение web-сайта, а также сохранять легкодоступность к сайту в любое время. Из всего этого можно понять, что к выбору хостинга следует подходить очень кропотливо и бережно. Если вы не имеете надежного хостинга, то вся дальнейшая разработка web-сайта не будет иметь ни малейшего смысла. Ведь даже если ваш сайт выглядит превосходно, имеет качественный контент и быстро загружается, то он все равно не будет иметь успеха, если он не сможет работать корректно абсолютно в любое время. Люди не будут в восторге, если ваш сайт начнет резко тормозить или же и вовсе перестанет открываться, что существенно снизит доверие пользователя к вашему ресурсу и заставит его посещать ресурс все реже и реже. А ведь стоит помнить, что конечная цель любого web-сайта это максимальный охват необходимой аудитории в интернете, чего не добиться без данных условий.
Хостинги принято разделять на несколько типов. По условиям предоставления услуг, существуют бесплатные и платные хостинги.
Бесплатные хостинги имеют большое преимущество в виде того, что не требуют никаких затрат, но в тоже время не лишены недостатков. И среди главных, стоит отметить, ненадежность таких серверов, которые в любой момент могут начать тормозить или вовсе перестать работать, чего, конечно же, не пожелает ни один владелец интернет ресурса. Также большинство бесплатных хостингов не поддерживают основные технические характеристики, что является очень важным для создания современного и актуального web-сайта. Технической поддержки зачастую подобные компании не предоставляют совсем. И еще один существенный минус заключается в наличии нежелательной рекламы, которую размещает провайдер, откуда и получает свою выгоду в предоставлении такого рода услуг. Таким образом, о бесплатных хостингах можно сказать, что они совершенно не подходят для серьезных коммерческих проектов, но в тоже время вполне могут подойти обычным людям желающим создать свой сайт, но не тратя при этом свои деньги, если, конечно же, их устраивают подобные условия услуг.
Для более надежной работы существуют платные хостинги - услуги хранения дискового пространства и других сервисов за определенную плату. Такие хостинги могут удовлетворять всем возможным требованиям владельца web-сайта. У платных хостингов существует несколько типов оплаты, так называемых тарифных планов. Цена каждого тарифного плана соответствует количеству и качеству предоставляемых услуг.
Решение, какой же все-таки хостинг выбрать, является очень важной и ответственной задачей, ведь от выбора недостаточно качественного хостинга может серьезно пострадать качество работы администрируемого интернет ресурса, а также количество затраченного времени и усилий, которые потребуются для его поддержки и развития.
Перед тем, как решить такую важную задачу, стоит точно убедиться в том, достаточно ли надежен ваш провайдер. Чтобы подкрепить свое мнение, можно воспользоваться отзывами в интернете, в них может быть информация о работе хостинга. После того, как вы убедитесь в стабильности работы провайдера, можно будет приступить к выбору тарифного плана, который следует выбрать в соответствии с техническим и программным требованиям интернет проекта. Для этого следует спросить у ваших разработчиков требования о операционной системе, нужными языками программирования, базы данных, используемые сайтом, их количество, необходимость в доступе к настройкам серверов, а также не следует забывать о важности определить максимальное количество посетителей, то есть нагрузку на сервер.

1 Проектирование и разработка Web-сайта

1.1 Этапы проектирования и разработки Web-сайта

Проектирование и разработка для современного web-сайта является весьма непростым процессом, а потому принято делить его на несколько этапов.
Первым этапом является определение целей создания сайта. Нельзя начинать создавать свой сайт, не имея в голове задумке об целях проекта. От этого в дальнейшем будет зависеть весь процесс разработки, ведь при ней необходимо опираться на выбранное направление, чтобы сделать его максимально удобным и интересным. К этому вопросу нужно подходить с большой серьезностью и пониманием желаемого результата.
Вторым этапом следует провести исследования по выбранной теме. Прежде чем начать непосредственную разработку web-сайта, также необходимо разобраться в выбранной теме, проанализировать ее, изучить проекты конкурентов, чтобы лучше понимать, как именно завлекать посетителей и удовлетворять их требованиям и интересам. Это действительно может помочь для создания своей уникальной концепции.
Третий этап это определение типажа сайта, а также начало разработки технического задания для разработчика и структуры. Чтобы создать web-сайт именно таким, как его задумывает владелец, существует техническое задание, которое будет содержать основные пожелания, что поможет разработчику создать правильную версию проекта. В нем необходимо осветить как минимум желаемый тип сайта, функции, которые он сможет выполнять, концепт дизайна, структура web-страниц и самого ресурса. При составлении технического задания не стоит забывать о ранее выбранных целях web-сайта. Так, например, можно понять, какие функциональные возможности стоит добавить, а над какими задуматься или же вовсе отказаться, ввиду их излишеств.
Четвертый этап наконец-то приступает к части разработки, а именно создание макета дизайна для web-сайта. Для начала следует придумать несколько идей для дизайна, эскизов, которые будут отправлены разработчику, а также будут иметь понятные текстовые пояснения. Далее можно приступить к разработке предварительного макета для дизайна домашней странички. Если в процессе какие-то моменты не удовлетворит потребностям заказчика, то стоит сказать об этом и отправить их на доработку, а также довести макет до конечного варианта. Создание внутренних web-страниц происходит аналогичным методом, как и ранее. В макете обязательно должны присутствовать все блоки, которые в итоге задумывались для сайта. В этом процессе, может возникнуть ситуация, когда текстовые или графические материалы все еще не завершены, то можно взять любые данные, чтобы заполнить пустые места, но не допускать оставления их в таком сыром виде.
Пятый этап является очень важным и трудоемким - это HTML и CSS верстка. Опираясь на ранее выбранные цели и задачи ресурса, верстка должна выполнять несколько важных требования для современных web-сайтов. Первое их них это возможность одинаковой работы web-сайта для всех популярных браузеров, которыми пользуются посетители, например Google Chrome, Opera, Yandex, Mozilla Firefox и другие. Такой процесс называют кроссбразурностью. Также верстка должна быть достаточно гибкой для того, чтобы иметь возможность без труда дополнять или убирать информацию, которая размещена на web-страницах. Одним из самых важных аспектов верстки является обеспечение достаточно быстрой обработки написанного кода браузером. Ведь если этого не сделать, то скорость работы сайта будет не удовлетворять современным требованиям комфорта пользователей в глобальной сети интернет. Конечно, все это должно соответствовать стандартам, иначе говоря валидности. И также разработчик должен помнить о правильном и логичном использовании элементов HTML для должной их работы.
После создания грамотной верстки можно преступать в шестому этапу, а именно к заполнению web-сайта информацией. Здесь необходимо руководствоваться ранее выбранной концепции сайта, чтобы не возникало ситуаций по типу выхода случайных статей на, как задумывалось, новостном ресурсе. Необходимо проявить серьезность и обеспечить качественный копирайтинг всех материалов, выложенных в открытый доступ. Для этого можно воспользоваться услугами профессиональных копирайтеров или же наполнить web-сайт самостоятельно, но в таком случае будет необходим не маленький багаж знаний в выбранной области, много времени и опыта работы.
После того, как наполнение сайта было закончено, следует следующий седьмой по счету этап тестирования и исправления всех оставшихся неисправностей. Тестирование является очень важной частью, так как необходимо выявить все недочеты, что могли возникнуть во время разработки и устранить их до того момента, как сайт будет выставлен на всеобщее обозрение пользователей. Этим обычно занимается непосредственно разработчик web-сайта, но также это вполне способен сделать и заказчик, хотя и лучшим вариантом все равно остается совместное тестирование.
Если вы достаточно уверены в работоспособности созданного web-сайта, исправили все видимые недочеты и довольны его внешним видом, то можно приступать к восьмому этапу - публикации в сети интернет. Для этого следует подобрать доменное имя, к выбору которого тоже стоит отнестись серьезно и зарегистрироваться ваш web-сайт во всех крупных поисковых каталогах.
Итак, наконец, web-сайт опубликован и доступен для посетителей, но как они узнают о его существовании, если ни разу не слышали о нем? Тут и начинается девятый этап - продвижение сайта в поисковых системах, а также покупка рекламы в интернете. Для этого обычно прибегают к контекстной или баннерной рекламы, занимаются SEO продвижением сайта, SMO, а также множеством других методов.
По итогу, самой главной проблемой, web-разработчики часто считают слишком большие сложности в поддержке web-сайта для всех браузеров и платформ, так как их существует огромное множество и все они работают с кодом HTML немного по-разному. Также хоть регулярные обновления браузеров делают их возможности и характеристике лучше, но это не значит, что люде перестанут пользоваться более старыми версиями приложений, ввиду своих личных причин. Ведь не все люди склонны получить самое новое и лучшее, многие из нас рады тому, что уже есть и исправно работает, а также есть большой процент людей, которые используют рабочие компьютеры кампаний, где выбор браузера уже сделало за них руководство. Все это действительно усложняет работу для разработчиков web-сайтов и делает их оптимизацию очень важной и кропотливой работой, которой не стоит пренебрегать ни в коем случае, даже если очень хочется.
Нет также четкой формулы успеха для web-сайта или каких-то обязательных правил в сфере дизайна, которых следует безоговорочно придерживаться. Ключ к успеху лежит в понимании того, что сайт должен быть максимально доступен для всех пользователей сети, выдерживать большую нагрузку посетителей и не бояться экспериментировать, используя смешения старых проверенных технологий и новых инновационных решений. Если у вас есть четкое понимание, того что является потребностью аудитории в данный момент времени и есть понятная цель использования web-сайта, то успех непременно придет со временем.

1.2 Разметка Web-документов в сети

После того как были подробно изучены все этапы разработки современного web-сайта, стоит наглядно изучить, каким образом он создается. Первым важным элементом является язык разметки гипертекстовых страниц HTML, который, по сути, является языком, разработанным специально для работы с web-документами. Этот язык отвечает за синтаксис и размещение тегов, которые внешне не видимы пользователю, но дают информацию для браузеров, указывая им как именно показывать содержимое документов. В дополнение к этому его можно использовать в создании ссылок на иные документы, будь они локальными или сетевыми, находящимися в глобальной сети интернет.
Существует стандарт HTML, который был разработан при помощи руководства консорциума W3C. В наше время используется спецификация HTML5, поддержкой которой активно занимаются большинство браузеров. На данный стандарт огромное влияние оказывает присутствие тегов, предлагаемых наиболее часто использующимися браузерами. В настоящее время данные теги могут и входить в состав спецификации HTML5, и не входить.
Для создания документа на языке HTML существуют различные приложения. HTML является всего лишь обычным текстовым ASCII-файлом, что говорит о том, что для его создания подойдет абсолютно любой редактор текстов, даже если его возможности очень ограничены. Например, можно использовать даже обычный встроенный в операционную систему Windows - блокнот. Он знаком практически каждому пользователю компьютера, и в тоже время его достаточно для написания кода на языке HTML. Однако, конечно, существуют и приложения, которые были разработаны специально под HTML. Их преимущество состоит в том, что они позволяют очень просто вписывать повторяющиеся кусочки кода, имеют некоторые автоматические установки для начальных настроек, что очень существенно экономит время. В том же блокноте придется всегда вписывать все вручную, без подсказок и горячих клавиш. Данные редакторы, конечно, все еще требуют знаний в составлении HTML вручную, но значительно упрощают эти процессы.
Чтобы более подробно разобраться, как этот язык работает, стоит сказать, что документ HTML содержит обычный текст содержания страницы и также встроенные теги, что являются инструкциями к структуре, внешнему виду и функциями самого содержимого. Сам же документ можно разделить на две части - заголовки HEAD и тело BODY. Заголовки содержат лишь сведения о документе, вроде имени или методической информации. В теле же размещается непосредственно содержание документа, которое будет отображаться в браузере.
Каждый вид тегов включает в себя имя и необязательные атрибуты, которые указываются внутри угловых скобок, благодаря им их содержимое не будет отображаться в браузере. Имя тегов чаще всего содержит в себе подсказку об его функциях, что делает запоминание гораздо легче для новичков. Атрибуты помогают обозначить какое-либо значение свойств, как цвет или количество. И имя, и атрибуты внутри тега, в большинстве своем, могут писаться как в верхнем регистре, так и в нижнем, это не имеет значения. Однако если писать имена файлов с неверным регистром или же указывать таким образом URL, то могут возникнуть проблемы.
Почти все теги являются контейнерами. Это говорит о том, что они имеют открывающий тег и закрывающий. Инструкции содержит текст, который находится между ними. Между ними есть отличия, закрывающий тег не может содержать атрибутов и перед его началом нужно ставить слеш (\). Он является тем элементом, что выключает тег.
Существуют также автономные теги, они не могут иметь закрывающих тегов, так как служат в целях размещения автономных элементов на странице.
Атрибуты добавляют в тег для расширения или модификации его действий. При этом для одного тега вполне можно добавлять несколько атрибутов. В случае, если атрибуты идут после наименования тега, они должны разделяться пробелом. Порядок следования при этом не имеет значения. Большая часть из атрибутов имеют значение, которое пишется после знака равенства. Максимальная длина значения может достигать 1024 символа. Конкретно с атрибутами следует быть аккуратным с регистрами. ... продолжение

Вы можете абсолютно на бесплатной основе полностью просмотреть эту работу через наше приложение.