Проектирование web-сайта

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

Содержание

сайт интернет операционный программный

Введение

1. Теоретическая часть

1.1 Описание предметной области

1.2 Язык разметки гипертекстовых страниц HTML

1.3 Разработка дизайна Web-страниц сайта

2. Обоснование выбора технических средств, операционной системы

2.1 Выбор и обоснование операционной системы

2.2 Выбор и обоснование технических средств

2.3 Обоснование выбора комплекса технических средств

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

3.1 Информационная структура web-сайта

3.2 Требования к web-сайту

3.3 Описание карты сайта

4. Алгоритм работы

4.1 Установка программного обеспечения

4.2 Добавление и изменения информации на web-сайт

5. Программная реализация

5.1 Описание этапов размещения в сети

5.2 Инструкция пользователя

Заключение

Список использованной литературы

Приложение



Введение

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

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

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

Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера. Но может возникнуть и другая проблема - сайт может оказаться не интересным пользователю и та информация, которую он несет, окажется не востребованной. Именно поэтому важно, чтобы сайт отвечал всем требованиям пользователя.

Целью работы является формирование теоретических знаний по проектированию web-сайта и практических навыков по его разработке.

Для выполнения курсового проекта были поставлены следующие задачи:

проанализировать содержание нескольких сайтов для выявления актуальных потребностей пользователей Интернет;

познакомится с основными теоретическими понятиями разработки web-сайта;

научится проектировать и разрабатывать web-сайт.



1. Теоретическая часть

1.1 Описание предметной области

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

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

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

1.2 Язык разметки гипертекстовых страниц HTML

Наиболее распространенным языком разработки сайта является Язык разметки гипертекстовых страниц (HTML - Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут, как входить, так и не входить в состав действующей спецификации HTML.

Рутинная работа по ручному созданию сайта с недавнего времени заменена CMS-сайтами. Наиболее распространенными является Joomla и WordPress.

Joomla -- система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных СУБД MySQL или другие индустриально-стандартные реляционные СУБД. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL.

WordPress -- система управления содержимым сайта с открытым исходным кодом, распространяемая под GNU GPL. Написана на PHP, в качестве базы данных использует MySQL. Сфера применения -- от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система "тем" и "плагинов" вместе с удачной архитектурой позволяет конструировать практически любые проекты. WordPress выпущен под лицензией GPL версии 2.

Так как сайт "Новая Волна" будет в основном новостным, то гораздо удобнее будет использовать WordPress.



1.3 Разработка дизайна Web-страниц сайта

При разработке дизайна Web-страницы фиксированного размера, вероятно, придется выбирать для нее размер экрана. Здравый смысл подсказывает, что страница должна быть доступна (и правильно отображаться) для максимально возможного числа пользователей. Идея проста: необходимо определить наиболее часто используемое разрешение дисплея и разработать страницу таким образом, чтобы страница гарантированно заполняла все рабочее пространство.

Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователям не пришлось применять горизонтальную прокрутку. Горизонтальная прокрутка всегда затрудняет восприятие, поэтому дизайнеры традиционно ее отвергают.

Все большее число разработчиков считает стандартным разрешение 800x600. И совсем единицы разрабатывают страницы для еще более высоких разрешений. Конечно, ваше решение будет, в первую очередь, зависеть от аудитории. Например, если сайт ресурсов для дизайнеров графики, то считаем, что они имеют дисплеи, по крайней мере, с разрешением 800x600 или выше, в соответствиии с чем и разрабатывается страница. Если сайт предназначен специально для WebTV или какого-то другого устройства отображения, следует ориентироваться на это конкретное устройство.

Достойный уважения Web-дизайн включает разработку страниц, доступных для пользователей с ограниченными возможностями, в частности по зрению и слуху. Консорциум World Wide Web объявил об инициативе Web Accessibility Initiative (WAI), которая ставит целью сделать Web более доступным для всех пользователей. Однако успех данной инициативы зависит от участия в ней рядовых разработчиков, которые могут (или не могут) создать Web-сайты в соответствии с поставленными задачами.

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

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

Исходя из данных выше правил, дизайн сайта будет следующим.

Рисунок 1.1 Шаблон дизайна сайта.

На основании созданного шаблона разрабатывается дизайн сайта



Рисунок 1.2 Дизайн сайта.



2. Обоснование выбора технических средств, операционной системы

2.1 Выбор и обоснование операционной системы

Частными критериями при выборе операционной системы являются:

Цена;

Надежность;

Визуальный интерфейс.

Самым главным критерием для учебного института на сегодняшний день является цена операционной системы. Анализ текущих цен на операционные системы показал, что стоимость Windiws 7 составляет 3826р стоимость Windiws ХР составляет 4380р, а стоимость Windiws Vista составляет 4453р. Так же, при выборе операционной системы, помимо стоимости, важную роль играет её надёжность.

Windows 7 разрабатывалась как серверная платформа с серверной и клиентской частями, и поэтому разработчики делали упор на стабильность и надёжность данной операционной системы. С каждой новой операционной системой визуальный интерфейс становился всё более приятен: красивые ярлычки, полупрозрачные окна, более яркий и насыщенный объектами интерфейс. Все эти нововведения отражаются и на цене.

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

Видно, что MS Windows 7 обладает меньшей стоимостью по сравнению со своими собратьями.Так же видно что она более надёжна, и её визуальный интерфейс значительно лучше других операционных систем. Для разработки и применения веб-сайта "Новая Волна" будет использована ОС MS Windows 7, т.к. в сравнении она показала значительное преимущество перед своими собратьями.



2.2 Выбор и обоснование технических средств

В современных условиях развития и совершенствования средств электронно-вычислительной техники, внедрение ВТ в различные сферы производственно-хозяйственной и экономической деятельности, невозможно без использования автоматизированных средств. Для решения задачи данного проекта из всего множества технических средств необходимо выбрать персональный компьютер (ПК), отвечающий потребностям разрабатываемого АРМ бухгалтера. Критериями выбора являются:

1. Технические характеристики: -объем памяти; -быстродействие; -состав аппаратных средств;

2. Удобство и простота использования;

3. Стоимостные затраты;

4. Качество программного обеспечения. Основные типы вычислительных машин, между которыми производится сравнительный анализ следующие: Pentium 4, Celeron.

Факторы выбора технических средств.

При выборе комплекса технических средств необходимо учитывать следующие факторы:

стоимость приобретения технических средств;

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

надежность технических средств и срок службы;

удобство комплекса технических средств (КТС);

производительность и быстродействие КТС;

2.3 Обоснование выбора комплекса технических средств

Для решения задач учета, хранения и распространения продукции целесообразно использовать комплекс технических средств базового уровня.

При выборе данного комплекса учитывались следующие положения:

Требуется автоматизировать не деятельность предприятия в целом, а наиболее "узкие" места. Излишняя автоматизация не требуется, следовательно, не требуется комплекс технических средств высокого уровня. Кроме того затраты на дорогостоящее оборудование в данном случае будут не оправданными. Требуется обеспечить достаточную масштабируемость комплекса технических средств для расширения и дополнения задач автоматизации. Следовательно, неразумно использовать технические средства начального уровня.

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

Исходя из этого, следует, что из трех машин класса Pentium, необходимо выбрать одну:

у ПК IBM PC Pentium IV достаточно большой объем винчестера, что позволяет хранить достаточно большие базы данных;

по сравнению с Pentium III и Pentium II более высокое быстродействие;

высокое качество и разнообразие программного обеспечения.

Кроме того, техническими средствами, необходимыми для работы с большинством АРМов являются:

ПК типа IBM PC/XT или AT с процессором Pentium III и выше;

оперативная память 256 Mb и выше;

жесткий диск емкостью не менее 40 Gb;

цветной монитор (дисплей), желательно с графическим адаптером SVGA (Super Video Graphic Adapter).

Исходя из вышеперечисленных средств и учитывая выводы анализа сравнительной таблицы, можно сделать вывод, что использование ПК IBM PC Pentium IV является наиболее целесообразным для решения поставленной задачи.



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

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

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

Данный этап можно так же назвать "А зачем и для чего нужен сайт?". Обычно для того чтобы постановка задачи была наиболее полной, заказчику необходимо понять и ответить на следующие вопросы:

1. Цель создания сайта:

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

2. Целевая аудитория:

В основном, аудиторией будет являться молодые люди Старокулаткинского района. Так как пожилые люди не пользуются сетью Интернет.

3. Необходимые ресурсы:

Такими ресурсами могут быть тексты, фотографии, аудио-видео материалы, прайс-листы, логотип, базы данных и т.д.

4. Определение сроков:

Сайт создается в течении 30 рабочих дней.



3.1 Информационная структура web-сайта

Как же выглядит информационная иерархия на web-странице? Один из вариантов может быть таким:

Логотип

Название сайта

Слоган

Название страницы

Заголовки

Навигация

Выделенный текст

Простой текст

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

Логотип - "опознавательный знак" сайта. В деловом интернете это элемент связи между реальным и виртуальным представлением той или иной организации.

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

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

Название страницы предназначено для определения текущего местоположения посетителя на сайте.

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

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

Выделенный текст предназначен для акцентирования внимания посетителей на нем.

Простой текст служит в качестве носителя информации.

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

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

3.2 Требования к web-сайту

Теперь рассмотрим требования предъявляемые к веб-сайту:

Совместимость с основными версиями браузеров.

Минимальный объем HTML-кода.

Модификация сайта при минимуме человекочасов.

Портабельность сайта.

Безусловно, самым важным является совместимость HTML-кода страниц сайта с основными браузерами. На сегодняшний день основными являются: Internet Explorer, Netscape Navigator, Opera, Coogle также рекомендую просматривать ваши страницы в третьих версиях браузеров. В них, скорее всего, сайт будет отображаться не совсем корректно, т.к. третьи версии не поддерживают многих элементов, например, каскадных таблиц стилей. Иногда, для сайта очень важно, чтобы он приемлемо отображался не только в четвертых, но и в третьих версиях браузеров. Если сайт не просматривается или отображается некорректно в четвертых версиях браузеров, то теряется значительная часть посетителей. Объем HTML-кода должен стремиться к минимуму по двум причинам. Первая, и самая главная, вызвана скоростью загрузки вашего HTML-документа пользователем. Пользователь не будет долго ждать. Если страница не появилась в течение одной минуты, то скорее всего, пользователь уйдет на другой веб-сайт. Вторая причина связана с совместимостью с основными версиями браузеров и дальнейшим сопровождением сайта. Практика показывает, что чем больше объем HTML-кода, тем сложнее добиться, чтобы он одинаково отображался в различных браузерах. Здесь имеется в виду не абсолютный размер HTML-кода. Дело в том, что одного и того же результата можно добиться разными способами. Например, при форматирование содержимого HTML-документа, одного и того же результата можно добиться разным исходным HTML-кодом.

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

Сайт имел структуру, пример предлагаемой структуры сайта см. выше.

Исходный HTML-код должен быть читабельным.

Верхние и нижние колонтитулы были вынесены в отдельный файл.

CSS (таблицы каскадных стилей), используемые в нескольких документах находились в отдельном файле.

Функции JavaScript, используемые в нескольких документах находились в отдельном файле.

Гиперссылки имели правильные пути - абсолютные и относительные.

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

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

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

3.3 Описание карты сайта.

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

Рисунок 3.1 Карта сайта.



4. Алгоритм работы

4.1 установка программного обеспечения

Для реализации поставленной задачи следует установить следующее программное обеспечение:

Denwer

WordPress 1.5.5

Язык PHP

Denwer.

Для просмотра любого динамического сайта на персональном компьютере нужен сервер. Другая возможность - загрузка сайта на хостинг. Оба этих процесса довольно длительны и сложны. Но существует и альтернатива - комплекс Denwer. Он предназначен для удобной отладки скриптов, не выходя в Интернет. Денвер включает в себя несколько наиболее популярных серверов сторонних производителей, работающих в Windows. Можно разрабатывать и тестировать сайты в Windows, а затем быстро и легко переносить их на реальный хостинг.

Создание локального сервера.

Запускается Denwer.

Рисунок 4.1. Установка Denwer

1. Место установки

Установка Denwer на диск D в папку WebServers. путь - D:\WebServers. Нажимается кнопка Enter.

2. Виртуальный диск

Далее вводится имя виртуального диска, который будет связан директорией. Название виртуального диска (Z:). Важно, что диска с этим именем еще не должно содержаться в системе.

Рисунок 4.2. Имя виртуального диска.

3. Запуск и установка комплекса

Режим запуска Denwer по умолчанию стоит 1-й режим, в котором установка виртуального диска происходит сразу с загрузкой Windows, загрузка серверов происходит по нажатию ярлыка как и 2-й режим, но в котором виртуальный диск включается во время запуска сервером и отключение после установки Denwer. Нажимается Enter.

Рисунок 4.3 Режим запуска.

Завершение установки

Локальная машина установлена.

И на рабочем столе будут ярлыки:



Рисунок 4.4 Ярлыки Denwer.

Создание базы данных.

1. В адресной строке браузера пишем: http://localhost/tools

Рисунок 4.5 Адресная строка.

Открывается страница по запросу http://localhost/tools.

Рисунок 4.6 Переход в phpmyadmin.

2. Требуетя создать новую БД. Стандартное название "progect1"

Рисунок 4.7 Создание БД.

3. После нажатия кнопки, открывается следующее окно с сообщением, что база данных progect1 создана:



Рисунок 4.8 Создание БД.

В новом окне, в блоке "Информация логина" заполняются строчки:

Имя пользователя

Хост "localhost";

Пароль

Подтверждение пароля

4. В блоке "Глобальные привилегии" отмечаем все пункты и нажимаем "Пошел".

Рисунок 4.9 Добавление нового пользователя.

Появляется сообщение о том, что новый пользователь был добавлен:

Рисунок 4.10 Новая база данных.

База данных создана.



4.2 Добавление и изменение информации на web-сайт

Когда сайт создан, но нужно добавить/изменить информацию, то нужно сделать следующее:

1. Зайти в админскую зону:

2. Открыть нужную страницу, внизу каждой страницы есть кнопканажав на которую откроется редактор страницы:

3. Что бы сохранить изменения и добавить их на сайт надо нажать кнопку "Обновить" на Панели Инструментов:



5. Программная реализация

5.1 Описание этапов размещения в сети

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

Что такое "доменное имя"? - это последовательность слов, которую вводят пользователи, чтобы посетить какой-либо сайт; проще говоря, это имя сайта.

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

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

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

Хостинг базы данных, размещение файлов, хостинг, услуги DNS могут предоставляться отдельно как самостоятельные услуги, либо входить в комплексную услугу.

Доменное имя сайта- tnv-nvk.ru. Сервер для размещения сайта - платный сервер CISHost. Когда доменное имя зарегистрировано и хостинг выбран, можно приступать к размещению сайта.

5.2 Инструкция пользователя

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

Рисунок 5.1 Главная страница сайта ООО "Новая Волна".

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

Рисунок 5.2 Поиск по сайту.

На странице "Стол заказов" можно отправить по Email заполненную форму с заказом на поздравление с любым торжеством и оплатить свой заказ по данным банковским реквизитам.



Рисунок 5.3 Форма для заполнения и отправки заказа

На странице "Фотогалерея" можно просмотреть фотоальбомы и оставить комментарии.

Рисунок 5.4 Фотоальбомы

В нижней части сайта находится контактная информация

Рисунок 5.5 "Подвал" сайта



Заключение

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

При этом мною были решены следующие частные задачи:

- ознакомление с современными Интернет-технологиями и использование их в своей разработке;

- изучение основных программы применяемых для разработки и создания Web-сайта;

- ознакомление с методами и способами представления на Web-страницах различных видов информации (текстов и изображений);

- ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им в своей практике;

- определение структуры Web-страниц;

- предоставление пошаговой стратегии разработки web-сайта;

- предоставление инструкции для пользователей web-сайта.

В результате проведенных работ на базе выбранных технологий был создан современный Web-сайта.



Список использованной литературы

1. Дронов В.А. Программирование. -- СПб.: БХВ-Петербург, 2006

2. Алексеев А.П. Введение в Web-дизайн: учебное пособие. - М.: СОЛОН-ПРЕСС, 2008

3. Барысов Р. Постройте профессиональный сайт сами. - СПб., 2009

4. Печников В.Н. Сомоучитель Web-страниц и Wrb-сайтов. - М.: Триумф, 2006

5. Печников В.Н. Создание Web-сайтов без посторонней помощи. - М.: Триумф, 2006

6. Панфилов К. По ту сторону веб-страницы. - СПб.: ДМК Пресс, 2008

7. Кроудер Д. Создание web-сайта для чайников: 3-е издание. - М.: Диалектика, 2009

8. Вильямсон Х. Универсальная библиотека программиста - СПб.: ПИТЕР, 2001



Приложение

Листинг главной страницы сайта ООО "Новая волна"

<html>

<head>

<title>ТнВ НвК "Я?а Дулкын" (Иске Кулатка)</title>

<meta name="robots" content="ALL">

<style type="text/css">

<p style="text-align: left;"><em><strong>Здравствуйте,уважаемые посетители сайта!</strong></em></p>

<p style="text-align: center;"><em>Мы рады приветствовать Вас на нашем сайте.</em></p>

<p style="text-align: center;"><em></em><em>Наше ТВ-это средство массовой информации,</em><em>передающее все новости нашего Старокулаткинского района.</em><em>Главным спонсором и идейным вдохновителем </em><em>является Глава "МО" Старокулаткинского района ,генеральный директор ООО ЭТЗ </em><em>"ГЭКСАР" г.Саратов Ганеев Эдуард Анварович.</em></p>

<p style="text-align: justify;">На нашем сайте вы можете ознакомиться с последними новостями Старокулаткинского района, оставлять свои отзывы о происходящем, вносить свои предложения в работу ТВ.

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

У нас Вы можете ознакомится с предоставляемыми нами услугами и найти для себя полезную информацию.</p>

<iframe src="http://vk.com/video_ext.php?oid=-48629303&amp;id=164882214&amp;hash=8b2b2c7cc55b48de&amp;hd=1" height="360" width="607" frameborder="0"></iframe>

<iframe src="http://vk.com/video_ext.php?oid=-48629303&amp;id=164723883&amp;hash=5ef43dabe8706723&amp;hd=1" height="360" width="607" frameborder="0"></iframe>

<iframe src="http://www.youtube.com/embed/4r7q1Bccvgc" height="360" width="607" frameborder="0"></iframe>

<iframe src="http://vk.com/video_ext.php?oid=-48629303&amp;id=164478319&amp;hash=68223e52f43dad39&amp;hd=1" height="360" width="607" frameborder="0"></iframe>

&nbsp;

<iframe src="http://vk.com/video_ext.php?oid=-48629303&amp;id=164472408&amp;hash=0f37ab926bdc2a93&amp;hd=1" height="360" width="607" frameborder="0"></iframe>

&nbsp;

<td background=vb-5. jpg width=621 align=center>

<img src=title. jpg alt="ТНВ" border=0>

</td>

<td background=vb-6. jpg width=16 height=5></td>

</tr>

</table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650>

<tr valign=top>

<td background=vb-7. jpg width=28 height=30></td>

<td background=vb-8. jpg width=594 height=30 align=center></td>

<td background=vb-9. jpg width=28 height=30></td>

</tr>

</table>

<table border=0 cellpadding=0 cellspacing=0 width=650>

<tr valign=top>

<td background=vb-1. jpg width=28 height=30></td>

<td background=vb-2. jpg width=592 height=30 align=center></td>

<td background=vb-3. jpg width=30 height=30></td>

</tr>

</table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650>

<tr valign=top>

<td background=vb-4. jpg width=15 height=5></td>

<td background=vb-5. jpg width=621 align=center>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560>

<tr>

<td background=vb-5. jpg>

<font><p align=left><br>&nbsp; &nbsp; <img src=point. jpg> <a href=http://vbcomponent. narod.ru/ title="Visual Basic">VB и COM</a>&nbsp; &nbsp; <img src=point. jpg> <a href=http://barbie. oflameron.ru </a>&nbsp; &nbsp; <img src=point. jpg> <a href=http://themonopoly. narod.ru/ title="Новости"><b></b></a>&nbsp; &nbsp; <img src=point. jpg> <a href=http:/ &nbsp; <img src=point. jpg> <a href=http:/ title=" "></a>&nbsp; &nbsp; <img src=point. jpg> <a href=http:// /ee/ title=" "> </a>&nbsp; &nbsp; <img src=point. jpg> <a href=http:// = a>&nbsp; &nbsp; <img src=point. jpg> <a href=http:// =</a>&nbsp; &nbsp; <img src=point. jpg> <a href=http:// = </a>&nbsp; &nbsp; <img src=point. jpg> <a href= = a>&nbsp; &nbsp; <img src=point. jpg> <a href= = </a>&nbsp; &nbsp; <br>&nbsp; &nbsp; </p></font>

</td>

</tr>

<tr></tr>

</table>

</td>

<td background=vb-6. jpg width=16 height=5></td>

</tr>

</table>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=650><! -

<tr valign=top>

<td background=vb-4. jpg width=15 height=5></td>

<td background=vb-5. jpg width=621 align=center>

<table bgcolor=white border=0 cellpadding=0 cellspacing=0 width=560>

<em>Общество с ограниченной ответственностью "Новая Волна" </em>

<em>Ульяновская область р.п Старая Кулатка, ул Куйбышева ,73 </em>

<em>Генеральный директор Деникаева Венера Адельхановна </em>

<em>ИНН 7311006784 КПП 731101001</em>

<em>Р/счет 40702810369080101589</em>

<em>БИК 047308602</em>

<em>Коор.счет 30101810000000000602</em>

<em>ОГРН 1077311000535</em>

</body>

</html>

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