У нас можно недорого заказать курсовую, контрольную, реферат или диплом

«Создание сайта на тему: «Модульная сетка в Web-дизайне» - Курсовая работа
- 45 страниц(ы)
Содержание
Введение
Выдержка из текста работы
Заключение
Список литературы
Примечания

Автор: navip
Содержание
Введение 3
Глава 1. Основные принципы при разработке Web сайта 5
1.1 Web-страница 5
1.2 HTML-редакторы 5
1.3. Доступность Web-страницы 10
1.4. Структура Web-страниц 14
1.5. Разработка составных Web-страниц 16
1.6. Язык разметки гипертекстов HTML 16
1.7. Инструкции о структуре HTML - теги 17
1.8. HTML документ 21
Глава 2. Теоретические основы применения принципа модульной сетки в Web-дизайне 27
2.1. Модульные сетки в Веб-дизайне 27
2.2. Общая конструкция страницы 28
2.3.Технологии загрузки информации в блок и обновления информации 31
2.4. Одноколонный макет 33
2.5. Двухколонный макет 33
2.6. Трехколонный макет 34
Глава 3. Разработка web-сайта. Техническое задание 36
3.1 Общие положения 36
3.2 Цели и задачи 36
3.3 Структура и состав 36
3.4 Требования к системе 36
3.5. Реализация бета-версии сайта 39
3.6. Тестирование 39
3.7. Публикация сайта 40
Заключение 41
Список литературы 42
Введение
Модульной сеткой называется виртуальная сетка, которая обычно образуется при помощи горизонтальных и вертикальных линий. После чего, к ним начинают привязывать основные элементы страницы.
Это не новый термин, он был заимствован из издательского дела. Модульная сетка чрезвычайно актуальна в процессе создания Web-страницы. Благодаря ей определяются главные блоки для сайта. Даже, если не пытаться специально ее построить, она получится сама по себе.
Объекты, которые используются на сайте (текст, видео, картинки, рекламные баннеры, навигационные панели) должны иметь типовой дизайн шаблона. Что такое модульная сетка? Это набор линий и направляющих в шаблоне, на которых должны располагаться элементы дизайна. Работа с модульной сеткой значительно упрощает как проектирование интерфейса, так и последующую верстку макета.
Все эти, и не только, факты делают вопрос о создании интересного оформленного, технически грамотно спланированного WEB - сайта, крайне актуальным. Выбор темы для курсового проекта связан со всеми этими причинами. Актуальность темы обусловлена следующими аспектами:
1. Сетка позволяет представить информацию на странице цельной, упорядоченной и гармоничной.
2. Модульная сетка позволяет ускорить процесс работы, снизить временные затраты на поиски свободного или подходящего места в макете.
3. Сетка позволяет добавить новую информацию, при которой не нарушится общая концепция дизайна.
4. Разработанная модульная сетка может стать основой для построения дизайна для других страниц на сайте.
5. Модульные сетки позволяют пользователю облегчить восприятие материала, и помогают найти нужную информацию, при переходе по страницам.
Основной целью работы является разработка web-сайта «Модульная сетка в Web-дизайне». Для достижения поставленной цели необходимо решить следующие задачи:
1. Изучить теоретические основы применения принципа модульной сетки в Web-дизайне;
2. Изучить методику проектирования web-сайта;
3. Выявить эффективность функционирования web-сайта;
4. Разработать web-сайт «Модульная сетка в Web-дизайне».
Объект исследования – процесс создания информационного web-сайта «Модульная сетка в Web-дизайне»
Предмет исследования – программные инструменты для создания web-сайта.
Данная курсовая работа состоит из двух частей.
Целью первой части является рассмотрение существующего состояния предметной области, характеристики объекта и системы управления и обоснование предложений по устранению выявленных недостатков, внедрению новых подходов, новых технологий и т. д.
Вторая часть курсового проекта является описанием решений, принятых по всей вертикали проектирования. Глава основана на информации, представленной в аналитической части, обобщает ее. По сути, проектная часть является решением проблематики, изложенной в аналитической части, на языке информационных технологий.
В заключении сделаны выводы по курсовой работе, определены пути его внедрения на объекте и направления дальнейшего совершенствования.
Выдержка из текста работы
Глава 1. Основные принципы при разработке Web сайта
1.1 Web-страница
Wеb-страница (англ. web page) — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера.
Wеb-страницы обычно создаются на языках разметки HTML или XHTML и могут содержать гиперссылки для быстрого перехода на другие страницы.
Информация на wеb-странице может быть представлена в различных формах:
текст;
статические и анимированные графические изображения;
аудио;
видео;
апплеты.
Информационно значимое содержимое wеb-страницы обычно называется «content».
Несколько wеb-страниц, объединенных общей темой и дизайном, а также связанных между собой ссылками, и обычно находящихся на одном web-сервере, образуют web-сайт.
1.2 HTML-редакторы
Реда́ктор HTML или HTML-реда́ктор - компьютерная программа, позволяющая создавать и изменять HTML-страницы. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности.
По своей функциональности они делятся (часто весьма условно) на две категории:
Редактор показывает только исходный код.
Редактор показывает готовую страницу в режиме WYSIWYG (что
видишь, то и получишь).
Многие WYSIWYG-редакторы позволяют одновременно работать и с кодом страницы.
Текстовые редакторы (Notepad) возможно использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует "подсветка" текста., в общем, работать крайне неудобно.
Основным недостатком MS FrontPage является то, что он генерирует очень большой HTML-код (слишком много лишнего), поэтому страницы получаются большими, что сказывается на скорости загрузки. Более того, при создании web-страниц в этом редакторе видишь одно, а в окне браузера - совсем другое (особенно это касается Netscape Navigator). Странички получаются какими-то кривыми, поэтому для создания качественных web-страниц рекомендуется использовать пакеты, которые будут рассмотрены ниже.
Начнем мы с популярного Macromedia DreamWeaver. Компания Macromedia считается лидером по производсту программ для создания веб-сайтов, а также законодателем моды в этой области. Последния версия HTML-редактора этой компании - DreamWeaver 3, который относится к категории WYSIWYG-редакторов, и этот пакет имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG - что вижу, то и получаю).
Но DreamWeaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. DreamWeaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста) при помощи использования опции "запись последовательности команд" вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и DreamWeaver воспроизводит все в той же последовательности.
Следующий редактор - HomeSite 4 - для создания страниц вручную, т. е. для знатоков HTML. Вы получаете полный контроль над HTML-кодом, причем существует возможность оптимизировать свою страничку под один из трех популярных браузеров (MSIE, NN, Opera).
HomeSite содержит два основных режима: Edit и Design. Режим Design - это подобие WYSIWYG-редактора, выдающее HTML-код, причем, если вы загрузите чужой HTML-код, то HomeSite все перепишет по-своему. Режим Edit позволяет получить полный контроль над страничкой. Здесь вы можете настроить практически все, сможете прописать функции каждого тега (тогда ваша страничка в любом браузере будет смотреться одинаково).
Еще одна отличительная особенность HomeSite - это его «склейка» с Dreamweaver. HomeSite обладает кнопкой «Dreamweaver», а также входит в его стандартный пакет поставки. Впрочем, и DreamWeaver имеет возможность подключения HomeSite, как редактора для коректировки HTML-кода.
Одним из последних HTML-редакторов является EVR Soft 1st Page 2000 v2.
Его лозунг - "Create 1st class websites!" ("Создавайте первоклассные веб-сайты!"). Редактор содержит несколько режимов - Normal, Easy, Advanced/Expert и Hardcore, то есть вы можете выбрать свой уровень, а со временем перейти на более высокий. Еще одна особенность - довольно большая коллекция скриптов на JavaScript и DHTML. Все это довольно удобно разбито по категориям.
Графические редакторы
Создание и оптимизация графики - сложная и капризная задача. Безусловно, возможно создание web-страницы и без использования графики - при помощи шрифтов, скриптов и таблиц стилей (CSS) - и это будет красиво и стильно. Но ведь окончательный вид документа зависит от большого числа различных факторов, таких как: ширина окна браузера, предварительные настройки браузера, принятые по умолчанию размер шрифта, его имя и цвет. К тому же не все скрипты и стили поддерживаются всеми браузерами. Если же будет использована графика, то посетитель вашей страницы увидит ее точно такой, какой сделали и видите ее вы.
Основная сложность работы с web-графикой состоит в том, что пропускная способность каналов Интернета, в большинстве случаев, очень низкая и перед вами сразу встанут проблемы - как сделать графический файл небольшой по объему, но хорошего качества, какие программы и приемы использовать при его оптимизации.
Именно этому посвящен раздел о векторные и растровые графических редакторах, которые являются мощным инструментом обработки изображения в умелых руках.
Прежде чем рассмотреть векторные и растровые графические редакторы, следует уяснить себе, в чем состоит различие между векторным и растровым представлением изображения.
Растровая графика представляет собой сетку (растр), ячейки которой называются пикселами. Каждый пиксел в растровом изображении имеет строго определнное местоположение и цвет, следовательно любой объект представляется программой как набор окрашенных пикселов. Это значит, что пользователь, работая с растровыми изображениями, работает не над конкретнными объектами, а над составляющими их группами пикселов.
Растровые изображения обеспечивают высокую точность передачи градаций цветов и полутонов, а также высокую детализацию изображения, поэтому они являются оптимальным средством представления тоновых изображений, таких как сканированные фотографии.
Для изображения растровой графики всегда используется фиксированное количество пикселов, т.е. качество растрового изображения напрямую зависит от разрешающей способности оборудования. Это значит, что любое изменение изображения (поворот, увеличение и т.д.) приводит к неизменному искажению картинки и границы объектов получаются неровными.
Векторные изображения формируются на основе математически описанных фигур, называемых векторами, а вид изображения определяется параметрами векторов. Другими словами, векторная графика состоит из кривых, имеющих координаты, цвет и прочие параметры, а также замкнутых областей, заполненных определенным цветом. Границы этих областей также описываются кривыми. Файл с векторной картинкой содержит координаты и параметры кривых.
Результаты обработки векторных изображений не зависят от разрешающей способности оборудования, поэтому вы можете произвольно изменять их параметры (размер, цвет, форму и т.д.) - качество не ухудшится. Векторная графика применяется при создании цифровых объектов с использованием мелких кеглей (размеров шрифта) или таких объектов, как логотипы, для которых важно сохранять четкие контуры, при неограниченном масштабировании.
А) Редакторы растровой графики
Microsoft Paint - простой (или лучше сказать - простейший) редактор, входящий в стандартную поставку операционных систем Microsoft. Он обладает набором простейших функций (кисточка, карандаш, резинка и т.д.), которые позволяют создавать незамысловатые картинки. К сожалению, для обработки графики он практически не пригоден
Adobe Photoshop - на сегодняшний день это самый мощный пакет для профессиональной обработки растровой графики. Это целый комплекс, обладающий многочисленными возможностями модификации растрового рисунка, имеющий огромный набор различных фильтров и эффектов, причем есть возможность подключать инструменты независимых производителей.
PhotoPaint - еще один не менее известный графический редактор (из пакета Corel Draw) для обработки растровой графики, конкурирующий с Adobe Photoshop.
Painter - редактор предоставляет великолепные возможности для эмуляции реальных инструментов рисования: графит, мел, масло и т.д. Также позволяет имитировать фактуру поверхности материалов, живопись, создавать анимацию. Очень удобен для разработки фоновых рисунков или Web-страниц в стиле живописи.
B) Редакторы векторной графики
Adobe Illustrator - пакет позволяет создавать, обрабатывать и редактировать векторную графику.
CorelDraw - безусловно, такой известный графический пакет не мог обойтись без средств для обработки векторной графики.
Adobe Streamline - еще один продукт фирмы Adobe, предназначенный для трассировки (перевода) растровой графики в векторную. Это небольшой, но очень полезный и мощный продукт. Особенно полезен, если вы создаете Web-страницы с использованием векторной графики, например, технологии Flash.
1.3. Доступность Web-страницы
При разработке Web-страницы фиксированного размера, вероятно, придется выбирать для нее размер экрана. Здравый смысл подсказывает, что страница должна быть доступна (и правильно отображаться) для максимально возможного числа пользователей. Идея проста: необходимо определить наиболее часто используемое разрешение дисплея и разработать страницу таким образом, чтобы страница гарантированно заполняла все рабочее пространство.
Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.
Все большее число разработчиков считает стандартным разрешение 800x600. И совсем единицы разрабатывают страницы для еще более высоких разрешений. Конечно, ваше решение будет, в первую очередь, зависеть от аудитории. Например, если сайт ресурсов для дизайнеров графики, то считаем, что они имеют дисплеи, по крайней мере, с разрешением 800x600 или выше, в соответствии с чем и разрабатывается страница. Если сайт предназначен специально для WebTV или какого-то другого устройства отображения, следует ориентироваться на это конкретное устройство.
Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.
Пользователи с ограниченными возможностями зрения могут использовать специальные устройства для увеличения изображения, находящегося на экране. В этом случае к дизайну не предъявляется никаких специальных требований. Многие люди с проблемами зрения используют текстовые браузеры (такие как Lynx) вместе с программным обеспечением, которое громко читает содержимое страницы. В любом случае основное внимание уделяется структуре документа и его тексту. Графическое содержимое может быть просто утеряно.
Представление графики на Web-страницах
На данный момент почти все изображения в Web, представлены в двух форматах: GIF и JPEG. Третий соперник, заслуживающий упоминания, формат PNG, борется за поддержку и внимание браузеров. Далее – краткий обзор "большой тройки" онлайновых графических форматов. Более подробная информация представлена в главах, посвященных каждому из форматов.
GIF. GIF – Grafic Interchange Format можно назвать традиционным форматом файлов Web. Он был первым форматом файлов, который поддерживался Web-браузерами, и по сей день продолжает оставаться основным графическим форматом Web.
Его свойства состоят в следующем:
– поддерживает не более 256 цветов (меньше можно и часто нужно);
– использует палитру цветов;
– использует сжатие без потери информации по методу LZW (который подобен применяемому в архиваторе PKZIP, и, следовательно, GIF-файлы в дальнейшем практически не сжимаются);
– поддерживает чересстрочную развертку;
– является поточным форматом, т.е. показ картинки начинается во время перекачки;
– позволяет назначить одному из цветов в палитре атрибут прозрачный, что применяется при создании так называемых прозрачных GIFов;
– имеет возможность сохранения в одном файле нескольких изображений, что находит свое применение при изготовлении анимированных GIFов;
– поддерживает возможность вставки в файл управляющих блоков, которые позволяют вставлять комментарии в файл (например, об авторских правах), осуществлять задержку между показами изображений и т.д.
А теперь немножко разъяснений – к чему эти свойства могут привести. Как мы написали, GIF поддерживает не больше 256 цветов, а это значит, что все изображения, которые мы сохраняем в GIF-формате, явно или неявно уменьшают количество цветов, чтобы уложиться в этот лимит (разные программы с разным успехом). А отсюда вывод – если у взять красивую фотографию с плавными переходами и едва уловимыми оттенками цвета, то после преобразования все будет гораздо хуже – оттенки перестанут быть неуловимыми, и вся фотография приобретет неестественный, нереалистичный вид. Поэтому, если надо все-таки сохранить фотографию в формате GIF и передать все оттенки, то приходится идти на хитрости. Например, к фотографии можно применить какой-нибудь художественный фильтр и превратить ее в рисунок или применить тонирование. Зато нет никаких проблем с сохранением рисунков и чертежей в этом формате, они, как правило, хорошо сжимаются и не содержат много цветов.
JPEG. Вторым наиболее популярным графическим форматом в Web является JPEG – Joint Photographic Experts Group. Он содержит 24-разрядную информацию о цвете. Это 16,77 млн цветов в отличие от 256 цветов формата GIF. В JPEG используется так называемое сжатие с потерями. Это означает, что некоторая информация об изображениях в процессе сжатия отбрасывается, но в большинстве случаев ухудшение качества изображения не наносит вреда и часто даже не заметно.
Фотографии или любые изображения с плавными градациями цветов лучше всего сохранять в JPEG-формате, потому что он предлагает более высокое качество изображений, умещающихся в файл меньшего объема. Тем не менее, JPEG не является лучшим решением для графических изображений с одноцветными областями, поскольку этот формат имеет тенденцию испещрять цвета крапинками и конечный файл, как правило, будет несколько больше, чем GIF-файл для того же изображения.
PNG. Есть еще третий графический формат, конкурирующий за постоянное использование в Web. Это формат PNG – Portable Network Graphic, который, несмотря на некоторые достоинства, с 1994 г. находится более или менее в тени. Только недавно браузеры начали поддерживать PNG как встроенную графику, но PNG имеет все шансы стать очень популярным форматом в Web. Именно поэтому он включен здесь в "большую тройку". PNG может поддерживать 8-разрядные индексированные цвета, 16-разрядные полутона или 24-разрядные полноцветные изображения, используя схему сжатия без потерь. Это обеспечивает более высокое качество изображений, а иногда и меньший объем файлов по сравнению с форматом GIF. Кроме того, файлы PNG имеют некоторые замечательные функции, например, встроенное управление коэффициентом гамма, и изменяемые уровни прозрачности (это позволяет показывать рисунок фона сквозь отбрасываемые мягкие тени).
1.4. Структура Web-страниц
С особенностями разрешения дисплея связан вопрос выбора между изменяющимися страницами (изменяется размер и осуществляется настройка под разные размеры окон) и фиксированными по размеру (что позволяет разработчику лучше управлять размерами страницы). В пользу каждого из подходов есть веские аргументы. Естественно, можно найти хорошие доводы за и против каждого из них.
Разработка гибких страниц. Web-страницы по умолчанию гибкие. Текст и элементы HTML-файла попадают в окно браузера, заполняя все доступное пространство, вне зависимости от размеров дисплея. Если размер окна браузера изменяется, элементы повторно выводятся, чтобы настроиться на новые размеры. В этом и проявляется сущность Web. Многие дизайнеры сознательно разрабатывают страницы таким образом, чтобы они выдерживали расширения и сжатия Web-окна. Этот подход имеет свои достоинства и недостатки.
Достоинства:
– реальность такова, что Web-страницы будут отображаться на дисплеях с разным разрешением; гибкую страницу можно настроить для вывода на любом дисплее;
– заполнено все пространство дисплея, отсутствует нежелательное свободное место, наличие которого часто планируется разработчиками страниц с фиксированными размерами;
– дизайн гибких страниц по духу и по природе более близок к золотой середине. Согласно таким стандартам, "хорошей" считается страница, которая доступна для большинства пользователей.
Недостатки:
– на больших дисплеях длина строки может оказаться чрезмерной, когда текст заполняет всю ширину окна браузера. Длинные строки особенно неудобны для чтения с экрана, поэтому, при заполнении текстом всей ширины окна или фрейма, значительно ухудшаются условия чтения многим пользователям;
– на больших дисплеях элементы будут расположены на экране достаточно гармонично, на маленьких дисплеях они оказываются скученными;
– результаты гибкого дизайна непредсказуемы, и страница у разных пользователей будет выглядеть по-разному.
Разработка страниц фиксированного размера. Тем, кто хочет иметь больший контроль над разметкой страницы, следует разрабатывать страницы фиксированной ширины, которая будет постоянной для всех пользователей, независимо от размера дисплея или изменений размеров окна. Этот подход основан на принципах создания страниц в издательском деле, таких как поддержание постоянной сетки, отношений элементов, расположенных на странице, и удобные длины строк.
Достоинства:
– страница будет выглядеть одинаково независимо от размеров дисплея. Это особенно важно для компаний, стремящихся представить свой имидж одинаково для всех посетителей;
– страницы и столбцы с фиксированной шириной обеспечивают лучшее управление длинами строк. Чтобы строки не становились слишком длинными при просмотре на больших дисплеях, можно использовать таблицы.
Недостатки:
– если размер данного окна браузера меньше сетки страницы, части страницы не будут видны и может потребоваться горизонтальная прокрутка. Она почти всегда воспринимается как помеха, усложняющая работу, поэтому в большинстве случаев ее надо избегать. Одно из решений – выбрать размер страницы, который подойдет большинству;
– по-прежнему сложно контролировать размер выводимых символов в браузерах, так что элементы могут непредсказуемо смещаться в результате использования большего или меньшего размера, по сравнению с тем, который использовался при разработке;
– стремление полностью контролировать отображение страницы означает своего рода выступление против среды. Web – это не печатное издание, у него свои сильные стороны и особенности. Защитники стратегии гибкого дизайна скажут, что фиксированному дизайну нет места в Web.
1.5. Разработка составных Web-страниц
Конечно, не обязательно, чтобы Web-страницы были полностью фиксированными или гибкими. Можно разработать страницу, объединяющую оба подхода.
Один общеизвестный метод заключается в том, что создается разметка фиксированной страницы с использованием таблиц, а затем производится ее центрирование на странице таким образом, чтобы при выводе на большие дисплеи она выглядела более сбалансированной (избегая эффекта пустого экрана с правой стороны). При использовании этого метода невозможно точно расположить таблицу относительно фонового изображения.
Другой подход заключается в использовании таблиц или групп фреймов, которые состоят из столбцов (или фреймов), заданных комбинациями абсолютных и относительных размеров. В этом случае при изменении размера окна один столбец или фрейм сохраняет прежнюю ширину, в то время как остальные изменяют размер и заполняют свободное место.
1.6. Язык разметки гипертекстов HTML
Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.
Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах.
Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими броузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.
Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.
HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными броузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.
1.7. Инструкции о структуре HTML - теги
Документ HTML содержит текст (содержимое страницы) и встроенные теги – инструкциями о структуре, внешнем виде и функции содержимого. Документ HTML разделяется на две основные части: заголовок – head и тело – body. Заголовок содержит такие сведения о документе, как его название и методическая информация, описывающая содержимое. В теле находится само содержим документа (то, что выводится в окне браузера).
Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега. Как правило, имя и атрибуты внутри тега не чувствительны к регистру. Тег <BODY BGCOLOR=white> будет работать так же, как <body bgcolor=white>. Однако значения определенных атрибутов могут быть чувствительны к регистру. Это относится, в частности, к именам файлов и URL.
Контейнеры. Большинство тегов являются контейнерами. Это означает, что у них имеется начальный (открывающий или стартовый) и конечный (закрывающий) теги. Текст, находящийся между тегами, будет выполнять содержащиеся в них инструкции. Например:
The weather is <I>gorgeous</I>today.
Результат: The weather is gorgeous today.
Конечный тег имеет то же имя, что и начальный, но перед ним стоит слэш (/). Его можно рассматривать как "выключатель" тега. Конечный тег никогда не содержит атрибутов.
В некоторых случаях конечный тег не обязателен, и браузер определяет конец тега из контекста. Чаще всего опускают конечный тег <р> (абзац). Браузеры раньше поддерживали этот тег без соответствующего завершения, поэтому многие авторы Web привыкли использовать краткую форму. Это разрешено не всем тегам, и не все браузеры прощают их отсутствие. Поэтому, если есть сомнения, включите в текст закрывающий тег. Это особенно важно, когда в документе вы используете каскадные таблицы стилей.
Автономные теги. Некоторые теги не имеет завершающих тегов, потому что они используются для размещения отдельных (автономных) элементов на странице. Одним из них является тег изображения <img>, он просто помещает графику в поток страницы. Другие автономные теги – это разрыв строки (<br>), горизонтальная линия (<hr>) и теги, содержащие информацию о документе и не влияющие на содержимое, выводимое на экран, такие как <meta> и <base>.
Атрибуты. Атрибуты добавляются в тег для расширения или модификации его действий. К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных). Правила записи значения следующие:
– если значение представляет собой одно слово или число и состоит только из букв (a-z), цифр (0-9) и специальных символов (точка <.> или дефис <->), то можно поместить его после знака равенства без кавычек;
– если значение содержит несколько слов, разделенных запятыми или пробелами, или содержит специальные символы, отличные от точки или дефиса, тогда его необходимо поместить в кавычки. Например, URL требуют кавычек, потому что они содержат символы "://". Также кавычки необходимы при задании значений цветов с использованием формата "#rrggbb".
Если вы не уверены, стоит ли использовать кавычки, используйте их всегда для всех значений.
В теги HTML могут помещаться другие HTML-теги для осуществления воздействия нескольких тегов на один элемент. Это называется вложением, и, что бы правильно его осуществить, начальный и конечный теги вложенного тега должны обязательно находиться между начальным наконечным тегами внешнего тега, например:
The Weather is <B><I>gorgeous</I></B> today.
Результат: The weather is gorgeous today.
Часто встречающейся ошибкой является перекрытие тегов. Хотя часть браузеров отображают содержимое, отмеченное таким образом, многие не разрешают нарушать правило, поэтому важно размешать теги правильно. Следующий пример показывает неверное вложение тегов (заметьте, что тег <В> закрывается перед закрытием <I>):
The weather is <B><I>gorgeous</B></I>today – данная информация, игнорируемая браузерами.
Информация, игнорируемая браузерами. Некоторая информация, содержащаяся в документе HTML, включая определенные теги, которая будет игнорироваться при просмотре браузерами. В ее состав входят:
– разрывы строк. Символы конца строк в документе HTML игнорируются. Текст и элементы будут переноситься до тех пор, пока в потоке текста документа не встретится тег <р> или <br>. Разрывы строк выводятся, если текст обозначен как текст с заданным форматом (<рrе>);
– символы табуляции и множественные пробелы. Когда браузер встречает в документе HTML символ табуляции и несколько последовательных символов пробела, он выводит только один пробел. Таким образом, если документ содержит: "far, far away", браузер выведет "far, far away". Дополнительные пробелы можно добавить в текстовый поток, используя символ неразрывного пробела (Snbsp;). Кроме того, все пробелы выводятся, если текст является форматированным (находится в тегах <рrе>);
– множественные <р>-теги. Последовательность тегов <р>, не прерываемых текстом, всеми браузерами интерпретируется как избыточная. Содержимое будет выводиться так, как если бы был только один тег <р>. Большинство браузеров выведет несколько тегов <Br> в виде нескольких переходов на новую строку;
– нераспознаваемые теги. Если браузер не понимает тег или тот был неверно задан, то браузер его просто игнорирует. В зависимости от тега и браузера это может привести к различным результатам. Либо браузер ничего не выведет, или он может отобразить содержимое тега как обычный текст;
– текст в комментариях. Браузеры не выводят текст между специальными элементами <! и ->, которые используются для обозначения комментариев. После символов начала комментария и перед символами окончания обязательно должен находиться пробел. В сам комментарий можно помещать практически все. Комментарии нельзя вкладывать. В Microsoft Internet Explorer имеется фирменный тег, обозначающий комментарии <com-ment>.</comment>. Однако, он не поддерживается другими браузерами.
1.8. HTML документ
Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использован любой текстовый редактор.
Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.
Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация:
<p>Информация</p>
Здесь стартовым тегом является тег <P>, а завершающим - </P>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).
Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:
A) Объявление HTML;
B) Заголовачная часть;
C) Тело документа.
A) Объявление HTML
<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).
<HTML>
.
</HTML>
B) Заголовочная часть.
<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>.
<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
</HEAD>
</HTML>
C) Тело документа.
Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML.
<HTML>
<HEAD>
<TITLE> Моя первая страница</TITLE>
</HEAD>
<BODY>
.
</BODY>
</HTML>
Теперь мы можем написать HTML-код нашей странички:
<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
</HEAD>
<BODY>
Здесь будут мои страницы!
</BODY>
</HTML>
Форматирование текста
В разделе BODY все символы табуляции и конца строк браузером игнорируются и никак не влияют на отображение страницы. Поэтому перевод строки в исходном тексте HTML-документа не приведет к началу новой строки в отображаемом обозревателем тексте при отсутствии специальных тегов. Это правило очень важно помнить и не забывать ставить разделяющие строки теги, иначе у текста не будет абзацев, и он станет нечитаемым.
Для начала новой строки используется тег <BR> (сокр. от англ. break - прервать). Этот тег приводит к отображению браузером дальнейшего текста с начала следующей строки. Закрывающий для него тег не используется. Он удобен, если требуется с какого-то места писать с новой строки без начала нового абзаца, например, в стихотворении. Повторное его использование позволяет вставить одну или несколько пустых строк, отодвинув следующий фрагмент страницы вниз.
Сплошной текст без промежутков читается не очень легко, его неудобно просматривать и находить нужные места. Разбитый на абзацы, текст воспринимается гораздо быстрее. Для начала нового абзаца используется тег <P> (англ. paragraph - абзац). Этот тег, кроме начала новой строки, вставляет одну пустую строку. Но многократное повторение <P>, в отличие от <BR>, не приведет к появлению нескольких пустых строк, останется все та же одна пустая строка.
Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между собой пробелами (одним или несколькими), а пишутся в виде имя_атрибута="значение". Если значение не содержит пробелов, то кавычки могут быть опущены, но так делать не рекомендуется. Тег <P> может содержать атрибут ALIGN, определяющий выравнивание абзаца. По умолчанию абзац выравнен влево ALIGN="left". Возможны также выравнивания вправо ALIGN="right" и по центру ALIGN="center". При использовании атрибутов, после форматируемого текста следует использовать закрывающий тег </P>. Если его нет, то новый тег <P> означает закрытие предыдущего, соответственно вложенные <P> невозможны. Выравнить текст по центру возможно также тегом <CENTER>.
Теперь мы можем поместить на нашу Web-страницу некоторый текст с различным выравниванием:
<HTML>
<HEAD>
<TITLE>Моя первая страница</TITLE>
</HEAD>
<BODY>
<P align=center>Здесь будут мои личные страницы!
<P align=left>На них Вы сможете найти:<BR>- рассказ обо мне и о моих увлечениях;<BR>- мои фотографии.
<P align=right>С одной из моих страниц можно будет<BR>отправить мне электронное письмо.
</BODY>
</HTML>
Кроме использования этих тегов, для разрыва строк возможно использование символов конца строк и табуляций в самом HTML-документе. Для этих целей существует тег <PRE>. Весь текст, помещенный между тегами <PRE> и </PRE> будет выводиться без изменений, то есть со всеми концами строк и табуляциями.
Например:
<PRE>Это текст написан
в две строки.</PRE>
В HTML-документе, кроме текста, могут содержаться горизонтальные разделительные линии. Они, как и текст, не требуют никаких внешних файлов. Тег <HR> выведет горизонтальную линию единичной толщины вдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводит к разрыву строки, но пустых строк между линией и текстом не появляется. Тег <HR> можнт содержать несколько атрибутов. <HR SHADE> и <HR> дают контурную линию с трехмерным эффектом углубления. <HR NOSHADE> дает сплошную черную линию. Линия может не простираться во всю ширину страницы, а составлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницы или в пикселах. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселов. Атрибут ALIGN может принимать значения, аналогичные его значениям для тега <P>, но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в пикселах от 1 до 175; по умолчанию 1, но если <HR SHADE>, (линия - контурная), то добавляется толщина, необходимая для трехмерного эффекта углубления.
Линии, наряду с абзацами, позволяют выделить логические фрагменты текста. Но большое количество горизонтальных линий неприятно для посетителя вашей Веб-страницы, поэтому после каждого абзаца их ставить не следует. Они больше подходят для выделения целых разделов.
Заключение
Подводя итог всему выше сказанному, хочется отметить, что HTML стал тем форматом передачи данных, который наиболее полно и качественно удовлетворяет запросы современного общества. Несомненным фактом является и то, что будущее именно за HTML.
В рассмотрены актуальные вопросы разработки и создания современного Web-сайта.
При этом мною были решены следующие частные задачи:
– ознакомление с современными Интернет-технологиями и их использование в настоящей разработке;
– изучение программного инструментария, применяемого для разработки и создания Web-сайтов;
– выявление и учет методов и способов представления на Web-страницах различных видов информации, не препятствующих их доступности;
– ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им на практике;
– определение структуры Web-страниц;
– выбор стратегии разработки и создания Web-сайта.
Список литературы
1. Байков В.Д., Сафронов И.К. «Уроки Интернета для школьников» – СПб.: БХВ – Петербург, 2003.
2. Гейн А. Г., Сенокосов А. И., Юнерман Н. А. «Информатика: Учеб. Для 10 – 11 кл. общеобразовательных. Учреждений» – 4-е изд. – М.: Просвещение, 2003 г.
3. Дуванов А. А. Интернет для начинающих. //Газета «Информатика». 1998г. №40
4. Лапчик М.П., Семакина И.Г., Хеннер Е.К. «Методика преподавания информатики: Учебное пособие для студентов педвузов»; Под общей редакцией М.П. Лапчика. – М.: Издательский центр «Академия», 2003.
5. Левин А.Ш. «Самоучитель работы на компьютере, 7-е издание» - СПб.: Питер, 2003
6. Леонтьев В. П. «Новейшая энциклопедия персонального компьютера 2002» - М.: ОЛМА-ПРЕСС, 2002.
7. Семенов А. Л. «Роль информационных технологий в общем среднем образовании. //Информатика и образование» 2001.№2.
8. Симоновича С. В. Информатика. «Учебник для ВУЗОВ» Под ред. Санкт-Петербург: Питер, 2001.
9. Уваров А. Ю. «Интернет в школе: смена парадигмы//Информатика и образование» 2001. №3.
10. Угринович Н. Д. «Информатика и информационные технологии». Учебное пособие для 10-11 классов. – М.: Лаборатория Базовых Знаний, АО «Московские учебники», 2001.
11. Угринович Н.Д., Босова Л.Л., Михайлова Н.И., «Практикум по информатике и информационным технологиям. Учебное пособие для общеобразовательных учреждений» – М: Лаборатория Базовых Знаний, 2001.
12. Усенков Д. «Уроки Web-мастера» - М.: Лаборатория Базовых Знаний, 2001.
13. Холмогоров В. «Компьютерная сеть своими руками. Самоучитель» – СПб Питер, 2003.
14. Шафрин Ю., Горячев А. «Практикум по информационным технологиям» М.: Лаборатория базовых знаний, 1999.
15. Якушина Е. В. «Изучаем Интернет, создаем веб – страничку» 2 – е издание, серия «КомпАс» - СПБ.: Питер, 2003.
Электронные ресурсы
1. w*w.bestreferat.r*
2. w*w.education.kulichki.net
3. w*w.pronet.r*
4. w*w.ucheba.r*
5. w*w.webschool.narod.r*
Примечания
К работе прилагается презентация.
Есть приложения. К работе прилагается Web-разработка.
К работе прилагается программа с исходным кодом.
Тема: | «Создание сайта на тему: «Модульная сетка в Web-дизайне» | |
Раздел: | Информатика | |
Тип: | Курсовая работа | |
Страниц: | 45 | |
Цена: | 1700 руб. |
Закажите авторскую работу по вашему заданию.
- Цены ниже рыночных
- Удобный личный кабинет
- Необходимый уровень антиплагиата
- Прямое общение с исполнителем вашей работы
- Бесплатные доработки и консультации
- Минимальные сроки выполнения
Мы уже помогли 24535 студентам
Средний балл наших работ
- 4.89 из 5
написания вашей работы
-
Дипломная работа:
Обучающая программа: Photoshop в Web-дизайне
37 страниц(ы)
Введение 3
1.1 Особенности графики для Web 5
1.1.1 Размер WEB-страницы 5
1.1.2 Скорость загрузки 5
1.1.3 Способы оптимизации 61.2 Интерфейс ImageReady 6РазвернутьСвернуть
1.3 Использование инструментов ImageReady 9
1.3.1 Слои 9
1.3.2 Эффекты слоев 10
1.2.3 Сохранение набора эффектов 12
1.2.4 Текст 13
1.2.5 Градиентные заливки 15
1.2.6 Текстуры 17
1.2.7 Фон web-страницы 18
1.4 Карты ссылок 23
1.5 GIF-анимация 26
1.4.1 Создание кадров 26
1.4.2 Расчёт промежуточных кадров 26
1.4.3 Тайминг 27
1.4.4 Оптимизация анимации 27
1.4.5 Удаление кадров 29
1.4.6 Редактирование готовой анимации 29
1.6 Сохранение 29
Глава 2. Тестирующая часть 31
2.1 Тесты по Photoshop в Web-дизайне 31
Глава 3. Апробация 34
Глава 4. Характеристика программы 35
Заключение 36
Литература 37
-
Курсовая работа:
Создание сайта «Графика в интернете
36 страниц(ы)
Введение….2
Глава 1
Графические форматы, используемые в web приложениях….4
Безопасная цветовая палитра….10Цвета….11РазвернутьСвернуть
Типовые графические элементы Web страниц….12
Глава 2 15
2.1. Планирование сайта 15
2.1.1. Назначение и цель создания системы 15
2.1.2 Обсуждение аудитории. 15
2.1.3 Схемы поведения пользователей сайта. 16
2.1.4 Требования к содержимому. 18
2.1.5 Технические требования. 19
2.1.6 Требования к внешнему виду. 20
2.1.7 Требования к каналам связи. 23
2.1.8. Требования к навигации: 23
2.2. Техническое задание на разработку сайта….24
2.2.1. Общие положения…25
2.2.2. Общие сведения….25
2.2.3. Структура и состав 25
2.2.4. Требования к системе 25
2.2.5. Требования к дизайну 26
2.2.6Требования к навигации. 27
2.2.7. Требования к системе тестирования. 27
2.2.8. Требования к аппаратной части функционирования 28
2.2.9 Модульная сетка 29
2.2.10. Структурная схема сайта….30
Глава 3…31
3.1. Реализация бета-версии сайта ….31
3.2. Тестирование….32
3.3. Публикация сайта….32
Заключение….35
Список использованной литературы…. …36
-
Курсовая работа:
Создание сайта на тему: «Языки программирования интерактивных Html-документов
41 страниц(ы)
Введение 3
Глава 1. Теоретические основы интернет-технологий и программы для создания web-cтраниц 5
1.1 Web-страница документ или информационный ресурс 51.2 Редакторы HTML 5РазвернутьСвернуть
1.3 Разработка Web-страницы с помощью программ 10
Глава 2. Язык программирования интерактивных Html-документов JavaScript 18
1.1 Язык создания сценариев JavaScript 18
1.2 Общий обзор языка 19
1.3 Язык ядра JavaScript 21
1.4 Стандартные объекты и функции 23
1.5 Процедуры JavaScript 25
Глава 3. Техническое задание 30
3.1 Общие положения 30
3.2 Цели и задачи 30
3.3 Структура и состав 30
3.4 Требования к системе 31
3.5 Терминология 34
Глава 4. Разработка web-сайта 36
4.1. Реализация бета-версии сайта 36
4.2. Тестирование 36
4.3. Публикация сайта 37
Заключение 39
Литература 40
-
Курсовая работа:
Создание сайта на тему: «Многооконная структура, слои и стилевая разметка
46 страниц(ы)
Введение 2
Глава 1. Теоретические основы создания Web сайта 5
1.1 Создание Web-страницы с помощью языка HTML 5
1.2 Структура HTML документа 61.3 Форматирование текста 8РазвернутьСвернуть
1.4 Фреймы 12
1.5 JavaScript 13
Глава 2. Теоретический обзор многооконной структуры: слои и стилевая разметка 14
2.1 Фреймы. Создание фреймов 14
2.2 Каскадные таблицы стилей, или CSS 17
2.3 Слои. Каскадные таблицы стилей 31
2.4 Вёрстка 33
2.5 Примеры многооконной структуры 35
Глава 3. Техническое задание 36
3.1 Общие положения 36
3.2 Цели и задачи 36
3.3 Структура и состав 36
3.4 Требования к системе 37
3.5 Терминология 39
Глава 4. Разработка web-сайта 40
4.1. Реализация бета-версии сайта 40
4.2. Тестирование 40
4.3. Публикация сайта 41
Заключение 43
Список литературы 44
-
Курсовая работа:
Разработка web сайта на основе HTML с использованием JavaScript
35 страниц(ы)
Введение…3
Глава1 Разработка web-сайта на основе HTML с использованием JavaScript…5
1.1История HTML…. ….….5
1.2.Гипертекст….…71.3. Основные элементы HTML….….9РазвернутьСвернуть
1.4. Таблицы стилей, уровни CSS….…12
1.5.JavaScript….…13
1.6.JavaScript в действии….…15
1.7.Управление данными с помощью переменных…17
1.8. Переменные в языке JavaScript….…19
Глава 2 Техническое задание….….21
2.1 Общие положения….21
2.2 Цели и задачи….….21
2.3 Структура и состав….….21
2.4 Общие требования к системе….….22
2.5 Требования к Сайту….….22
2.6 Требования к дизайну….….23
2.7 Требования к внешнему виду….….23
2.8 Модульная сетка….….25
2.9 Требования к навигации….….26
2.10 Требования к каналам связи….….27
2.11 Структурная схема сайта….….27
2.12 Кадровое обеспечение….…27
2.13 Требования к системе тестирования….…27
2.14 Требования к аппаратной части функционирования ….….28
2.14.1 Клиентская часть….….28
2.14.2 Серверная часть….28
Глава 3 Разработка сайта….…30
3.1 Тестирование….30
3.2 Публикация сайта….30
3.3 Скриншот главной страницы….….32
Заключение….33
Литература….34
-
Курсовая работа:
30 страниц(ы)
Введение 4
Глава 1. Интернет-технологий и программы для создания web-cтраниц 6
1.1 Web-страница 6
1.2 HTML-редакторы 61.3 Создание Web-страницы с помощью специализированных программ.6РазвернутьСвернуть
1.3.1 Язык HTML 11
1.3.2 FrontPage 14
1.3.3 Macromedia DreamWeaver 16
1.3.4 HomeSite….…17
Глава 2. Классификация сайтов по содержанию 17
1.1 Образовательные сайты 17
1.2 Документоориентированные сайты 18
1.3 Сайты сообществ 18
1.4 Развлекательные сайты 19
1.5 Коммерческие сайты 19
1.6 Персональные сайты 19
Глава 3. Техническое задание 19
3.1 Общие положения 19
3.2 Цели и задачи 19
3.3 Структура и состав 20
2.4 Требования к системе 20
2.4.1 Общие требования к системе 20
2.4.2 Требования к Сайту 20
2.4.3 Требования к дизайну 21
2.4.4 Требования к навигации 22
2.4.5 Требования к системе тестирования 22
2.5 Терминология 23
Глава 4. Разработка web-сайта 23
4.1. Реализация бета-версии сайта 23
4.2. Тестирование 24
4.3. Публикация сайта 24
Заключение 27
Литература 28
Не нашли, что искали?
Воспользуйтесь поиском по базе из более чем 40000 работ





-
ВКР:
Технология создания текстильных изделий для интерьера в стиле «восток»
60 страниц(ы)
ВВЕДЕНИЕ 3
ГЛАВА I. ОСОБЕННОСТИ СОЗДАНИЯ ДЕКОРАТИВНОГО ТЕКСТИЛЯ В ИНТЕРЬЕРЕ 6
1.1. Особенности использования текстиля в интерьере 61.2. Композиция и колорит в текстиле 9РазвернутьСвернуть
1.3. Текстиль с восточным колоритом: направления, идеи и особенности 13
ГЛАВА II. РОСПИСЬ ТКАНИ КАК ОДИН ИЗ ВИДОВ ДЕКОРИРОВАНИЯ ТЕКСТИЛЯ 19
2.1 История возникновения и виды росписи по ткани 19
2.2 Материалы и инструменты 26
2.3 Технология создания декоративного текстиля для интерьера в стиле «Восток» 30
2.4 Конспект урока «Холодный батик - роспись по шёлку» 34
Заключение 44
Список использованной литературы 46
Приложение 47
-
Дипломная работа:
Система к.с.станиславского и ее преломление в современной хореографии
58 страниц(ы)
Введение….2
Глава I. Теоретические основы преломления системы К.С.Станиславского в современной хореографии…51.1 Специфика системы К.С.Станиславского. Движение тела в пространстве…5РазвернутьСвернуть
1.2 Основные течения в современной хореографии…18
1.3 Пластический театр. Основоположники и современные коллективы театра танца….22
Выводы по первой главе…29
Глава II. Экспериментальная работа по внедрению системы К.С.Станиславского в современную хореографию…31
2.1. Содержание, формы и методы по внедрению системы К.С.Станиславского в современную хореографию ….31
2.2. Педагогический эксперимент и его результаты… 34
Выводы по второй главе…49
Заключение….51
Список использованной литературы…53
-
Дипломная работа:
Календарные религиозные произведения хх века для детей
112 страниц(ы)
ВВЕДЕНИЕ….3
ГЛАВА I. CТИЛЕВЫЕ ТРАДИЦИИ СВЯТОЧНОГО И ПАСХАЛЬНОГО ЖАНРОВ В РУССКОЙ ПРОЗЕ РУБЕЖА XIX – XX ВЕКОВ
1.1.Традиции народного календаря в произведениях для детей на рубежеXIX – ХХ веков…8РазвернутьСвернуть
1.2. Рождественские жертвы и пасхальные херувимы в детском календарно-духовном тексте…. 13
1.3. Традиции рождественского рассказа в произведениях
А.И. Куприна….24
Выводы по главе…32
ГЛАВА II. МИР ДЕТСТВА В РУССКОЙ ДУХОВНО-КАЛЕНДАРНОЙ ПРОЗЕ ХХ ВЕКА
2.1. Рождественский мотив в рассказах Ф. Сологуба ….35
2.2. Мотив праздника в рассказе С. Черного «Пасхальный визит»… 44
2.3. Календарный миф в повести А. Усачева «Чудеса в Дедморозовке»…55
Выводы по главе…. 59
ГЛАВА III. МЕТОДИЧЕСКИЕ АСПЕКТЫ ИЗУЧЕНИЯ КАЛЕНДАРНОЙ СЛОВЕСНОСТИ В ШКОЛЕ
3.1. Методические рекомендации по изучению рассказа С. Черного «Пасхальный визит» в 5 классе….
3.2. Конспект внеклассного мероприятия: Литературная игра для старшеклассников «Раз в крещенский вечерок…»
3.2.1. Ночь перед Рождеством….
3.2.2. Святочные гадания….
3.2.3. Ёлка….
3.2.4. Новогодние подарки….
3.3. Программа элективного курса «Рождественская проза в русской литературе XIX –XX веков»…
Выводы по главе…
ЗАКЛЮЧЕНИЕ….103
СПИСОК ЛИТЕРАТУРЫ… …. 106 -
Дипломная работа:
Влияния личностных особенностей на успеваемость школьников
53 страниц(ы)
Введение….….3
Глава 1. Теоретическое изучение влияния личностных особенностей на успеваемость младших школьников 61.1. Развитие личности в младшем школьном возрасте….….6РазвернутьСвернуть
1.2. Школьная успеваемость как психолого-педагогическая проблема….…13
1.3. Психолого-педагогические особенности организации учебной
деятельности младшего школьника… ….….24
Выводы по 1 главе….32
Глава 2. Эмпирическое исследование влияния личностных особенностей на успеваемость младших школьников 33
2.1. Организация и описание методов исследования влияния личностных особенностей на успеваемость младших школьников 33
2.2. Анализ результатов исследования влияния личностных особенностей на успеваемость младших школьников … … … 35
Выводы по 2 главе.….….44
Заключение….45
Список литературы…47
-
Дипломная работа:
Развитие чувства ритма учащихся средних классов с применением музыкально-компьютерных технологий
83 страниц(ы)
ВВЕДЕНИЕ 3
Глава 1. Теоретические основы развития чувства ритма у школьников на уроках музыки и роль музыкально-компьютерных технологий 81.1 Теоретические аспекты развития чувства ритма 8РазвернутьСвернуть
1.2 Использование музыкально-компьютерных технологий на уроках музыки 22
Выводы по 1 главе 30
Глава 2. Применение музыкально-компьютерных технологий для развития чувства ритма у школьников на уроках музыки 32
2.1. Содержание, формы, методы развития чувства ритма у школьников на уроках музыки 32
2.2. Опытно-экспериментальная работа по развитию чувства ритма учащихся средних классов с применением музыкально-компьютерных технологий 57
Выводы по 2 главе 70
ЗАКЛЮЧЕНИЕ 73
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ 75
ПРИЛОЖЕНИЕ 82
-
Дипломная работа:
64 страниц(ы)
Введение 3
Глава 1. Теоретические основы изучения особенностей зрительно-пространственных представлений у детей с ОНР 71.1 Пространственные представления как психический процесс 7РазвернутьСвернуть
1.2 Онтогенетические закономерности зрительно-пространственных представлений 11
1.3 Психолого-педагогическая характеристика детей с нарушением речи 17
1.4 Особенности зрительно-пространственных представлений у дошкольников с нарушением речи 29
Выводы по главе 1 33
Глава 2. Изучение навыков дифференцированного употребления предлогов пространственного значения у дошкольников с ОНР 35
2.1 Организация исследования 35
2.2 Анализ полученных результатов 39
2.3 Методические рекомендации по формированию навыков употребления предлогов пространственного значения 46
Выводы по главе 2 54
Заключение 55
Список использованной литературы 58
Приложения 62
-
Дипломная работа:
Цикличность и мировой финансовый кризис
77 страниц(ы)
ВВЕДЕНИЕ 3
ГЛАВА I. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ЦИКЛИЧНОСТИ И КРИЗИСНЫХ ЯВЛЕНИЙ В ЭКОНОМИКЕ 6
1.1 Цикличность как закономерность развития общества 61.2. Кризисные явления в экономике 18РазвернутьСвернуть
1.3. Мировой финансовый кризис и Россия 29
ВЫВОДЫ ПО ПЕРВОЙ ГЛАВЕ 40
ГЛАВА II. МИРОВОЙ ФИНАНСОВЫЙ КРИЗИС В КУРСЕ ИЗУЧЕНИЯ ВПО 41
2.1 Основные формы и проблемы преподавания мирового финансового кризиса в системе ВПО 41
2.2 Методические рекомендации по проведению занятий на тему «Цикличность и мировой финансовый кризис» 48
ВЫВОДЫ ПО ВТОРОЙ ГЛАВЕ 66
ЗАКЛЮЧЕНИЕ 67
СПИСОК ЛИТЕРАТУРЫ 70
-
Дипломная работа:
98 страниц(ы)
Введение….….3
Глава 1. Интерактивные технологии как средство обучения иностранным языкам
1.1. Технология как педагогическое понятие….61.2. Классификация педагогических технологий…11РазвернутьСвернуть
1.3. Потенциал интерактивных технологий в обучении иностранным языкам…17
Выводы по главе 1…23
Глава 2. Методика формирования грамматических навыков в начальной школе
2.1. Цели и содержание обучения грамматической стороне речи в соответствии с требованиями программ…24
2.2. Технологии формирования грамматических навыков у младших школьников….….30
2.3. Интерактивные технологии в формировании грамматических навыков у младших школьников….36
Выводы по главе 2….…43
Глава 3. Опытно-экспериментальная работа по формированию грамматических навыков в МБОУ СОШ №18 г. Ишимбай
3.1. Анализ УМК по английскому языку для 3 класса….….…45
3.2. Апробация интерактивных технологий в образовательном процессе….….….50
Выводы по главе 3…58
Заключение…60
Список использованной литературы….62
Приложения….68
-
Дипломная работа:
Проектирование имитационной модели эвакуации посетителей из здания art-галереи
59 страниц(ы)
ВВЕДЕНИЕ 6
Глава 1 . ОПИСАНИЕ ПРЕДМЕТНОЙ ОБЛАСТИ И АНАЛИЗ ПРОБЛЕМЫ 8
1.1. Анализ процесса эвакуации 11
1.1.1. Понятие эвакуации 111.1.2. Принципы и способы эвакуации 12РазвернутьСвернуть
1.1.3. Обеспечение безопасности эвакуации людей из зданий и сооружений 14
1.1.4. Характеристика процесса эвакуации 16
1.2. Паника как форма массового поведения 17
1.3. Имитационное моделирование для анализа эвакуации 20
1.4. Интегрированная среда Anylogic 22
1.5. Альтернативный программный продукт имитационного моделирования 24
1.6. Модели, реализованные в AnyLogic 26
1.7. Постановка цели и задач работы 27
Вывод по первой главе 29
Глава 2. ПРОЕКТИРОВАНИЯ И МОДЕЛИРОВАНИЕ ПРОЦЕССА ЭВАКУАЦИИ 30
2.1. Техническое задание по ГОСТ 34.601-89 30
2.2. Пешеходная модель 32
2.3. Функциональное моделирование разработки имитационной модели . 34
Вывод по второй главе 39
Глава 3. РЕАЛИЗАЦИЯ ИМИТАЦИОННОЙ МОДЕЛИ ЭВАКУАЦИИ
3.1. Разработка модели 40
3.2 Моделирование различных сценариев процесса эвакуации 51
3.3. Оценка эффективности результатов моделирования 53
Вывод по третьей главе 58
ЗАКЛЮЧЕНИЕ 59
ЛИТЕРАТУРА 60 -
Дипломная работа:
79 страниц(ы)
ВВЕДЕНИЕ 3
ГЛАВА 1. ПРАВОВЫЕ ОСНОВЫ ПРОФИЛАКТИКИ ПРАВОНАРУШЕНИЙ НЕСОВЕРШЕННОЛЕТНИХ В ОРГАНИЗАЦИЯХ, ОСУЩЕСТВЛЯЮЩИХ ОБРАЗОВАТЕЛЬНУЮ ДЕЯТЕЛЬНОСТЬ 81.1. Государственная политика в сфере профилактики правонарушений и безнадзорности несовершеннолетних 8РазвернутьСвернуть
1.2. Факторы, влияющие на формирование противоправного поведения у подростков 17
1.3. Сущность и значение профилактики правонарушений и безнадзорности несовершеннолетних в учреждениях СПО 23
ГЛАВА 2. ДЕЯТЕЛЬНОСТЬ УЧРЕЖДЕНИЙ СПО ПО ПРОФИЛАКТИКЕ ПРАВОНАРУШЕНИЙ И БЕЗНАДЗОРНОСТИ НЕСОВЕРШЕННОЛЕТНИХ 34
2.1. Особенность профилактической работы специалиста по социальной работе с несовершеннолетними 34
2.2. Взаимодействие учреждений СПО с другими организациями в системе профилактики правонарушений и безнадзорности несовершеннолетних 46
ЗАКЛЮЧЕНИЕ 59
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ 62
ПРИЛОЖЕНИЯ 70