В работе описывается сайт созданный в программе Microsoft FrontPage. ...
Темой данной курсовой работы является создание полноценного сайта, с помощью редактора Microsoft FrontPage.
Microsoft FrontPage – это специальный редактор для разработки сайтов. Редактор имеет удобные инструменты для работы с таблицами, встроенные средства для обработки изображений, позволяет легко размещать на страницах различные мультимедиа-объекты: рисунки, видеофильмы, анимацию, звуковые фрагменты.
Представленный сайт дает представление, и описание такого вида спорта - как Спортивная гимнастика. Описывается история возникновения, и развитие этого спортивного направления. В сайт включено небольшое количество видеороликов. Дающих представление о выполнении некоторых элементов. В виде фреймовой структуры происходит знакомство с наиболее выдающимися гимнастами. Описываются некоторые гимн астические снаряды. (Сайт высылается отдельно,по ссылке на облако, размер - 540 МБ, сюда загрузить не смог)
В PHP реализованы лучшие решения многих языков, таких как C и Perl; кроме того, PHP предоставляет разработчику мощные средства для работы с базами данных. Слово Perl является аббревиатурой выражения Practical Extraction and Report Language. Подобно Perl, PHP — свободно распространяемая открытая система, и сообщество разработчиков имеет возможность ее модернизировать.Новой технологией для создания лучшего, удобного и более интерактивного вебприложения, а не новым языком программирования является AJAX. AJAX — это акроним Asynchronous JavaScript And XML. AJAX использует JavaScript, чтобы посылать и получать данные между веб-браузером и веб-сервером.Приложения AJAX являются браузерами и платформно-независимы (кроссплатформенная и кросс-браузерная технология). Вместе со AJAX, интернет-приложения можно сделать богаче (меньше, быстрее и легче для использова-ния).К известным средствам разработки можно отнести также CGI (Common Gateway Interface), ASP, JSP (Java Server Pager), SSI (Server Side Includes), VRML (Virtual Reality Markup Language) и другие.Apache — это открытый веб-сервер, наиболее часто используемый для платформ Unix, Linux и Solaris.ASP (Active Server Pages) — технология, используемая для написания мощных клиент-серверных интернет-приложений, позволяющая создание динамических страниц HTML.Какие программы лучше использовать для создания веб-страниц? Это, несомненно, Adobe GoLive, Microsoft FrontPage, Macromedia Dreamweaver. Для редактирования изображения могут применяться программы Adobe Photoshop, Macromedia Fireworks, Corel Photo-Paint, Adobe Illustrator, Macromedia Freehand,CorelDRAW, Adobe LiveMotion, Macromedia Flash. Для работы с аудио- и видеоданными — программы Adobe Premier, Apple Final Cut Pro, Apple Quick Time, RealProducer, Windows Media. Существует множество простых и сложных программ для написания HTML-страниц. В своей основе все они делятся на две категории: программы, автоматизирующие вставку тегов, и обыкновенные стандартные текстовые редакторы и процессоры, созданные для любых платформ. Хотя во многих перечисленных программах веб-страницы создаются автоматически, следует обязательно учить язык HTML, чтобы понимать, как строится веб-страница.Существует особый тип программ для создания и редактирования веб-сайтов: Системы управления содержимым (контентом) (англ. Content management system, CMS) информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).Основные функции CMS:Предоставление инструментов для создания содержимого, организация совместной работы над содержимым,Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.,Публикация содержимого,Представление информации в виде, удобном для навигации, поиска. В системе управления содержимым могут находиться самые различные данные: документы, фильмы, фотографии, номера телефонов, научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.В общем случае системы управления содержимым делятся на:Систему управления содержания масштаба предприятия (англ. EnterpriseContent Management System системы управления содержанием предприятий)Система управления веб-содержимым (англ. Web Content Management System)В силу того, что ECMS имеют глубокую внутреннюю классификацию по предметным областям (HRM, DMS, CRM, ERP и т. д.)[источник не указан 488 дней], термин CMS заместил собой WCMS, превратившись в синоним системы управления сайтами. Подобные CMS позволяют управлять текстовым и графическим наполнением веб-сайта, предоставляя пользователю интерфейс для работы с содержимым сайта, удобные инструменты хранения и публикации информации, автоматизируя процессы размещения информации в базах данных и её выдачи в HTML.Существует множество готовых систем управления содержимым сайта, в том числе и бесплатных. Их можно разделить на три типа по способу работы:Генерация страниц по запросу. Системы такого типа работают на основе связки «Модуль редактирования → База данных → Модуль представления». Модуль представления генерирует страницу с содержанием при запросе на него, на основе информации из базы данных. Информация в базе данных изменяется с помощью модуля редактирования. Страницы заново создаются сервером при каждом запросе, что в свою очередь создаёт дополнительную нагрузку на системные ресурсы. Нагрузка может быть многократно снижена при использовании средств кэширования, которые имеются в современных веб-серверах.Генерация страниц при редактировании. Системы этого типа суть программы для редактирования страниц, которые при внесении изменений в содержание сайта создают набор статических страниц. При таком способе в жертву приносится интерактивность между посетителем и содержимым сайта.Смешанный тип. Как понятно из названия, сочетает в себе преимущества первых двух. Может быть реализован путём кэширования — модуль представления генерирует страницу один раз, в дальнейшем она в несколько раз быстрее подгружается из кэша. Кэш может обновляться как автоматически, по истечении некоторого срока времени или при внесении изменений в определённые разделы сайта, так и вручную по команде администратора. Другой подход — сохранение определённых информационных блоков на этапе редактирования сайта и сборка страницы из этих блоков при запросе соответствующей страницы пользователем.Система управления — программа, предоставляющая инструменты для добавления, редактирования, удаления информации на сайте. Существуют разнообразные системы управления сайтом, среди которых встречаются платные и бесплатные, построенные по разным технологиям. Каждый сайт имеет панель управления, которая является только частью всей программы, но достаточна для управления им.Термин контент-менеджер обозначает род профессиональной деятельности — редактор сайта.Большая часть современных систем управления содержимым реализуется в виде визуального (WYSIWYG) редактора — программы, которая создаёт HTML-код из специальной упрощённой разметки, позволяющей пользователю проще форматировать текст.Публикация сайтаПубликация или перенос сайта с локального компьютера на удаленный сервер проходит в несколько этапов:регистрация доменного имени;выбор хостинг-провайдера и оплата его услуг;перенос на удаленный сервер инсталляции джумлы и выполнение установки;перенос на удаленный сервер шаблона (шаблонов) вашего сайта;установка всех дополнительных компонентов, модулей, мамботов, используемых на вашем локальном компьютере;перенос на сервер файлов с рисунками, используемых в материалах сайта, в том числе графические файлы, используемые компонентами;перенос базы данных со структурой, настройками и материалами вашего сайта.Порядок этапов имеет значение, прежде всего, перенос базы всегда должен идти последним.Все компьютеры, обменивающиеся информацией в сети интернет имеют уникальные IP-адреса. Каждый адрес - это тридцати двух битное двоичное число. Для удобства его представляют в виде набора из четырех десятичных чисел разделенных точкой. Каждое десятичное число может принять значение от 0 до 255.Для того, чтобы пользователям не пришлось запоминать бессмысленный набор цифр была создана система доменных имен DNS (Domain Name Service). Благодаря ей, каждый IP-адрес может иметь относительно осмысленное имя построенное из латинских символов и цифр, в случае журнала, например, это - www.infojournal.ru. Когда пользователь наберет в браузере имя в строке адреса, DNS-серверы, автоматически преобразуют его в IP-адрес. Все имена в сети разбиты на домены различного уровня. Так для России выделен домен первого уровня «.ru». Это - так называемый территориальный домен, его имеет каждое государство (Германия - .de, Великобритания - .uk и т.д.). Кроме территориальных существуют организационные домены первого уровня, они объединяют учреждения различных типов (коммерческие организации - .com, правительственные учреждения - .gov и т.д.). При желании, можно разместить русскоязычный сайт в доменной зоне uk, а в зоне com может располагаться сайт общественной организации. Поэтому деление доменов на территориальные и организационные достаточно условно. Доменов первого уровня мало и новые домены появляются крайне редко. Каждый домен первого уровня может адресовать бесконечное количество доменов более низкого уровня.Распределением имен в домене .ru занимается организация РосНИИРОС (www.ripn.ru). Она регистрирует в ней домены второго уровня. Yandex.ru, sony.ru, design.ru - это все примеры доменов второго уровня. Зарегистрировать домен второго ровня может как компания (юридическое лицо), так и простой человек (физическое лицо).Стоимость регистрации домена на один год 20$, по окончании срока домен необходимо продлевать. Каждый владелец домена второго уровня может создавать бесчисленное количество доменов третьего уровня. Так на сайте narod.ru каждый желающий может зарегистрировать себе домен третьего уровня и разместить на сервере свой собственный сайт. Регистрация домена третьего уровня происходит, как правило, бесплатно. Эту возможность используют для размещения некоммерческой информации, личных страниц и т.п.Когда компания, задумывает создать свое представительство в сети интернет, она, неизбежно сталкивается с проблемой выбора доменного имени. Нужно помнить принципы хороших доменных имен:Слово должно быть близким по смыслу тому чему посвящен ваш сайт (странно, если сайт, посвященный кактусам будет располагаться под именем avtomir.ru). Очень часто берется русское слово и записывается латиницей, то есть сайт в идеале должен иметь имя kaktus.ruВаш домен должен быть коротким (длинные названия трудно запоминать). Очень желательно, чтобы слово, которое ложиться в основу доменного имени не имело букв ж, щ, ч, то есть тех, которых нет в латинском алфавите. После регистрации выдается документ, официально подтверждающий права. Но владеть именем недостаточно, необходимо разместить проект на каком-нибудь сервере, постоянно подключенном к сети. Существует большое количество компаний, которые предоставляют услуги по размещению и обслуживанию сайтов. Такие услуги называются хостингом.Компания предоставляет не только дисковое пространство, но и всевозможные сервисы, прежде всего поддержка баз данных, системы администрирования сайтом и др. Компания организует также круглосуточную службу поддержки, в которую вы можете обратиться с вашими проблемами по размещению вашего проекта (обращение в службу может происходить через e-mail, icq или по телефону).Стоимость услуг может сильно варьироваться. Минимальная стоимость составляет примерно 5 долларов в месяц. Многие компании предоставляют пробный срок, в течении которого услуги бесплатны.После заключения договора необходимо перенаправить доменное имя на конкретный сервер. Делается это также на сайте www.nic.ru и перенести на удаленный компьютер все файлы с html-документами, графикой. Для этого компания предоставляет индивидуальный логин и пароль.Помимо платного хостинга существует достаточно большое количество компаний, которые бесплатно предоставят вам доменное имя третьего уровня и бесплатно предоставят дисковое пространство (это относится в первую очередь к некоммерческим проектам).Для переноса файлов на удаленный компьютер можно использовать любой файловой менеджер с поддержкой FTP-протокола. Например, это может быть популярный среди программистов FAR или Total Commander.[2]СТРУКТУРА САЙТАСайт, представленный в данной работе имеет «древовидную структуру» которая представлена ниже на рисунке 2.1.33528017970500Рисунок 2.1 – Древовидная структураДревовидная структура — самый универсальный способ размещения web-страниц. Она подходит для создания практически любых типов сайтов. Ее принцип заключается в том, что пользователь при заходе на заглавную страницу оказывается перед выбором, куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел и т.п. У древовидной структуры очень много достоинств, но так же есть и недостаток.Речь идет о том, что в древовидной структуре очень сложно соблюдать баланс между глубиной и шириной. Если «дерево» сайта будет расти только вглубь, то пользователям, чтобы дойти до какой-то информации, придется загрузить и просмотреть слишком много страниц, что будет раздражать пользователей. А если создать очень широкую древовидную структуру, то посетители будут вынуждены каждый раз тратить очень много времени для выбора нужной им ветки. А это тоже плохо. Таким образом, при использовании древовидной структуры сайта необходимо постоянно следить за ее разрастанием и придерживаться золотой середины.С главной страницы представленного сайта, посредством ссылок, можно перейти в любой раздел. На главной странице для удобства указано большинства ссылок.Схема сайта изображена на рисунке 2.2.На схеме показано, что главная страница является корнем этой иерархии. С главной страницы можно перейти в разделы История, Гимнасты, Видео, а также в Фотоальбом.47625306070Главная страницаБрусьяПочтаВольные упражненияВидеоКоньКонь махиФотоТамара ЛазаковичИсторияКсения СеменоваГимнастыАлексей НемовАлександр ДитятинАльберт АзарянКольцаАлексей НемовКлипы: видеоСкрещенияВыход в стойкуВидео 1Видео 2Видео 1Видео 1index.htmgimnast.htmrazdel.htmhistori.htmfoto.htmbrusya.htmkony.htmrazdel2.htmilimenti.htmupr_kon.htmkoltsa.htmfreims0.htmskrehenia.htmskrehenia2.htmvideo1.htmvideo2.htm00Главная страницаБрусьяПочтаВольные упражненияВидеоКоньКонь махиФотоТамара ЛазаковичИсторияКсения СеменоваГимнастыАлексей НемовАлександр ДитятинАльберт АзарянКольцаАлексей НемовКлипы: видеоСкрещенияВыход в стойкуВидео 1Видео 2Видео 1Видео 1index.htmgimnast.htmrazdel.htmhistori.htmfoto.htmbrusya.htmkony.htmrazdel2.htmilimenti.htmupr_kon.htmkoltsa.htmfreims0.htmskrehenia.htmskrehenia2.htmvideo1.htmvideo2.htmРисунок 2.2 – структура сайтаКРАТКОЕ СОДЕРЖАНИЕ СТРАНИЦСтраница «Главная»Домашняя страница - создана на основе таблиц. Используется стандартный фон Microsoft FrontPage. Таблица имеет четыре строки, три ячейки. Вид страницы изображен на рисунке 3.1.-29632817281234567801234567813064521308126Рисунок 3.1 - Главная страница Первая строка отмечена цифрой 1, а также ячейки 3, 4, 6, 7, 8, содержат вставленные изображения. Ячейка 2 содержит набор гиперссылок для дальнейшего перехода по сайту. В средних объединенных ячейках сдержится вводный текст. Страница «История»Содержит краткую историю о возникновении и развитии гимнастики как вида спорта. Представлена на рисунке 3.2.-45085356870 Рисунок 3.2 - ИсторияСтраница «Гимнасты»Данная страница имеет фреймовую структуру. Верхний фрейм заключает в себя три фото известных гимнастов, левый вертикальный - два. Данные фото представляют «гиперссылки», нажимая которые, в нижнем фрейме появляется информация о гимнасте, изображенном на фото. Страница представлена на рисунке 3.3.2159032639000Рисунок 3.3 – «Гимнасты»Страница «Фото»-5397582867500Представляет собой небольшой фотоальбом. Представлена на рисунке 3.4.Рисунок 3.4 - ФотоСтраница «Алексей Немов»Переход по ссылке «Алексей Немов» открывает фреймовую страничку посвящённую этому спортсмену. Эта страничка состоит из двух фреймов верхнего и нижнего. Верхний содержит видео ссылки, в виде фото, переход по которым загружает в нижний фрейм соответствующее видео. Отображена на рисунке 3.5.4762518732500Рисунок 3.5 – Алексей НемовПереход по остальным ссылкам открывает страницы с соответствующим видео контентом. Видео контент представляет собой видео ролики формата AVI, соответствующей тематики.HTML-КОДЫ ИЗБРАННЫХ СТРАНИЦ Страница «Главная»<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows1251"> <title>Houm</title> <meta name="Microsoft Theme" content="travel 1011"> </head><body> <table align=center width=90% height border=2 bgcolor=#CCCCCC> <tr> <td colspan=3 height=40% align=center ><map name="FPMap0"> <area href="mailto:
[email protected]1. Гаевский А.Ю. Романовский В.А. Создание веб страниц и веб сайтов.
2. Н.Комолова, Е. Яковлева. HTML: Самоучитель. 2-е издание – СПб.: Питер, 2011. – 288с.: ил.