Курсовая Работа На Тему Создание Сайта
Курсовая Работа На Тему Создание Сайта
Получите деньги за публикацию своих разработок в библиотеке «Инфоурок»
и получить бесплатное свидетельство о размещении материала на сайте infourok.ru
Инфоурок
›
Информатика
› Другие методич. материалы › Курсовая работа по созданию сайта
Рейтинг материала:
5,0 (голосов: 2)
Московский институт профессиональной переподготовки и повышения квалификации педагогов
Курс профессиональной переподготовки
от 7.200 руб.
от 3.600 руб.
Курс профессиональной переподготовки
от 8.700 руб.
от 5.220 руб.
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
Выберите категорию:
Все категории Алгебра Английский язык Астрономия Биология Внеурочная деятельность Всеобщая история География Геометрия Директору, завучу Доп. образование Дошкольное образование Естествознание ИЗО, МХК Иностранные языки Информатика История России Классному руководителю Коррекционное обучение Литература Литературное чтение Логопедия, Дефектология Математика Музыка Начальные классы Немецкий язык ОБЖ Обществознание Окружающий мир Природоведение Религиоведение Родная литература Родной язык Русский язык Социальному педагогу Технология Украинский язык Физика Физическая культура Философия Французский язык Химия Черчение Школьному психологу Экология Другое
Выберите класс:
Все классы Дошкольники 1 класс 2 класс 3 класс 4 класс 5 класс 6 класс 7 класс 8 класс 9 класс 10 класс 11 класс
Выберите учебник:
Все учебники
Выберите тему:
Все темы
также Вы можете выбрать тип материала:
Все материалы
Статьи
Научные работы
Видеоуроки
Презентации
Конспекты
Тесты
Рабочие программы
Другие методич. материалы
Митрофанова Татьяна Владимировна
Написать
98637
28.05.2015
Информатика
Другие методич. материалы
Авторизуйтесь , чтобы задавать вопросы.
Знаете, что говорят коллеги из Вашего учебного заведения о КУРСАХ «Инфоурок»?
О нас
Пользователи
сайта
Часто задаваемые вопросы
Обратная связь
Сведения об организации
Партнерская программа
Для всех учителей из 37 347 образовательных учреждений по всей стране
репетиторы онлайн от проекта «ИнфоУрок»
Онлайн-занятия с репетиторами Подберём репетитора лично для Вас и запишем на бесплатное пробное занятие!
Обращаем Ваше внимание, что в соответствии с Федеральным законом N 273-ФЗ «Об образовании в Российской Федерации» в организациях, осуществляющих образовательную деятельность, организовывается обучение и воспитание обучающихся с ОВЗ как совместно с другими обучающимися, так и в отдельных классах или группах.
Только сейчас Вы можете пройти дистанционное обучение прямо на сайте "Инфоурок" со скидкой 40% по курсу повышения квалификации "Организация работы с обучающимися с ограниченными возможностями здоровья (ОВЗ) в соответствии с ФГОС" (72 часа). По окончании курса Вы получите печатное удостоверение о повышении квалификации установленного образца (доставка удостоверения бесплатна).
Глава 1 Анализ программного обеспечения по разработке сайта
1.1 Обзор существующих языков создания сайта
1.2 Возможности языка гипертекстовой разметки HTML
Глава 2 Этапы создания сайта «Мир вышивки»
2.2 Описание процесса создания сайта
Интернет стал, наиболее эффективным средством рекламы и продвижения и является одним из важных элементов современной цивилизации. Интернет может удовлетворить все потребности современного человека: это покупки, заключение деловых отношений, поиск клиентов и так далее. Но многие заходят в Интернет читать, развлекаться, общаться, узнавать что-то новое для себя. Поэтому создание сайтов стало таким популярным.
В Интернете свое место нашло народное искусство, так как это наше материальное и духовное богатство. Уникальное и многообразное по своим видам, оно составляет значительную часть отечественной культуры. Своеобразной формой народного искусства являются народные художественные промыслы. Среди множества форм художественных народных промыслов - вышивка является самым доступным и любимым. Возможность путем приложения своего труда преобразить белую ткань холста в красиво украшенную вещь. Произведения народных мастериц несут в себе историческую память народа, хранят его представления о мире, человеке, красоте.
По мнению исследователей Богуславской И.Я., Стасова В.В., Динцес Л.А. и Городцева В.А. [2.5] русская вышивка была подвержена сильному влиянию рукоделия Византии. Явное смешение стилей придает предметам русского вышивального искусства особую оригинальность, самобытность и неповторимость.
В настоящее время с помощью сети Интернет можно найти информацию о вышивках, способах вышивания, об инструментах необходимых для вышивания, также существует множество интернет - магазинов, в которых можно приобрести наборы для вышивания или схему для вышивания. Но, к сожалению, в настоящее время нет таких сайтов, в которых можно просмотреть готовые работы, купить готовую картину или разместить свою картину для последующей реализации.
Актуальность курсового проекта состоит в том, что в настоящее время нет сайтов по данной тематике, либо они предоставляют пользователю минимум информации, поэтому зачастую пользователю необходимо пользоваться несколькими сайтами, что не всегда удобно.
Объектом исследования является процесс разработки сайта.
Предмет – язык гипертекстовой разметки HTML как средство создания сайта.
Цель – разработать сайт «Мир вышивки» с использованием языка гипертекстовой разметки HTML .
Проанализировать существующие языки для написания сайта.
Рассмотреть функциональные возможности HTML .
Наполнить сайт информацией по теме.
Разработать руководство пользователя.
При написании курсового проекта использовались метод теоретического исследования (анализ) и эмпирический метод (изучение источников литературы).
Практическая значимость проекта заключается в том, что с помощью данного сайта можно приобрести готовые работы автора. Данный сайт планируется использовать для продажи готовых работ, а также распространение опыта автора.
Глава 1 Анализ программного обеспечения по разработке сайта
Обзор существующих языков создания сайта
Существует множество языков и программ для написания сайта.
FrontPage - входит в состав пакета приложений Microsoft Office.
Данное приложение при разработке страниц веб-узла пользуется html-движком Trident, который лежит в основе браузера Internet Explorer. В браузерах, использующих другие движки, например Gecko, страницы, созданные с помощью FrontPage, могут отображаться по-другому. Программа обладает широким спектром возможностей, в частности, может автоматически отправлять изменения, внесённые разработчиком сайта в исходные тексты, в режиме реального времени [1.3].
CSS - формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL [2.2].
Macromedia Dreamweaver - программа была создана разработчиками специально для того, чтобы облегчить работу по созданию любых сайтов, начиная с домашней страницы и заканчивая коммерческим сайтом. Эта программа хорошо подходит начинающим WEB-дизайнерам, которые только делают первые шаги к созданию своего собственного сайта [1.3].
Web Page Maker – это очень простой инструмент для создания WEB – страниц. С его помощью можно создать свою страничку даже не обладая никакими знаниями HTML. Просто перетаскивая мышкой на рабочее пространство программы изображения, текст, музыку и видео. Во время работы с лёгкостью можно передвигать объекты по всей странице. Web Page Maker содержит несколько высококачественных шаблонов, которые помогут начать работу. Также вместе с программой поставляются различные эскизы, Java - скрипты, таблицы, формы и т. д. В программу встроен FTP-менеджер, с помощью которого можно опубликовать свой сайт в интернете [1.6].
WebSite X5 Evolution - полноценная программа для создания web-сайтов, за несколько шагов пользователь сможет создавать и опубликовывать профессиональные веб-сайты и онлайн-магазины. Не требует знаний программирования, имеет более 1000 готовых шаблонов веб-сайтов, проста в использовании, по сравнению с другими программами по визуальному сайтостроительству. Сайты созданные в данной программе совместимы с разными интернет-браузерами, могут просматриваться с мобильных телефонов и индексируются поисковыми системами. Программой могут пользоваться пользователи, которым нужно простое и быстрое создание собственного веб-сайта или веб-галереи. Бизнесмены могут использовать данную программу для профессионального создания корпоративных веб-сайтов или онлайн-магазинов. Данная программа не имеет никаких ограничений по количеству создаваемых страниц и веб-сайтов [1.3].
HTML - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме [2.2].
В выше перечисленных программах есть такие недостатки как:
Работа с таблицами. В программах имеется отдельная утилита для редактирования таблиц (Table Editor), но она не интегрирована в главную программу и требует экспортирования таблиц в виде графического объекта, что затрудняет работу с ним [1.7].
Требования к аппаратным и программным средствам при установке программы.
Прежде чем начать работу с программой, необходимо инсталлировать ее на жесткий диск. Процесс инсталляции автоматизирован и достаточно прост, очень важно иметь представление о том, какие компоненты понадобятся наверняка, а какие можно не устанавливать, т. к. редко используемые приложения будут занимать часть дискового пространства совершенно напрасно.
Не во всех программах включены в библиотеку различные заготовки: библиотек Java - скриптов, таблиц, форм, фреймов, изображений и множества дополнительных функций [2.2].
Не во всех программах содержится несколько высококачественных шаблонов, которые ещё больше упростят задачу по созданию собственного сайта.
Проанализировав несколько популярных редакторов, исследовав их достоинства и недостатки, можно сделать вывод: идеального редактора нет. Учитывая все недостатки, мы с руководителем решили создать сайт с помощью гипертекстовой разметки HTML .
Возможности языка гипертекстовой разметки HTML
Язык HTML лучше всего подходит для создания интерактивных сайтов, страниц с использованием современных мультимедийных форматов (музыка, фото и видео, игры) [2.1]. Причем все эти мультимедиа воспроизводятся прямо в браузере, без вызова дополнительных программ типа Adobe Flash.
Язык HTML, несмотря на кажущуюся поначалу сложность, очень простой, можно даже сказать, примитивный. Он состоит из небольшого набора тегов (от англ. tag) - элементов языка разметки, таких как текст, иллюстрация, таблица и их атрибутов – параметров, определяющих дополнительные свойства тега [1.1].
Писать сайт на языке HTML можно в текстовом редакторе «Блокнот», который входит в набор стандартных программ любой операционной системы.
HTML задает синтаксис тегов, в соответствии с которыми программа просмотра отображает содержимое документа: текст, изображения, таблицы и данные других типов. Сами теги программой просмотра не отображаются. В HTML реализована поддержка механизма специальных гипертекстовых ссылок, которые обеспечивают связь данного документа с другими документами [2.3].
Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML, скорее всего, будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими браузерами Web, как сейчас, так и в будущем. Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения.
Один недостаток гипертекстовой разметки HTML – знания языка гипертекстовой разметки (теги, атрибуты).
Глава 2. Процесс создания сайта «Мир вышивки»
Разработка структуры web-сайта является одним из ключевых моментов его создания, который в большой степени определяет эффективность его функционирования в будущем. С технической точки зрения структура сайта – это не что иное, как все его страницы, расположенные в порядке их значимости для пользователей, то есть иерархии [1.7].
Разрабатывая структуру для будущего сайта, очень важно учитывать то, что сегодня выигрывают, прежде всего, те интернет-ресурсы, которые могут обеспечить своим пользователям быстрый доступ к любой информации, находящейся на их страницах [2.4].
Главная страница (история развития вышивания).
Галерея (картины крестиком, картины бисером, картины лентами, картины гладью).
На главной странице будет находиться меню-ссылки, по которым можно перейти в галерею, контакты и перейти по ссылке «Оценка стоимости картин», просмотреть краткую историю развития вышивки. На рисунке 1-3 изображена главная страница сайта.
Рисунок 2. Меню-ссылки на другие страницы
На странице галерея можно будет просмотреть работы, готовые картины (вышитые крестиком, бисером, лентами, гладью), сделать заказ, написать комментарий. На рисунках 4-7 изображены веб-страницы сайта готовых работ.
Перейдя по ссылке «Контакты» можно обратиться по указанному номеру, написать на электронную почту (соц.сети) для получения дополнительной информации, которая заинтересует. На рисунке 8 изображена веб-страница «Контакты».
Оценка стоимости картин – это дополнительный сайт, в котором можно самостоятельно оценить работу с помощью онлайн калькулятора, который изображен на рисунке 9.
2.2 Описание процесса создания сайта
Для того, чтобы создать страницу сайта достаточно в текстовом редакторе, в блокноте сделать следующую надпись:
Здесь расположено основное содержание страницы
Первая страница сайта создана. После этого, нужно сохранить документ, при этом поменяв расширение с txt на html . После этого, страница сайта будет открываться уже не через блокнот, а в браузере [2.6]. Пример написания страницы показан на рисунке 10.
Пара тегов показывает браузеру, что данный документ является html – документом. Между ними располагается все содержимое моей странички. В том числе и пары тегов ,.
Содержимое тега содержит служебную информацию для браузера, и поисковых систем, и не отображается на странице, за исключением тега [2.3]. Тег предназначен для хранения основного содержимого страницы сайта, которое будет отображаться в окне браузера.
Содержимое тега это оглавление страницы. Его содержимое отображается на вкладке браузера. Это очень важный тег, так как именно он говорит поисковым системам, чему посвящена страница сайта [2.1]. Таким образом, для того, чтобы страница попала в выдачу поисковой системы по определенному запросу, этот запрос должен присутствовать в теге . Пример показан на рисунке 11.
Рисунок 11. Тег - оглавление страницы
Для написания создания сайта я использовала теги:
При помощи тегов форматирования текста, был изменен текст жирным, подчеркнутым, изменен размер, изменен цвет.
Переход на следующую строку, я использовала тег [2.6].
С помощью следующих тегов, абзацы текста были выровнены по левому краю, по правому краю, по ширине и по центру:
Пример выравнивая текста по центру изображен на рисунке 12.
Рисунок 12. Выравнивание текста по центру
Были изменены размеры и виды шрифта:
< p >< font size = « 7»>Шрифт 7 font > p > самый большой.
< p >< u >Подчеркнутый текст u > p >.
Для лучшего восприятия текста, был изменен цвет текста:
Пример написания тегов изменения цвета изображен на рисунке 13.
Рисунок 13. Написание тега изменение цвета текста
С помощью тега < body background …> был задан фон картинкой каждой веб-страницы [2.3].
На веб-страницах (Картины крестиком, бисером, лентами, гладью) были изменены размеры картинок в таблице с помощью тега .
С помощью текстовой ссылки был осуществлен переходов между страницами сайта, внутри текста на одной странице, а также и на другие сайты [2.6].
Пример текстовых ссылок изображен на рисунке 14.
Рисунок 14. Написание текстовых ссылок в блокноте для сайта
Для удобного просмотра картинок на каждой веб-странице, с помощью тегов создана простейшая таблица:
Пример простейший таблице показан на рисунке 15.
Рисунок 15. Написание таблицы для сайта в блокноте
На главной странице сайта находятся меню-ссылки по которым можно перейти на другие страницы. А так же на главной странице можно прочитать историю развития разной вышивки. На рисунках 16-19 показаны ссылки на другие страницы.
Рисунок 16. Ссылки на другие веб-страницы
Рисунок 17. История вышивания крестиком
Рисунок 18. Ссылки для перехода на другую страницу истории вышивания
Рисунок 19. История вышивания бисером.
Перейдя по ссылке картины бисером, так же картины гладью, крестиком, лентами можно просмотреть готовые картины. Под каждой работой указан размер картины, как изображено на рисунке 20.
Рисунок 20. Указание размера под каждой готовой работой
Так же под каждой картинкой в таблице иметься поле для написания комментария. В этом поле можно написать любой интересующий вопрос, любой комментарий к картинам. После написания комментария нужно нажать кнопку отправить, и ваш комментарий будет отправлен. Если вы написали не тот комментарий, следует просто нажать крестик и ваше предложение будет удалено. На рисунках 21-22 изображено поле для написания комментариев и кнопка для отправки.
Рисунок 21. Поле для написания комментария и кнопка для отправления
После написания комментария нажав на кнопку «отправить», высветиться окно, которое изображено на рисунке 23.
Рисунок 23. Окно после отправки комментария.
Если вы хотите сделать заказ, вам нужно под картинкой в таблице поставить «галочку», как указанно на рисунке 24.
После нажатия кнопки «Заказать», вам нужно будет заполнить ваши данные.
После того как вы заполните свои данные и нажав кнопку отправить, откроется окно, которое изображено на рисунке 25.
Рисунок 25. Окно после заказа картины
Перейдя по ссылки «Контакты», вы можете обратиться по указанному номеру, написать на электронную почту (соц.сети) для дополнительной информации. На рисунке 26 изображена веб-страница «Контакты».
Рисунок 26. Веб-страница «Контакты»
Так же, на главной веб-странице есть ссылка на другой сайт, который оценивает стоимость картин. Перейдя по ссылки «Оценка картин», вы сможете самостоятельно оценить стоимость готовой работы. На рисунке 27 показан пример сайта «Оценка стоимости картин»
Рисунок 27. Оценки картин крестиком на сайте «Оценка стоимости картин»
Произведения прикладного искусства, оформленные художественной вышивкой, постепенно вновь стали проникать в городской быт, одежду горожан. В настоящее время проявляется большой интерес к нарядным, красочным, изящным вышитым вещам. Многие известные отечественные и зарубежные модельеры используют выразительные средства художественной вышивки при разработке коллекций. Художественная вышивка становится средством особой выразительности в современной одежде, декоре различных интерьеров.
При написании данного курсового проекта были проанализированы существующие языки и редакторы создания сайта, рассмотрены источники по теме работы, разработан сайт по теме «Мир вышивки», а также разработано руководство пользователя.
Разработанный сайт предоставляет пользователю возможности изучить историю и классификацию вышивания, посмотреть готовые работы, которые можно приобрести.
Таким образом, цель работы достигнута, поставленные задачи выполнены.
Дуванов А. А. Web-конструирование. – Петербург: 2009. - 384 с.
Едомский Ю. Е. Техника Web-дизайна для студента. – Петербург: 2010. - 491 с.
Крамер Э. HTML: наглядный курс Web-дизайна. - Киев: 2009. - 304 с.
Леонтьев Б. Web-дизайн. Руководство пользователя. - Киев: 2011. - 384 с.
Печников В. Н. Создание Web-страниц и Web-сайтов. - М.: Триумф: 2010. - 370 с.
Роббинс Д. Web-дизайн. Справочник. - "КУДИЦ-ПРЕСС": 2009. - 816 с.
Смирнова И. Е. Начала web-дизайна. –Петербург: 2010. - 491 с.
HTML и Web дизайн для начинающих: [Электронный ресурс]. - http://sovet.h1.ru (дата обращения: 29.03.2014)
Основы CSS и HTML : [Электронный ресурс]. - http://www.web-lesson.ru (дата обращения: 1.03.2014)
Создание сайтов: HTML : [Электронный ресурс]. - http://www.codeharmony.ru (дата обращения: 15.05.2014)
Архитектурная мастерская. Создание сайта: [Электронный ресурс]. - http://wonderfulstyle.ucoz.com (дата обращения: 23.04.2014)
Магия творчества. История вышивания: [Электронный ресурс]. - http://myhobbi.net (дата обращения: 14.04.2014)
Создание страниц сайта с помощью HTML : [Электронный ресурс]. - http://roumik.ru (дата обращения 31.03.2014)
Создание шаблона сайта с помощью CSS : [Электронный ресурс]. - http://ruseller.com (дата обращения 1.05.2014)
Влияние сенсорной интеграции на ребенка с ОВЗ в дошкольный период
Интернет стал, наиболее эффективным средством рекламы и продвижения и является одним из важных элементов современной цивилизации. Интернет может удовлетворить все потребности современного человека: это покупки, заключение деловых отношений, поиск клиентов и так далее. Но многие заходят в Интернет читать, развлекаться, общаться, узнавать что-то новое для себя. Поэтому создание сайтов стало таким популярным.
В Интернете свое место нашло народное искусство, так как это наше материальное и духовное богатство. Уникальное и многообразное по своим видам, оно составляет значительную часть отечественной культуры. Своеобразной формой народного искусства являются народные художественные промыслы. Среди множества форм художественных народных промыслов - вышивка является самым доступным и любимым. Возможность путем приложения своего труда преобразить белую ткань холста в красиво украшенную вещь. Произведения народных мастериц несут в себе историческую память народа, хранят его представления о мире, человеке, красоте.
Номер материала:
547745
Ответственность за разрешение любых спорных моментов, касающихся самих материалов и их содержания, берут на себя пользователи, разместившие материал на сайте. Однако администрация сайта готова оказать всяческую поддержку в решении любых вопросов, связанных с работой и содержанием сайта. Если Вы заметили, что на данном сайте незаконно используются материалы, сообщите об этом администрации сайта через форму обратной связи.
Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.
Курсовая работа по созданию сайта | Инфоурок
Курсовая работа : Создание структуры Web- сайта - BestReferat.ru
Проектирование web- сайта . Курсовая работа ...
Курсовая работа на тему "Технология создания web- сайта ..."
Курсовая работа (Теория) на тему " Создание web- сайта " скачать...
Реферат Дошкольное
Луна Как Важнейший Энергетический Источник Реферат
Рамочный Договор Реферат
Сочинение Про Казань 5 Класс
Реферат На Тему Дополненная Реальность