Создание web – сайта средствами HTML
Оценка 4.7

Создание web – сайта средствами HTML

Оценка 4.7
Лекции +1
docx
информатика
10 кл—11 кл +1
26.05.2018
Создание web – сайта средствами HTML
Публикация является частью публикации:
Создание веб сайта.docx
Содержание Введение...................................................................................................................3 Глава 1. Создание web – сайта................................................................................4 1.1Описание предметной области.......................................................................4 1.2Разработка дизайна Web-страниц сайта........................................................4 ГЛАВА 2. Постановка задачи..................................................................................7 2.1 Информационная структура web-сайта.........................................................8 2.2. Код сайта.....................................................................................................11 Заключение.............................................................................................................12 Список использованной литературы....................................................................13 Приложение............................................................................................................14 2 Введение Бесчисленное множество новых технологий, вызванных бурным ростом информатизации   общества,   делает   нашу   жизнь   невозможной   без   быстрого доступа   к   информации.  В   наше   время   очень   легко   получить   информацию, одним из способов быстрого доступа к ней является сайт. Создание сайтов на сегодняшний день, становится одной из наиболее актуальных и востребованных услуг. Именно поэтому, большинство компаний уже оценили все преимущества такого предложения как создание сайтов и позаботились о разработке подходящего ресурса. Пользователю   приятно   посещать   те   Web­страницы,   которые   имеют стильное   оформление,   не   отягощены   чрезмерно   графикой   и   анимацией, быстро   загружаются   и   правильно   отображаются   в   окне   Web­браузера.   Но может возникнуть и другая проблема ­ сайт может оказаться не интересным пользователю   и   та   информация,   которую   он   несет,   окажется   не востребованной.   Именно   поэтому   важно,   чтобы   сайт   отвечал   всем требованиям пользователя. Целью   работы   является   формирование   теоретических   знаний   по проектированию web­сайта и практических навыков по его разработке. Для   выполнения   курсового   проекта   были   поставлены   следующие задачи: проанализировать   содержание   сайтов   для   выявления   актуальных потребностей пользователей Интернет; познакомится с основными теоретическими понятиями разработки web­ сайта; научится проектировать и разрабатывать web­сайт. 3 Глава 1. Создание web – сайта  1.1 Описание предметной области На   первом   этапе   проектирования   web­сайта   необходимо   выполнить анализ предметной области, т.е. определить объекты предметной области и связи между объектами. Функциональный   подход   реализует   принцип   движения   "от   задач"   и применяется, когда определен комплекс задач, для обслуживания которых создается   web­сайт.   В   этом   случае   можно   выделить   минимальный необходимый   набор   объектов   предметной   области,   которые   должны   быть описаны. В предметном  подходе объекты предметной области определяются с таким расчетом, чтобы их можно было использовать при решении множества разнообразных, заранее не определенных задач 1.2 Разработка дизайна Web­страниц сайта При   разработке   дизайна   Web­страницы   фиксированного   размера, вероятно,   придется   выбирать   для   нее   размер   экрана.   Здравый   смысл подсказывает,   что   страница   должна   быть   доступна   (и   правильно отображаться)   для   максимально   возможного   числа   пользователей.   Идея проста:   необходимо   определить   наиболее   часто   используемое   разрешение дисплея   и   разработать   страницу   таким   образом,   чтобы   страница гарантированно заполняла все рабочее пространство. Большинство   дизайнеров   рекомендуют   разрабатывать   страницы   в формате   640x480,   чтобы   при   просмотре   пользователям   не   пришлось применять   горизонтальную   прокрутку.   Горизонтальная   прокрутка   всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают. Все   большее   число   разработчиков   считает   стандартным   разрешение 4 800x600. И совсем единицы разрабатывают страницы для еще более высоких разрешений.  Конечно,  ваше   решение   будет,   в   первую   очередь,  зависеть   от аудитории.   Например,   если   сайт   ресурсов   для   дизайнеров   графики,   то считаем, что они имеют дисплеи, по крайней мере, с разрешением 800x600 или выше,   в   соответствии   с   чем   и   разрабатывается   страница.   Если   сайт предназначен   специально   для   WebTV   или   какого­то   другого   устройства отображения, следует ориентироваться на это конкретное устройство. Достойный   уважения   Web­дизайн   включает   разработку   страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility   Initiative   (WAI),   которая   ставит   целью   сделать   Web   более доступным для всех пользователей. Однако успех данной инициативы зависит от   участия   в   ней   рядовых   разработчиков,   которые   могут   (или   не   могут) создать Web­сайты в соответствии с поставленными задачами. Пользователи   с   ограниченными   возможностями   зрения   могут увеличения специальные устройства   использовать     для   изображения,находящегося   на   экране.   В   этом   случае   к   дизайну   не предъявляется никаких специальных требований. Многие   люди   с   проблемами   зрения   используют   текстовые   браузеры (такие как Lynx) вместе с программным обеспечением, которое громко читает содержимое   страницы.   В   любом   случае   основное   внимание   уделяется структуре   документа   и   его   тексту.   Графическое   содержимое   может   быть просто утеряно. Исходя из данных выше правил, дизайн сайта будет следующим. 5 Рисунок 1.1 Шаблон дизайна сайта Рисунок 1.2 Дизайн сайта. 6 ГЛАВА 2. Постановка задачи Постановка   задачи   ­   это   важнейший   этап   создания   сайта,   который позволяет   разработчику   сайта   минимизировать   трудозатраты,   сократить время,   и   уменьшить   количество   возможных   ошибок   и   недоработок   при создании сайта. Тщательная   проработка   данного   этапа   необходима   для   лучшего понимания   истинных   задач,   которые   поставлены   перед   разработчиком заказчиком   сайта.   Правильно   и   четко   поставленная   задача   позволяет превратить   будущий   сайт   в   эффективный   инструмент   достижения   целей заказчика. Данный этап можно так же назвать "А зачем и для чего нужен сайт?". Обычно для того чтобы постановка задачи была наиболее полной, заказчику необходимо понять и ответить на следующие вопросы: Цель создания сайта: Сайт   создается   для   автоматизации   некоторой   работы   сотрудников телевидения.   Для   получения   отзывов   о   работе,   получение   заказов поздравлений по существующей форме, и привлечение новой аудитории. На сайте   будут   так   же   показываться   новости   района   и   фотоотчеты   с мероприятий. Целевая аудитория: В основном, аудиторией будет являться молодые люди школы. Так как пожилые люди не пользуются сетью Интернет. Необходимые ресурсы: Такими   ресурсами   могут   быть   тексты,   фотографии,   аудио­видео материалы, прайс­листы, логотип, базы данных и т.д. Определение сроков: Сайт создается в течении месяца. 7 2.1  Информационная структура web­сайта Как же выглядит информационная иерархия на web­странице? Один из вариантов может быть таким: Логотип Название сайта Слоган Название страницы Заголовки Навигация Выделенный текст Простой текст Приведенная   выше   последовательность   не   претендует   на   то,   чтобы только так и определять иерархию информации. Нужно понимать то, что вся информация   на   странице   представляет   собой   единую   и   взаимосвязанную систему, каждая составляющая которой должна выполнять возложенные на нее функции. Рассмотрим эти функции подробнее. Логотип­   "опознавательный   знак"   сайта.   В   деловом   интернете   это элемент связи между реальным и виртуальным представлением той или иной организации. Название сайта необходимо для его идентификации. Прочитав название, посетитель   должен   понять,   куда   он   попал,   на   домашнюю   страницу,   сайт организации или развлекательный портал. Слоган представляет собой рекламную фразу, которая характеризует услуги или товары и служит для привлечения внимания посетителей. Название   страницы   предназначено   для   определения   текущего местоположения посетителя на сайте. Заголовки служат для краткого описания содержания информационного блока, к которому они относятся, или используются как рекламные фразы для 8 привлечения внимания. Навигация предназначена для быстрого перехода от одной информации  к другой. Можно было написать для перехода между страницами, но в настоящее   время   это   не   всегда   так,   поскольку   можно   получать   новую информацию, оставаясь на одной и той же странице, т.е. загружать новую информацию в текущую страницу. Выделенный   текст   предназначен   для   акцентирования   внимания посетителей на нем. Простой текст служит в качестве носителя информации. На   web­странице   может   находиться   большое   количество информационных   элементов,   поэтому   для   упрощения   восприятия   и различимости   web­разработчику   необходимо   производить   их   группировку. Для этого используют два подхода: от общего к частному и от частного к общему.   Первый   подход   служит   для   определения   общей   структуры информации,   второй   ­   для   детальной   проработки   отдельных   ветвей   этой структуры. Графически   информационную   структуру   сайта   можно   представить   в виде   независимых   вложенных   информационных   блоков,   оформленных различным способом и размещенных на плоскости.    9 10 2.2. Код сайта Школа ­ Начало #top, #submenu li:hover a, #submenu li.selected a { background­color : #4e4c4c } #title .mz_wysiwyg { color : #000000 } #menu > ul > li > a, #submenu li:hover a, #submenu li.selected a, #languages li > a  { color : #000000 } 11 Заключение В данной курсовой работе рассмотрены актуальные вопросы разработки и создания современного Web­сайта. При этом мною были решены следующие частные задачи: ознакомление с современными Интернет­технологиями и использование их в своей разработке; изучение основных программы применяемых для разработки и создания Web­сайта; ознакомление с методами и способами представления на Web­страницах различных видов информации (текстов и изображений); ознакомление с основными правилами и рекомендациями по разработке и созданию Web­сайтов и неукоснительное следование им в своей практике; определение структуры Web­страниц; предоставление пошаговой стратегии разработки web­сайта; предоставление инструкции для пользователей web­сайта. В   результате   проведенных   работ   на   базе   выбранных   технологий   был создан современный Web­сайта. 12 Список использованной литературы 1. Дронов В.А. Программирование. ­ СПб.: БХВ­Петербург, 2006 2. Алексеев А.П. Введение в Web­дизайн: учебное пособие. ­ М.: СОЛОН­ ПРЕСС, 2008 3. Барысов Р. Постройте профессиональный сайт сами. ­ СПб., 2009 4.    Печников  В.Н. СомоучительWeb­страниц  и Wrb­сайтов. ­ М.:  Триумф, 2006 5.   Печников   В.Н.   Создание   Web­сайтов   без   посторонней   помощи.   ­   М.: Триумф, 2006 5. Панфилов К. По ту сторону веб­страницы. ­ СПб.: ДМК Пресс, 2008 6.   Кроудер   Д.   Создание   web­сайта   для   чайников:   3­е   издание.   ­   М.: Диалектика, 2009 7.Вильямсон   Х.   Универсальная   библиотека   программиста   ­   СПб.:   ПИТЕР, 2001 13 Приложение 14 15 16

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML

Создание web – сайта средствами HTML
Скачать файл