Разработка персонального сайта учителя

Изучение предметной области разработки персонального сайта. Разработка навигации по сайту, интерфейса. Структурные элементы, соц-бар. Модуль "Поиск" и "Календарь", скрипт рейтинга. Краткое описание используемых тегов. Упрощённая модель навигации.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 28.02.2017
Размер файла 1,5 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

[Введите текст]

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

АНПОО «РЕГИОНАЛЬНЫЙ ОТКРЫТЫЙ СОЦИАЛЬНЫЙ ТЕХНИКУМ»

Предметная (цикловая) комиссия специальных компьютерных дисциплин

Курсовая работа

На тему: «Разработка персонального сайта учителя»

Дисциплина: Web-программирование

Курск

2016

Содержание

Введение

1. Постановка задачи

2. Изучение предметной области разработки персонального сайта

3. Реализация поставленной задачи

3.1 Разработка навигации по сайту

3.2 Разработка интерфейса

3.3 Структурные элементы и модули сайта

3.4 Описание используемых тегов

Заключение

Список используемых источников

Приложение А

Приложение Б

Приложение В

Приложение Г

Приложение Д

Приложение Е

Приложение Ж

Введение

Новая информационная технология достигла такого развития, что, пожалуй, не осталось сфер человеческой жизни, не затронутыx глобальной сетью Internet. В настоящее время интерес к сети Internet продолжает расти. Разработанный в годы информационного взрыва Internet становится неотъемлемой, частью жизни большинства людей всего мира.

Развитие современных технологий способствует появлению новых специальностей в этой сфере деятельности. Еще несколько лет назад о специальности Web-дизайнера никто не знал, а сегодня она является одной из самых популярных в области информационных технологий.

Неотъемлемая часть Internet, WWW (World Wide Web, в переводе с английского "всемирная паутина"), позволила по-новому пользоваться давно известными во всем мире текстовыми сносками. Когда автор журнальной статьи или книги помещает в тексте знак сноски, в нижней части страницы, помимо объяснения, могут быть указаны источники дополнительной информации, например, другая страница или книга. В Internet составители компьютерных "страниц" делают практически то же самое, подчеркивая либо выделяя в документах ключевые слова или пиктограммы.

Выделенные слова и пиктограммы указывают пользователю, что в Internet есть дополнительная информация на эту тему, зачастую на другой странице. Эту страницу можно сразу же вызвать на экран и просмотреть, хотя она, возможно, находится совсем на другом компьютере и даже в другой стране. При помощи этого технического приема пользователь подсоединяется к самим документам, а не просто наводит о них справки.

Кроме того, в Web можно хранить и выводить на экран графику и фотоснимки, воспроизводить звук, а также просматривать анимацию и видеозаписи.

World Wide Web является одной из самых молодых услуг Internet: WWW родилась в 1990 году в европейском исследовательском центре CERN, а в 1992 году началось практическое применение этой технологии за пределами CERN. С конца 1993 года начался поистине взрывной рост WWW, который привел к тому, что сегодня этот вид информационного сервиса Internet является самым популярным, наиболее динамично развивающимся и во многом определяет современный облик всемирной сети.

Количество WWW-серверов удваивается в среднем каждые три месяца, причем количество WWW-серверов коммерческих организаций растет еще быстрее. Темпы роста WWW, проявляющиеся в увеличении как числа WWW-серверов, так и количества доступных через WWW документов и баз данных, превышают даже очень высокие темпы роста общего количества пользователей Internet.

Сначала WWW-серверы создавались в организациях, имевших достаточно большой опыт работы в глобальных сетях: в университетах, академических и отраслевых научно-исследовательских институтах, и центрах, коммерческих фирмах, являющихся сервис-провайдерами Internet. Сегодня WWW-серверы имеют сотни государственных, коммерческих и общественных организаций различного профиля деятельности. Если проанализировать этот перечень, то окажется, что пока наиболее многочисленными являются три категории организаций, создавших свое представительство в Internet: фирмы, работающие в области компьютерных технологий, высшие учебные заведения и научно-исследовательские организации естественнонаучного и технического профиля. Однако спектр WWW-серверов, рассматриваемый с точки зрения тематики информационных ресурсов и поддерживающих их организаций, непрерывно расширяется. Создаются серверы правительственных органов, общественных объединений, средств массовой информации, производственных предприятий, фирм, работающих в сфере обслуживания. Появляются электронные версии общественно-политических и специализированных периодических изданий.

В данной курсовой работе будет разработан персональный web-сайт для учителя начальных классов Петрухиной Л.Е. Разработка сайта предназначена для представления информации о учителе в сети Internet.

Цель: разработка персонального сайта для учителя. Данный сайт должен обеспечить простое и понятное представление информации о учителе.

Задачи: описание предметной области, разработка сайта с использованием HTML, CSS и JavaScript, разработка интерфейса сайта, наполнение сайта информативным содержимым.

Объект исследования: учитель начальных классов Петрухина Л.Е.

Инструменты: операционная система (ОС) - Windows 7; текстовый редактор - Notepad++; браузер - Google Chrome (или аналогичный).

1. Постановка задачи

Задача состоит в создании тематического WEB-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования JavaScript. Объем курсовой работы должен составлять минимум пять WEB-страницы (первая страница - новости, остальные страницы - дополнительные, раскрывающие сущность выбранной тематики).

Основная цель сайта - удовлетворять информационным запросам посетителя. Все разделы и информация на них должны быть легко доступны. Необходимо предоставить зашедшему пользователю сайта самостоятельно регулировать глубину просмотра и не предоставлять всю информацию сразу.

В основном, целевой аудиторией будут являться: учителя, ученики и сотрудники министерства образования.

Необходимыми ресурсами являются тексты, фотографии, аудио-видео материалы и т.д.

Просмотр страниц происходит в Google Chrome или в любом другом браузере, стоящим на компьютере пользователя. Для этого сайт не должен содержать коды, которые не прочитываются в одном из браузеров.

Пользователь сайта не должен теряться в догадках, путаться в ориентирах, перемещаться среди большого количества хаотично переплетенных ссылок.

Другой задачей, которая должна быть решена это узнаваемость. Навигационные элементы должны отличаться от других используемых инструментов сайта. Также навигация сайта должна быть выполнена в одном стиле. Это означает, что на всех страницах ресурса должны размещаться одинаковые гипертекстовые навигационные ссылки. В стремлении сделать веб ресурс уникальным некоторые разработчики на разных страничках применяют различные формы, типы, дизайн и структуру навигации.

2. Изучение предметной области разработки персонального сайта

На первом этапе проектирования web-сайта необходимо выполнить анализ предметной области, т.е. определить объекты предметной области и связи между объектами. [4]

Функциональный подход реализует принцип движения "от задач" и применяется, когда определен комплекс задач, для обслуживания которых создается web-сайт. В этом случае можно выделить минимальный необходимый набор объектов предметной области, которые должны быть описаны. [4]

В предметном подходе объекты предметной области определяются с таким расчетом, чтобы их можно было использовать при решении множества разнообразных, заранее не определенных задач. Необходимо самым тщательным образом изучить предметную область. [16]

Разработка сайта может заинтересовать компании, которые предоставляют услуги, связанные со значительными информационными потоками (разнообразные СМИ и тому подобные).

Вертикальные сайты - специализированные тематические сайты. Принято также подразделять сайты на интернациональные и региональные. Вдобавок сайты подразделяются на публичные и корпоративные.

Сайт-визитка - состоит буквально из пяти-десяти страниц и содержит общие сведения о владельце сайта: его деятельность, реквизиты, контактная информация. То есть такой сайт действительно представляет собой расширенную визитную карточку человека или организации. [12]

Для разработки курсовой работы рассматривается предметная область - информация о учителе начальных классов Петрухиной Л.Е.

Адрес сайта: http://la-petruxina.my1.ru/

Сайт имеет следующую структуру:

Главная страница - начальная страница, последние новости на сайте;

О себе - информация о учителе;

Портфолио - информация о достижениях и заслугах учителя;

Мероприятия - отчёты о проведённых мероприятиях учителя;

Мои проекты - проекты, составленные учителем;

Каталог файлов - файлы, добавленные на сайт;

Каталог статей - статьи, добавленные на сайт;

Фотоальбомы - фотографии, добавленные на сайт;

Гостевая книга - отзывы пользователей;

Обратная связь - эта страница содержит информацию о способах связи с учителем Петрухиной Л.Е.

Так же имеются формы регистрации и входа в аккаунт сайта, с возможностью регистрации через социальную сеть.

3. Реализация поставленной задачи

3.1 Разработка навигации по сайту

Удобство использования - одно из главных правил, которое должно соблюдается при создании сайта. Оптимизация сайта в области навигации позволит пользователю найти необходимую информацию. Навигационная панель имеет крупные распознаваемые ссылки, используемый текст легко читается, навигация отображает разделы, подразделы и т. д.

Сайт разработан так, что, находясь на любой странице, возможно выбрать необходимый раздел. Это упрощает навигацию, делая ее очень простой и удобной. [18]

Рисунок 1 - Навигация по сайту

3.2 Разработка интерфейса

Разработан простой и понятный интерфейс сайта, в верху располагается название и основные кнопки. В левой колонке пункты карты сайта, в правой «Поиск», «Календарь» и дополнительные средства. По центру располагается основная информация страницы

Палитра цветов интерфейса состоит из зелёного и синего цвета. На белый фон накладываются заголовки разделов. Верхняя часть сайта имеет синий цвет, и белые буквы. Основной текст сайта чёрный, шрифты настраиваемые.

На «Главная страница», представлено на рисунке 2, находятся последние новости и главная информация сайта. Для добавления новости реализована соответствующая кнопка, открывающая форму «Добавление материала». В данной форма требуется ввести название материала, его текст, используя встроенный редактор, а также написать специальный код (капчу) для защиты от роботов и ботов, дата добавления добавится автоматически. При необходимости возможно добавить к материалу изображения.

Рисунок 2 - Главная страница - начальная страница, последние новости на сайте

Страницы «О себе» и «Портфолио», представленные на рисунках 3 и 4 соответственно, несут информационный характер и могут изменяться только через специальную отдельную форму, имеющую визуальный и HTML редакторы.

Рисунок 3 - О себе - информация о учителе

Рисунок 4 - Портфолио - информация о достижениях и заслугах учителя

Страница «Каталог файлов», представленная на рисунке 5, позволяет добавлять новые материалы, с помощью кнопки «Добавить материал», которая открывает специальную форму, и редактировать существующие, с помощью кнопки «Редактировать» в виде шестерёнки.

В форме «Добавление материала» требуется выбрать категорию материала, ввести его название и краткое описание, которое будет отображаться на странице «Каталог файлов». Используя специальный редактор можно ввести текст материала, добавляя в него изображения. Форма позволяет добавлять файл-архивы, размером не более 15000 Кбайт, оставить ссылку на скачивание с другого источника, если файл больше 15000 Кбайт, внести свои контактные данные, которые будут видны только администраторам сайта, ввести теги для упрощения поиска материала. Также возможно выбрать опции:

- материал не доступен для просмотра;

- позволить оставлять комментарии;

- заменить внешние ссылки используя сервис u.to.

После нажатия кнопки «Добавить» материал загрузится на сайт и будет отображаться на странице «Каталог файлов», а при выборе данного материала откроется его персональная страница с содержанием материала, ссылкой на его скачивание и возможностью оценить материал по пятибалльной шкале.

Внизу страницы каждого материала реализована форма добавления комментариев, в ней зарегистрированные пользователи могут, используя специальный редактор оставлять комментарии публично или анонимно, а также подписаться на оповещения о новых комментариях и оценивать комментарии других пользователей.

Пользователи добавлять материал и статьи не могут.

Рисунок 5 - Каталог файлов - файлы, добавленные на сайт

Страница «Фотоальбомы», представленная на рисунке 6, содержит модуль «Галерея» позволяющий работать с изображениями, добавлять, удалять и оценивать их.

Рисунок 6 - Фотоальбомы - фотографии, добавленные на сайт

Страница «Гостевая книга», представленная на рисунке 7, позволяет пользователям оставлять отзывы и комментарии о сайте, чтобы выявить улучшения или нововведения, которые улучшат сайт.

Для того что бы оставить комментарий в нижней части страницы предусмотрен специальный текстовый редактор. Зарегистрированному пользователю требуется ввести текст и «капчу», после чего нажать на кнопку «Добавить комментарий» и он будет добавлен. Незарегистрированному пользователю требуется ввести имя, которое будет отображаться в комментарии и e-mail, который будет виден только администраторам и «капчу», после нажатия на кнопку, комментарий будет добавлен.

Реализована возможность просматривать комментарии, видеть e-mail пользователей, оставивших их, а при наведении на кнопку настроек (в виде шестерёнки), узнавать ip-адрес пользователя, оставившего комментарий, помечать их как «спам» или «не спам», редактировать и удалять.

Рисунок 7 - Гостевая книга - отзывы пользователей

При нажатии зарегистрированного пользователя на свой «никнейм», открывается окно «Информация о пользователе», представленное на рисунке 8, в этом окне отображается группа в которой находится пользователь, его репутация на сайте и замечания. Имя, дате регистрации и последнего входа на сайт, социальные аккаунты, привязанные к профилю, дата рождения, e-mail, и место проживания (если пользователь указал эти данные). С помощью этой страницы можно отправлять личные сообщения пользователю или просмотреть добавленные им файлы, изображения и комментарии.

Реализована возможность изменить группу пользователя, повысить его репутацию или добавить замечание. Также ему виден id пользователя, ip-адрес с которого происходила регистрация, статус (online/offline).

Внизу окна по нажатию кнопки «Список пользователей», возможно просмотреть всех зарегистрированных пользователей сайта, и отсортировать список. А по введению в поле «Логин пользователя» «никнейма», и нажатию на кнопку «Найти пользователя», возможен поиск пользователей по «никнейму».

Рисунок 8 - Информация о пользователе - персональная информация о зарегистрированном пользователе

Зарегистрированные пользователи могут отправлять другим зарегистрированным пользователям личные сообщения, нажав в окне «Информация о пользователе» кнопку «Отправить ЛС». После этого откроется окно «Личные сообщения», представленное на рисунке 9, в нём требуется ввести «никнейм» получателя, тему сообщения и используя специальный редактор, сам текст, после чего с помощью кнопки «Просмотреть» можно увидеть, как будет выглядеть сообщение, а с помощью кнопки «Отправить», отослать его получателю.

В этом же окне можно просматривать принятые и отправленные сообщения с помощью кнопок «Принятые» и «Отправленные» соответственно, а так же осуществлять массовую рассылку сообщений пользователям.

Рисунок 9 - Личные сообщения - форма, позволяющая отправлять сообщения пользователям

сайт интерфейс модуль навигация

3.3 Структурные элементы и модули сайта

В сайт встроены ряд модулей, упрощающие и дополняющие работу сайта:

1. Упрощённая модели навигации, позволяющая пользователю быстро вернутся на начальную (главную страницу), выполнить вход или зарегистрироваться на сайте (ПРИЛОЖЕНИЕ А);

2. Соц-бар, он предназначен для того чтобы, пользователи сайта могли авторизоваться с помощью социальных сетей, что упрощает процедуру регистрации и входа. После авторизации пользователи смогут ставить «лайки», для сортировки новостей и записей по популярности, делиться материалами и страницами в социальных сетях, для распространения информации находящейся на сайте, и его рекламы (ПРИЛОЖЕНИЕ Б);

3. Модуль «Поиск», упрощает поиск информации на сайте. Поиск находит всевозможные тексты и заголовки с введённым в текстовое поле поиска словом или словосочетанием и выдаёт все результаты пользователю (ПРИЛОЖЕНИЕ В);

4. Модуль «Календарь», показывает текущую дату, для того что бы пользователю было возможно отсчитать количество дней или недель до некоторого события запланированного на сайте (ПРИЛОЖЕНИЕ Г);

5. Модуль «Статистика», ведёт учёт пользователей, находящихся в данный момент на сайте, при этом разделяет их на зарегистрированных и незарегистрированных, а также общее количество. При активности пользователей также пишутся их «никнеймы» различая по цветам обычных пользователей и администраторов (ПРИЛОЖЕНИЕ Д);

6. Скрипт рейтинга, показывает рейтинг записей и комментариев пользователей, для выделения более популярных или сортировки их, так же помогает выявить наиболее интересную информацию, добавленную на сайт, для добавления подобной или удаление наименее популярной (ПРИЛОЖЕНИЕ Е);

7. Галерея, находящаяся на странице «Фотоальбомы», позволяет получить лёгкий доступ к изображению, оставить комментарий или оценить изображение по пятибалльной шкале. Также увеличить, открыть в новом окне или скачать изображение. При наведении на изображение выдаётся дата её добавления и никнем пользователя, который добавил данное изображение.

Есть возможность следить за количеством просмотров, комментариев и рейтингом каждого изображения, редактировать информацию о нём и удалить.

Любой пользователь может добавить изображение на сайт используя специальную форму в которой требуется выбрать категорию, в которую добавится изображение, само изображение и написать специальный код (капчу) для защиты от роботов и ботов (ПРИЛОЖЕНИЕ Ж);

8. Редакторы страниц:

Для редактирования страниц предусмотрены 2 редактора: визуальный и HTML представленные на рисунках 11 и 12 соответственно.

Оба редактора позволяют дать название странице, название, отображаемое в URL, добавить изображение, назначить дополнительные опции, такие как:

- материал не доступен для просмотра;

- позволить оставлять комментарии;

- заменить внешние ссылки используя сервис u.to;

А также выбрать группы пользователей, которым будет доступна страница.

Визуальный редактор, позволяет редактировать и добавлять текст используя кнопки редактирования шрифта и абзаца, выбирать формат шрифта, сам шрифт, его размер и цвет, добавлять ссылки, изображения и приложения.

HTML редактор, позволяет редактировать и добавлять текст используя язык разметки HTML, также добавляя с помощью него ссылки, изображения и приложения.

Рисунок 11 - Визуальный редактор

Рисунок 12 - HTML редактор

3.4 Описание используемых тегов

Документ в целом отмечен как документ в формате HTML, т.е. начинается командой <HTML> и заканчивается командой </HTML>.

Для выделения заголовка: <HEAD> Заголовок документа <HEAD>

Для ввода титульной строки в заголовок документа: <TITLE> </TITLE>

Для записи основного текста: <BODY> Основной текст </BODY>

Для перехода на следующую строку: <BR>

Для создания пустой строки: <P></P>

Таблица создается с помощью команд <TABLE> и </TABLE>. Команда <TABLE> может иметь следующие параметры: BORDER - определяет линии, разграничивающие клетки в таблице. CELLPADDING - определяет минимальный промежуток вокруг содержимого таблицы. BGCOLOR - определяет цвет фонового изображения в таблице. Для формирования таблицы, состоящей из нескольких строк, используется команда <TR> , разделяющей строки и <TD>, разделяющей столбца.

Для записи гипертекстовой ссылки: <A href = “URL”> Переход по гипертекстовой ссылке. </A>

Для записи гипертекстовой ссылки с помощью рисунка вместо текста для ссылки вставляют рисунок: <IMG SRC= “ИМЯ ФАЙЛА” ALIGN = DIRECTION WIDTH = WIDTH HEIGHT = HEIGHT >.

Процедура на JavaScript - их две один для вывода текста на экран в виде бегущей строки (эффект печатающей машинки), второй для подсветки пунктов меню.

Скрипты на JavaScript:

- src=http://mysite.ucoz.ru/term/images/demo.png

- <script type="text/javascript" src ="http://mysite.ucoz.ru/papka/demo.js "></script>

Style.css - простенькая табличка стилей там указан стиль для popup окна и заданы некоторые атрибуты для body и ссылок.

<link href="style.css" rel="stylesheet" type="text/css">

Стиль пишется между тегами <HEAD> </HEAD> [8]

Заключение

В ходе выполнения курсовой работы получен полнофункциональный web-сайт, полностью готовый к применению. С его помощью пользователи смогут получать необходимую информацию и задавать интересующие их вопросы в форуме. При размещении его в глобальной сети география распространения возрастает до масштабов всего мира.

При разработке web-сайта были проанализированы современные web-технологии, позволяющие создавать интерактивные web-страницы.

Разработанный сайт удовлетворяет всем требованиям, поставленным на этапе постановки задачи. При разработке web-сайта были использованы готовые модули аутентификации, форума и осуществления поиска по сайту. Данные модули были доработаны с учетом специфики web-сайта и успешно внедрены в его структуру.

В качестве дальнейшего совершенствования web-сайта представляется возможным разработка модулей доступа к системам дистанционного образования. Так же возможна доработка интерфейса сайта с целью дальнейшего повышения его информативности, привлекательности и удобства.

Результатом выполнения данной курсовой работы стал готовый к использованию персональный сайт.

В ходе разработки данного сайта был выполнен ряд задач, в частности дано описание предметной области, разработан сайт с использованием HTML, CSS и JavaScript, удобным и простом интерфейсом и заполнен информацией.

В целом работа считается выполненной, возможно усовершенствование сайта, создание дополнительных разделов и модулей, а также изменение существующих.

Список используемых источников

1. Шегар А.М. CSS - Cascading Style Sheet в примерах. - Internet, http/www.citforum.ru.

2. Шегар А.М. JavaScript в примерах. - Internet, http/www.citforum.ru.

3. Модель событий JavaScript - Internet, http/www.rambler.

4. Каллахан И. Ваша WEB-страница. Проблемы и решения. с англ. - М.: “ЭКОМ”, 2012-.- 290с., ил.

5. Глушаков С.В., Жакин И.А., Хачиров Т.С. - Программирование Web-страниц . - Харьков: «Фолио», 2015.-390 с.- (Учебный курс)

6. Венедюхин Александр , Воробьев Андрей Создание сайтов. Эксмо - Москва, 2011. - 528 c.

7. Гарднер Л., Григсби Д. Разработка веб-сайтов для мобильных устройств; Питер - Москва, 2013. - 448 c.

8. Дакетт Джон HTML и CSS. Разработка и дизайн веб-сайтов. Эксмо - Москва, 2013. - 480 c.

9. Дронов В. PHP 5/6, MySQL 5/6 и Dreamweaver CS4. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2009. - 544 c.

10. Дронов Владимир HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов; БХВ-Петербург - Москва, 2011. - 416 c.

11. Дронов Владимир PHP, MySQL и Dreamweaver MX 2004. Разработка интерактивных Web-сайтов; БХВ-Петербург - Москва, 2013. - 448 c.

12. Костин С. П. Самоучитель создания Web-сайтов; Триумф - Москва, 2013. - 176 c.

13. Кузнецов М., Симдянов И. PHP. Практика создания Web-сайтов; БХВ-Петербург - Москва, 2012. - 347 c.

14. Митчелл, Скотт 5 проектов Web-сайтов от фотоальбома до магазина; М.: НТ Пресс - Москва, 2013. - 224 c.

15. Мерсер, Дэвид Drupal 6. Создание надежных и полнофункциональных веб-сайтов, блогов, форумов, порталов и сайтов-сообществ; М.: Вильямс - Москва, 2012. - 272 c.

16. Тероу Шэри Видимость в Интернете. Поисковая оптимизация сайтов; Символ-Плюс - , 2012. - 288 c.

17. Фрейен Бен HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств; Питер - Москва, 2014. - 304 c.

18. Фридман В. А., Александров А. В., Сергеев Г. Г., Костин С. П. Строительство Web-сайтов; Триумф - Москва, 2011. - 288 c.

19. Чебыкин Ростислав Разработка и оформление текстового содержания сайтов; БХВ-Петербург - Москва, 2014. - 528 c.

20. Китинг, Джоди Flash MX. Искусство создания web-сайтов; ТИД ДС - Москва, 2012. - 848 c.

Приложение А

Упрощённая модель навигации

<td class="topLink">

<div style="height:36px;background:url('/.s/t/901/4.gif') left no-repeat;float:left;padding: 0 20px 0 10px;"><br><a href="http://la-petruxina.my1.ru/" title="Главная"><!--<s5176>-->Главная<!--</s>--></a>

</div> <div style="height:36px;background:url('/.s/t/901/4.gif') left no-repeat;float:left;padding: 0 20px 0 10px;"><br><a href="/register" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a></div>

<div style="height:36px;background:url('/.s/t/901/4.gif') left no-repeat;float:left;padding: 0 20px 0 10px;"><br><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:1,closeonesc:1,resize:1},{url:'/index/40'});return false;" title="Вход"><!--<s3087>-->Вход<!--</s>--></a></div>

</td>

Приложение Б

Соц-бар

<div id="uidLogForm" align="center">

<a href="javascript://" onclick="window.open('http://login.uid.me/?site=5la-petruxina&amp;ref='+escape(location.protocol + '//' + ('la-petruxina.my1.ru' || location.hostname) + location.pathname + ((location.hash ? (location.search ? location.search + '&amp;' : '?' ) + 'rnd=' + Date.now() + location.hash : (location.search || '' )))),'unetLoginWnd','width=580,height=450,resizable=yes,titlebar=yes');return false;" class="login-with uid" title="Войти через uID" rel="nofollow"><i></i></a>

<a href="javascript://" onclick="return uSocialLogin('vkontakte');" class="login-with vkontakte" title="Войти через ВКонтакте" rel="nofollow"><i></i></a>

<a href="javascript://" onclick="return uSocialLogin('ok');" class="login-with ok" title="Войти через Однокласcники" rel="nofollow"><i></i></a> <a href="javascript://" onclick="return uSocialLogin('facebook');" class="login-with facebook" title="Войти через Facebook" rel="nofollow"><i></i></a>

<a href="javascript://" onclick="return uSocialLogin('yandex');" class="login-with yandex" title="Войти через Яндекс" rel="nofollow"><i></i></a>

<a href="javascript://" onclick="return uSocialLogin('google');" class="login-with google" title="Войти через Google+" rel="nofollow"><i></i></a>

<a href="javascript://" onclick="return uSocialLogin('twitter');" class="login-with twitter" title="Войти через Twitter" rel="nofollow"><i></i></a>

</div>

Приложение В

Модуль «Поиск»

<div class="searchForm">

<form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/">

<div align="center" class="schQuery">

<input type="text" name="q" maxlength="30" size="20" class="queryField"></div>

<div align="center" class="schBtn">

<input type="submit" class="searchSbmFl" name="sfSbm" value="Найти"></div>

</form>

</div>

Приложение Г

Модуль «Календарь»

<tbody>

<tr>

<td align="center" class="calMonth" colspan="7">

<a title="Октябрь 2016" class="calMonthLink" href="javascript://" rel="nofollow" onclick="window.location.href=''+atob('L25ld3Mv')+'2016-10';return false;">«</a>&nbsp;

<a class="calMonthLink" href="javascript://" rel="nofollow" onclick="window.location.href=''+atob('L25ld3Mv')+'2016-11';return false;">Ноябрь 2016</a> &nbsp;

<a title="Декабрь 2016" class="calMonthLink" href="javascript://" rel="nofollow" onclick="window.location.href=''+atob('L25ld3Mv')+'2016-12';return false;">»</a>

</td>

</tr>

<tr>

<td align="center" class="calWday">Пн</td>

<td align="center" class="calWday">Вт</td>

<td align="center" class="calWday">Ср</td>

<td align="center" class="calWday">Чт</td>

<td align="center" class="calWday">Пт</td>

<td align="center" class="calWdaySe">Сб</td>

<td align="center" class="calWdaySu">Вс</td>

</tr>

<tr>

<td>&nbsp;</td>

<td align="center" class="calMday">1</td>

<td align="center" class="calMday">2</td>

<td align="center" class="calMday">3</td>

<td align="center" class="calMday">4</td>

<td align="center" class="calMday">5</td>

<td align="center" class="calMday">6</td>

</tr>

<tr>

<td align="center" class="calMday">7</td>

<td align="center" class="calMday">8</td>

<td align="center" class="calMday">9</td>

<td align="center" class="calMday">10</td>

<td align="center" class="calMday">11</td>

<td align="center" class="calMday">12</td>

<td align="center" class="calMday">13</td>

</tr>

<tr>

<td align="center" class="calMday">14</td>

<td align="center" class="calMday">15</td>

<td align="center" class="calMday">16</td>

<td align="center" class="calMdayA">17</td>

<td align="center" class="calMday">18</td>

<td align="center" class="calMday">19</td>

<td align="center" class="calMday">20</td>

</tr>

<tr>

<td align="center" class="calMday">21</td>

<td align="center" class="calMday">22</td>

<td align="center" class="calMday">23</td>

<td align="center" class="calMday">24</td>

<td align="center" class="calMday">25</td>

<td align="center" class="calMday">26</td>

<td align="center" class="calMday">27</td>

</tr>

<tr>

<td align="center" class="calMday">28</td>

<td align="center" class="calMday">29</td>

<td align="center" class="calMday">30</td>

</tr>

</tbody>

Приложение Д

Модуль «Статистика»

<div align="center">

<!-- <bc> -->

<hr><div class="tOnline" id="onl1"> Онлайн всего: <b>1</b></div>

<div class="gOnline" id="onl2">Гостей: <b>1</b></div>

<div class="uOnline" id="onl3">Пользователей: <b>0</b></div>

<!-- </bc> -->

</div>

Приложение Е

Рейтинг

<script type="text/javascript" src="http://nexfilm.ru/js/55_rate.js"></script>

<div class="rate">

<a class="orating_m" title="Не нравится" href="#" onclick="rateForm(-1,$ID$);returnfalse"></a>

<a class="orating_p" title="Нравится" href="#" onclick="rateForm(1,$ID$);return false"></a>
<a class="orating_res"><b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>"><scripttype="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b> </a>

</div>

ПРИЛОЖЕНИЕ Ж

Галерея

<a href="http://полное-изображение-1" data-fancybox-group="screens" class="ulightbox"> <img src="http://уменьшенное-изображение-1"> </a> 

<a href="http://полное-изображение-2" data-fancybox-group="screens" class="ulightbox"> <img src="http://уменьшенное-изображение-2"> </a> 

<a href="http://полное-изображение-3" data-fancybox-group="screens" class="ulightbox"> <img src="http://уменьшенное-изображение-3"> </a>

Размещено на Allbest.ru


Подобные документы

  • Создание тематического Web-сайта с использованием гипертекстового языка разметки HTML, каскадных листов стилей CSS и языка программирования Java Script. Описание используемых тегов при его создании. Особенности разработки навигации и интерфейса сайта.

    контрольная работа [2,8 M], добавлен 02.12.2009

  • Хозяйственные отношения по поставкам товаров. Технологии, обеспечивающие сетевой доступ к базам данных. Проектирования Web-сайта предприятия. Разработка навигации по сайту. Принципы работы MySQL-сервера. Расчет показателей экономической эффективности.

    дипломная работа [190,5 K], добавлен 14.05.2013

  • Понятие сайта и их классификация - корпоративные, презентационные, тематические, интернет-магазины. Язык гипертекстовой разметки HTML и его средства разработки. Виртуальный web-сервер Denver и MySQL базы. Этапы разработки сайта и структура навигации.

    дипломная работа [2,4 M], добавлен 13.01.2015

  • Разработка структуры сайта: создание карты, макета страницы, обеспечение навигации, определение дополнительных сервисов, выбор технологии. Создание базы данных, написание скриптов и сценариев для реализации имеющихся на сайте функциональных возможностей.

    дипломная работа [3,2 M], добавлен 19.02.2013

  • Ранжирование сайтов поисковыми системами. Поисковые машины, алгоритм работы. Описание процесса изменения рейтинга сайта, математическая модель. Главные функциональные возможности скрипта, описание подпрограмм, алгоритмов и принципа работы программы.

    курсовая работа [66,1 K], добавлен 12.07.2012

  • Обзор проблемы разработки сайтов. Системы управления контентом. Сайты для агентств недвижимости. Контекстная диаграмма и оценка трудоемкости разработки сайта. Анализ предметной области и выделение информационных объектов. Описание реализации сайта.

    дипломная работа [2,9 M], добавлен 12.08.2017

  • Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.

    курсовая работа [10,7 M], добавлен 01.09.2016

  • Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.

    курсовая работа [686,4 K], добавлен 13.06.2022

  • Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.

    презентация [2,8 M], добавлен 01.09.2019

  • Принципы информатизации высших учебных заведений и образовательные информационные технологии. Язык разметки гипертекстовой информации. Php и javaScript при разработке сайта учебного заведения. Создание меню для навигации по сайту и счётчика посещений.

    дипломная работа [464,8 K], добавлен 03.09.2012

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.