43668

РАЗРАБОТКА ДИЗАЙНА САЙТА ФИТНЕС-КЛУБА

Дипломная

Информатика, кибернетика и программирование

Обратите внимание, как мы структурировали тэги по строкам (с помощью клавиши Enter) и какие сделали отступы (клавишей Tab). В принципе не важно, как вы структурируете ваш HTML-документ. Но, для облегчения чтения кода, настоятельно рекомендуем структурировать ваш HTML с помощью перевода строк и отступов, как в нашем примере.

Русский

2013-11-06

15.44 MB

40 чел.

Департамент образования города Москвы

Государственное бюджетное образовательное учреждение

среднего профессионального образования

Колледж декоративно – прикладного искусства № 36

имени Карла Фаберже

ДИПЛОМНЫЙ ПРОЕКТ

АВТОРСКИЙ ДИЗАЙН-ПРОЕКТ НА ТЕМУ: «РАЗРАБОТКА ДИЗАЙНА САЙТА ФИТНЕС-КЛУБА» 

Специальность: 070602 Дизайн (по отраслям)

070602 Дизайн в информационных технологиях

Группа: ДИ-4

Студент    Шири А.А.  ______________

Руководители проекта  Шишкина Н. И.    ______________

    Корпачева С. А   ______________

Консультант

по экономической части Соколинская О.А.  ______________

Дата защиты:   Защитил с оценкой:_____________________

«_____»______________2012 г.

Москва 2012 г.

Колледж декоративно – прикладного искусства № 36

имени Карла Фаберже

«УТВЕРЖДАЮ»

Зам. директора по учебной работе

Осовская В.А. _______________

« »________________2012 г.

ЗАДАНИЕ

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

Шири Али Аладдин оглы

по специальности 070602 Дизайн (по отраслям)

070602 Дизайн в информационных технологиях

Тема: АВТОРСКИЙ ДИЗАЙН-ПРОЕКТ НА ТЕМУ: «РАЗРАБОТКА ДИЗАЙНА САЙТА ФИТНЕС-КЛУБА » 

Содержание проекта:

  1.  Введение
  2.  Творческая часть
  3.  Графическая часть
  4.  Технологическая часть
  5.  Экономическая часть
  6.  Заключение
  7.  Литература

Руководители проекта  Шишкина Н. И.    ______________

    Корпачева С. А   ______________

Консультант

по экономической части Соколинская О.А.  ______________

Дата выдачи дипломного задания «14» марта 2012 г.

Срок сдачи законченного проекта «18-29» июня 2012 г.

Председатель предметной (цикловой) комиссии: Пряхина Е.А.______________

ОТЗЫВ РУКОВОДИТЕЛЯ

на выполнение студентом ГОУ СПО КДПИ им. К.Фаберже № 36 _________________________________________________________________ ____________________________________________________________

выпускной квалификационной работы на тему _________________________________________________________________________________________________________________________________________________________________________________________________

выполненную под руководством ___________________________________________________________________

Характеристика работы и студента

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Общий  вывод_____________________________________________________

Руководитель ______________________________________________________

Ученая степень, звание, должность, место работы, ф, и.о., подпись

« ___ » ___________ 2012 г.


ОТЗЫВ РУКОВОДИТЕЛЯ

на выполнение студентом ГОУ СПО КДПИ им. К.Фаберже № 36

Шири Али Аладдин оглы

выпускной квалификационной работы на тему: Авторский дизайн-проект на тему «Разработка дизайна сайта финтес-клуба»                                             ,

выполненную под руководством: Шишкиной Натальи Ивановны                  ,
Корпачевой Светланы Александровны.

Характеристика работы и студента

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

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

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

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

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

Технологическая часть разбита на три раздела:

  1.  Технические средства, где указаны основные языки и программы, использованные при создании сайта.
  2.  Технологическое обеспечение проекта, содержащее последовательное описание выполнения сайта.
  3.  Размещение и продвижение сайта, где дано краткое описание этапов размещения сайта в сети Интернет.

Общий вывод

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

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

Руководители:

Шишкина Наталья Ивановна -

_________/Н.И. Шишкина/

Корпачева Светлана Александровна – мастер производственного обучения 1 квалификационной категории, руководитель практики ГБОУ СПО КДПИ №36 имени Карла Фаберже

_________/С.А. Корпачева/

«___» ___________2012 г.


Введение

Темой данной выпускной квалификационной работы является разработка Web-сайта на тему «Бодибилдинг».

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

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

Точными сведениями о том, что именно происходит в мышце во время работы с предельными нагрузками, современная наука не располагает, во всяком случае, не спешит поделиться ими с широким кругом читателей. Связано это, на мой взгляд, в первую очередь с тем, что основные исследования всегда были направлены на обеспечение потребности «классического» спорта, основой которого в большей степени является тренировка выносливости – работоспособности. И так, мне удалось создать более-менее цельную теорию тренинга, на физиологическом уровне объясняющую в общих чертах воздействие тренировки на мышечный аппарат человека и позволяющую найти ответы на большинство вопросов, интересующих читателя.

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


  1.  Творческая часть.
  2.  Предпроектный анализ

Идея. Без идеи не было бы цели, а нет  цели – не получиться сайт.

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


Рис. 1.1.1


Рис. 1.1.2


Рис. 1.1.3

Но все они были одинаковые. Пришли к выводу что создадим свой дизайн и в итоге пришли к:

Рис.1.1.4

Ничего лишнего, соответствие идеи, тематики и стиля.

Разработка концепции проекта 

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

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

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

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

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

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

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


  1.  Графическая часть.

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

Рис 1.2.1

Рис. 1.2.2

Рис.1.2.3

Опрос целевой аудитории.

Вопросы

Ответы в среднем

  1.  Возраст

От 16 лет до 40

  1.  Рост

От 165 до 180

  1.  Вес

От 70 до100

  1.  Как давно вы занимаетесь и занимались ли вообще

От 1мес-1 года

  1.  Принимаете ли протеины и биодобавки

Нет

  1.  Хотели бы вы принимать протеи

Нет

  1.  Где вы предпочитаете заниматься в зале или на улице

В зале

  1.  Есть ли возможность у вас заниматься в зале

Да

  1.  Каким видом спора вы занимались и занимались ли вы вообще

Бокс, футбол,Дзю-до

  1.  Ходите вы заниматься один или с друзьями

С друзьями

  1.  Скока по времени вы занимаетесь

2 часа

 


  1.  Технологическая часть

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

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

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

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

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

Через несколько недель увеличить продолжительность ходьбы до получаса, а затем добавить еще одну-две прогулки в неделю. В итоге постараться довести фитнес программу до пяти прогулок в неделю по 30-45 минут каждая. Ходить нужно быстрым шагом, чтобы пульс держался на нужном уровне. Сначала ходить вообще без веса, затем "утяжелить" себя на полкилограмма. Так, добавляя по 0,3 кг (например, в рюкзак), постараться довести нагрузку примерно до 5-10 процентов от веса тела.
А вот для того, чтобы бороться с лишним весом, нужны другие условия, особенно когда счет идет на пять-десять и больше килограммов.
Во время занятий фитнесом в первые 20 минут интенсивных физических упражнений в основном расходуется гликоген из мышц, запасы которого очень легко восполнить. В следующие 20 минут организм для получения энергии постепенно начинает использовать накопившиеся запасы жира. А уже через 40 минут после начала тренировки организм полностью переключается на использование жировых отложений. Поэтому оптимальным временем занятий фитнесом для желающих похудеть считается 1,0-1,5 часа.

Важным условием избавления от жира во время занятий фитнесом является и частота пульса. Оптимальный пульс для занятий фитнесом высчитывается по формуле (220 - возраст) х 0,65. Видимый эффект занятий фитнесом можно получить, тренируясь не менее 3-х раз в неделю. Между тренировками необходим хотя бы один день отдыха.
Максимальный результат от занятий фитнесом достигается при постоянной смене видов деятельности, так как благодаря этому нагружаются различные группы мышц, что стимулирует более активное сжигание жира.
Основными видами деятельности фитнеса являются тренировка с отягощениями, аэробная тренировка, растяжка, и повышение качества питания.

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

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

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

Развивай мышцы и строй фигуру! Даже если вы и не собираетесь стать профессиональным бодибилдером и претендовать на звание "Мистер Олимпия" по бодибилдингу, то в ваших силах сделать мышцы своего тела гармонично развитыми. Для этого вам потребуются силовые тренажёры, а также индивидуальная программа упражнений или комплекс, который поможет накачать мышцы, приобрести идеальную фигуру или похудеть даже без тренера, но с залогом здоровья, хорошего настроения и красивой фигуры. Возможно, что на физические упражнения в фитнес клубе у вас нет времени, и заказывать годовой абонемент просто не выгодно, тогда у вас есть прекрасная возможность выполнять фитнес и бодибилдинг упражнения у себя дома. Для этого подбираете, индивидуально программу тренировок, по которой вы будете тренироваться, эффективную диету для набора мышечной массы или диету для похудения и приступайте к тренировкам. Кроме этого, вы найдете описания упражнений, узнаете как быстро накачать мышцы, подберёте подходящую вам диету, а помогут в этом советы профессионалов..

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

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

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

3.1. Технические средства

При создании проекта сайта MuscleRulezz была использована система CMS Joomla и мини-набор веб-мастера Denwer и, конечно же, сама идея (Рис. 3.1.1).

Рис. 3.1.1. Главная страница

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

CMS Joomla! включает в себя различные инструменты для разработки веб-сайта. Важной особенностью системы является минимальный набор инструментов при начальной установке, который дополняется по мере необходимости. Это снижает загромождение административной панели ненужными элементами, а также снижает нагрузку на сервер и экономит место на хостинге (Рис. 3.1.2).

Рис. 3.1.2. Панель управления

Joomla! позволяет отображать интерфейс фронтальной и административной части на любом языке. Каталог расширений содержит множество языковых пакетов, которые устанавливаются штатными средствами администрирования. Доступны пакеты русского, украинского и ещё некоторых языков стран СНГ. Денвер (от сокр. Д.н.w.р или ДНВР — джентльменский набор Web-разработчика) — набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов (веб-приложений, прочего динамического содержимого интернет-страниц) на локальном ПК (без необходимости подключения к сети Интернет) под управлением ОС Windows.

Рис. 3.1.3. Менеджер меню

В пакет Denwer входит:

  1.  Веб-сервер Apache с поддержкой SSI, SSL, mod_rewrite, mod_php;
  2.  Интерпретатор PHP с поддержкой GD, MySQL, SQLite;
  3.  СУБД MySQL с поддержкой транзакций (mysqld-max);
  4.  Система управления виртуальными хостами, основанная на шаблонах;
  5.  Система управления запуском и завершением.
  6.  Панель phpMyAdmin для администрирования СУБД;
  7.  Ядро интерпретатора Perl без стандартных библиотек (поставляются отдельно);
  8.  Эмулятор sendmail и сервера SMTP с поддержкой работы совместно с PHP, Perl, Parser и др.

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

Joomla выбирают из-за её доступности к пониманию обычным пользователем, который не профессионально владеет языками HTML и CSS, и другими системами программирования.

PHP- скрипт

Это скриптовый язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. На данный момент он поддерживается практически всеми представителями хостинга, входит в «стандартный» набор для создания сайтов (LAMP – Linux, Apache, MySQL, PHP). 

Благодаря своей простоте, скорости выполнения, богатой функциональности, распространению исходных кодов на основе лицензии PHP, этот язык является чуть ли не самым популярным в области технологий создания сайтов. Отличается наличием ядра и подключаемых модулей, «расширений»: для работы с базами данных, сокетами, динамической графикой, криптографическими библиотеками, документами формата PDF и т.п. Есть возможность разработать, а также подключить дополнительное расширение. 

Возможности PHP очень обширны. Главным образом, PHP применяется при написании скриптов, работающих на стороне сервера; таким образом, PHP способен выполнять всё то, что выполняет любая другая программа CGI (например, обрабатывать данных форм, генерировать динамические страницы, отсылать и принимать cookies). Но PHP дает возможность выполнять также множество других задач.

Существуют три основных области, где используется PHP:

  1.  Создание скриптов для выполнения на стороне сервера;
  2.  Создание скриптов для выполнения в командной строке;
  3.  Создание приложений GUI, выполняющихся на стороне клиента.

Помимо этого PHP:

  1.  доступен для большинства операционных систем, включая Linux, многие модификации Unix (такие, как HP-UX, Solaris и OpenBSD), Microsoft Windows, Mac OS X, RISC OS, и многих других.
  2.  включает поддержку большей части веб-серверов (для большинства серверов PHP поставляется в качестве модуля, для других, поддерживающих стандарт CGI, PHP может функционировать в качестве процессора CGI).
  3.  поддерживает обширный круг баз данных.
  4.  поддерживает DBX для работы на абстрактном уровне (таким образом можно работать с любой базой данных, использующих DBX); ODBC (т.е. вы можете работать с любой базой данных, поддерживающей этот стандарт).
  5.  поддерживает "общение" с другими сервисами с использованием различных протоколов: LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM (на платформах Windows), а также многих других.
  6.  поддерживает стандарт обмена сложными структурами данных WDDX.
  7.  поддерживает объекты Java, дает возможность использовать их в качестве объектов PHP.
  8.  дает возможность формировать изображения, файлы PDF , ролики Flash, создаваемые "на лету"; способен выдавать любые текстовые данные (XHTML, другие XML-файлы); автоматически генерировать и сохранять в файловой системе вашего сервера.
  9.  включает средства обработки текстовой информации, начиная с регулярных выражений Perl или POSIX Extended и заканчивая парсером документов XML.
  10.  поддерживает многие другие расширения (функции поисковой машины mnoGoSearch, функции IRC Gateway, функции для работы со сжатыми файлами (gzip, bz2), функции календарных вычислений, функции перевода и др.)

Java Script

Это пока еще относительно молодой язык программирования, но уже очень популярный в области технологий создания сайтов. На данный момент, работа над ним еще не закончена. Он постоянно дорабатывается и совершенствуется. Технический комитет работает над существенными расширениями, включая механизмы для сценариев, которые будут созданы для применения в Internet, а также более жесткой координацией с другими основными стандартами групп World Wide Web Консорциум и Wireless Application Protocol Форум. Java Script уже сыграл очень важную роль в развитии технологий создания сайтов.

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

HTML

Этот язык является базовым в области технологий создания сайтов, так как относительно легок в освоении. Но чрезмерная простота является и его недостатком. HTML (от английского Hyper Text Markup Language – язык разметки гипертекста) прекрасно отвечал требованиям раннего периода развития технологий создания сайтов, но с дальнейшим его развитием возникли существенные проблемы. HTML предоставляет следующие возможности:

  1.  Издавать сетевые документы с заголовками, текстом, таблицами, списками, фотографиями и т.п.;
  2.  Получать информацию из Сети через ссылки гипертекста при нажатии кнопки;
  3.  Создавать формы для посылки запросов на удаленные компьютеры, чтобы производить поиск информации, осуществлять бронирование, заказывать товары и т.п.;
  4.  Включать электронные таблицы, видео клипы, аудио клипы, и другие программные приложения непосредственно в их документы.

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

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

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

Для формирования файла HTML нет необходимости в использовании мощного текстового процессора, более удобно использование, например, редактора Notepad (Блокнот). Содержимое HTML-страниц представлено в гипертекстовом виде, что предполагает наличие в документе, отображаемом на экране, выделенных определенным образом мест, щелкнув мышью по которым, можно переместиться в другую часть этой же страницы или на другую страницу.

Его преимущества:

  1.  Поддержка нескольких одновременных запросов (многопоточность);
  2.  Возможность записи фиксированной, а также переменной длины;
  3.  Оптимизация связей с присоединением многих данных за один проход;
  4.  Гибкая система паролей и доступов;
  5.  ODBC драйвер в комплекте с исходником;
  6.  Данные хранятся в формате ISO8859_1;
  7.  Интерфейс с языками C и perl;
  8.  Легко управлять таблицей (включая добавление и удаление ключей и полей);
  9.  До 16 ключей в таблице (в каждом ключе до 15 полей);
  10.  Поддержка ключевых полей, а также специальных полей в операторе CREATE;
  11.  Поддержка чисел длинной от 1 до 4 байт (ints, float, double, fixed), строк переменной длины и меток времени;
  12.  Утилита проверки и ремонта таблицы (isamchk);
  13.  Быстрая система памяти, основанная на потоках;
  14.  При работе со строками регистр символов в обрабатываемых строках роли не играет;
  15.  Псевдонимы применимы не только к таблицам, но также к отдельным колонкам в таблице;
  16.  Все поля имеют значение по умолчанию. INSERT можно использовать на любом подмножестве полей

3.2. Технологическое обеспечение проекта

Joomla! - это мощнейший универсальный конструктор сайта, который имеет неограниченные возможности.

Joomla помогает создать сайт даже совсем несведущим людям в области сайтостроения. Joomla - это самая простая, но тем не менее эффективная разновидность CMS, что расшифровывается как «система управления содержанием сайта».

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

Состав Joomla очень прост, она состоит из основной системы, к которой можно подключить большое количество модулей и плагинов, которые можно при желании написать и самому разместив в структурированном каталоге (Рис. 3.2.1).

Рис. 3.2.1. Рабочее окно Joomla

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

При помощи дополнений, сайт сделанный на Joomla, можно запросто преобразовать в личный дневник, магазин, медиапортал и так далее. Это решается установленным шаблоном. Сейчас существует великое множество шаблонов. Они бывают как бесплатными, так и коммерческими (Рис. 3.2.2).

Рис. 3.2.2. Выбор шаблона сайта

Ещё одной особенностью Joomla является то, что в ней присутствует жёсткое разделение находящейся на сайте информации на контент и оформление. Под контентом понимается иллюстрации, статьи и прочее. Оформление — это то, что делает сайт привлекательным и управляет шрифтами, цветом и тд. Контент и оформление хранятся в joomla отдельно и, при необходимость, оформление легко можно изменить без вмешательства в контент (Рис. 3.2.3).

Рис. 3.2.3. Контент и оформление сайта

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

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

Меню имеет иерархическую структуру и содержит следующие разделы (Рис. 3.2.4):

  1.  Главная;
  2.  Питание;
  3.  Упражнения;
  4.  Тренировки;
  5.  Методики.

Рис. 3.2.4. Структура сайта

Каждый раздел сайта имеет подменю, например: упражнения, руки, плечи и так далее.

После создания структуры, сайт необходимо наполнить материалами и привязать их к пунктам меню (Рис. 3.2.5).

Рис. 3.2.5. Наполнение сайта контентом

Чтобы сайт был привлекательным, можно подключить различные модули (Рис. 3.2.6).

Рис. 3.2.6. Подключение различных модулей

На данном сайте их будет несколько:

  1.  счетчик посетителей – показывает, сколько посетителей было на сайте за несколько периодов (за день, за месяц);
  2.  регистрация пользователей – служит для того, чтобы знать потенциальных посетителей сатов и рассылать им различные сообщение об обновленных материалах и новостях;
  3.  модуль, который позволяет просматривать видео-ролики с различных ресурсов типа YouTube не занимая место на хостинге, которого выделено не так много;
  4.  модуль поиска – служит для того чтобы пользователи быстро нашли материал или новость по ключевым словам.

После создания структуры сайта и добавления контента, его можно протестировать на наличие ошибок. После этого готовый сайт размещается на хостинге и имеет адрес http://Mucle-Rulezz.ru.

3.3. Размещение и продвижение сайта

Методы для внутреннего продвижения      

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

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

Использование в метатегах ключевых слов.

Использование на сайте специальных инструкций для поисковых роботов - это файл robots.txt, размещающийся в корневой директории сайта. Эти инструкции могут запрещать для индексации некоторые разделы сайта - это имеет смысл, для того что бы увеличить скорость и качество индексации сайта, пропуская не нужные разделы, то есть “отделяя зёрна от плевел” . Кроме того эти инструкции могут указывать на правильное “зеркалирование” сайта и рекомендовать поисковому роботу соблюдать определённый интервал времени между заходами для кэширования информации с сайта.

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

Умеренное использование в контенте ключевых слов. При слишком большой частоте ключевого слова в тексте поисковая система может в лучшем случае проигнорировать контент, в худшем - понизить Пейдж-ранг страницы. У каждой поисковой системы есть свой “лимит” на частоту использования ключевых слов. В среднем этот показатель не должен превышать 6-8% от общего обьёма контента, иначе поисковые системы могут применить санкции за использование спама понизив рейтинг сайта.

Умеренное использование тегов выделения и форматирования текста. К этим тегам относятся: h1-h6, strong, em, b. В принципе многие поисковые системы не применяют санкций за чрезмерное использование этих тегов, но если они будут слишком часто использоватся в тексте, не по их прямому назначению, то это конечно будет раздражать посетителя, и как следствие, снизит трафик на сайт, так как пользователи, побывавшие на таком сайте, вряд ли захотят ещё раз его посетить.

Методы для внешего продвижения

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

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

Обмен ссылками и баннерами с тематически близкими сайтами. Данный способ является очень медленным , но очень надёжным для продвижения сайта. Во-первых, благодаря нему создаётся трафик с сайтов, на которых размещена ссылка на продвигаемый сайт, а во вторых увеличивается ТИЦ и PageRank сайта в поисковых системах, что обеспечивает основной трафик, особенно когда ссылку размещают на известном и авторитетном ресурсе. Этот способ особенно актуален для молодых сайтов - даже если известный сайт не захочет размещать ссылку на продвигаемый сайт на “хорошем месте” (на главной или самой посещаемой странице, на хорошо видном месте), она всё равно будет полезна, так как повысит ТИЦ и PageRank.

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

Распространение информации о продвигаемом сайте через социальные сети. Этот способ не занимает особых усилий и времени и позволяет “разрекламировать” продвигаемый сайт среди “народа” дополнительно увеличив трафик.

Размещение на других ресурсах (с тематикой схожей с тематикой продвигаемого сайта) интересных статей и материалов со ссылкой на продвигаемый сайт.


Экономическая часть

  1.  Бриф для разработки дизайна сайта

основная информация

1. Главное назначение сайта: продажи, информирование, поддержка профессионального сообщества и т.п.

Образовательная, воспитательная

2. Разработан ли фирменный стиль компании? (да/нет)

Да

3. Будут ли предоставлены исходные материалы (в формате Photoshop, CorelDraw, Illustrator)? (да/нет)

Да картинки продукции предоставляться не будут

4. Цветовая гамма дизайна.

Черна - белая цветовая гамма

5. Какая информация с сайта будет интересовать посетителей в первую очередь: контактная информация, перечень услуг/продукции, цены, новости компании/отрасли и тд.

Перечень продукции с её кратким описанием — чтобы было понятно, о чем  сайт. А затем контактные данные и форма для входа .

6. Конкурентные преимущества которые необходимо/желательно использовать в дизайне (если сайт - корпоративный).

дополнительная информация

7. На каких языках планируется размещать информацию?

Русский

8. Какие сайты нравятся (2-5), что именно в каждом нравится (с точки зрения дизайна \ удобства использования)?

Адрес сайта:

Комментарии:

http://iron-club.ru/

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

http://muskulatura.info/

Самый удачный пример функционала и наполнения сайта. А главное, удачный пример дизайна. Никакой лишней информации,

9. Область деятельности сайта, посетители сайта

Целевая группа — русскоязычные люди со средним достатком или выше среднего, ценящие своё здоровье, желающие выглядеть молодо и красиво

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

Флеш анимация разрабатывается дизайнером, согласовывается сценарий. Требуется разработка стратегии движения покупателя по сайту (по категориям). - Три категории потенциальных покупателей – три сценария пути к покупке.

11. Пожелания по наличию / расположению блоков: основные услуги/продукция компании, новости, промо блоки, место для баннера(ов), краткая информации о компании и тд

-

12. Дополнительные пожелания

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

Составления сметы проекта; создание чернового варианта и определение его стоимости от общей сметы.

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

Важные определения при составлении сметы:

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

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

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

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

Согласно российским стандартам бухгалтерского учёта (ПБУ 6/01), существуют четыре основных способа начисления амортизации для бухгалтерского учёта по объектам основных средств:

  1.  линейный способ;
  2.  способ уменьшаемого остатка;
  3.  способ списания стоимости по сумме чисел лет срока полезного использования;
  4.  способ списания стоимости пропорционально объёму продукции (работ).

Амортизация за год = Ск/Сс

Ск – стоимость компьютера

Сс – срок службы

30000/5 = 6000 р.

Амортизация за день = Аг/365

Аг – годовая амортизация

6000/365= 16,4

Срок работы 22 дня

16,4*22 = 360,8 р.

Вывод: Амортизация продукта за срок выполнения в 22 дня с 18 мая по 8 июня равняется 360 р. 8 коп.


Смета затрат (себестоимость продукции)

Статья расходов:

Стоимость:

Годовая амортизация

360,8 р.

Хостинг

0

Доменное имя (ru)

600 р.

Рабочая сила(дизайн сайта, вёрстка, программное обеспечение сайта)

22000

ЖКХ (интернет, электроэнергия)

850 р.

Программное обеспечение

-

Всего:

23810,8

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

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

Юридически узаконенной формулы расчёта рентабельности сайта в РФ не существует.

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

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

Рентабельность сайта за определенный период можно рассчитать по упрощенной формуле:

Формула рентабельности:

Р = П/С * 100%

П = Кп*Ц

Кп – количество продукта (1)

Ц – цена продукта(47 000 р.)

Р – рентабельность

П – прибыль (47 000)

С – себестоимость (23810,8)

П = 47 000 * 1= 47 000.

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

Рассчитаем рентабельность сайта за год по формуле:

Р = 47 000 / 23810,8* 100%= 197,3%

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


  1.  Заключение

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

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

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

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

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

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


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

http://bodymight.com/

http://v-forme.com/

http://www.fitness.ru

http://ru.html.net/tutorials/html/

http://www.sreda.ws/uchebnik_dreamweaver.htm

http://freesoft.ru/?id=682506

Учебник Joomla 1.5 - Вы хотите научиться создавать красивые, динамичные сайты своими силами? Значит наше предложение - это то, что Вам нужно! Представляем Вашему вниманию электронный учебник с подробной инструкцией по созданию сайтов в конструкторе Joomla. Выполняя практические инструкции, которые представлены в электронной книге, Вы научитесь и сможете создавать сайты в системе Joomla. Также сможете устанавливать систему Joomla на локальном компьютере и на настоящем хостинге в сети Интернет, загружать внешние модули, плагины Joomla, активировать их и уже заложенные в системе для вывода дополнительных функций, создать страницу с формой обратной связи на сайте и многое другое. Для Вас детальное, пошаговое, практическое руководство и 200 изображений, которые дополняют текстовые инструкции. Вам не нужно знать языков программирования, потому что Joomla - это конструктор сайтов, при помощи которого можно создавать сайты любой сложности, включая Интернет магазины и порталы. Электронный учебник по созданию сайтов рассчитан именно на новичков, для всех, кто никогда не знал, как можно создать сайт самостоятельно. В процессе обучения Вы убедитесь, что создание сайтов в системе Joomla - это достаточно увлекательное занятие. В учебнике опубликовано 2 раздела обучения. В первом разделе обучение проходит на Вашем локальном компьютере. Вы вместе с автором, выполняя его практические рекомендации, создадите четырех страничный сайт о цветах и научитесь, как перенести созданный сайт с вашего локального компьютера на хостинг в Интернет. Во втором разделе обучение бучение проводится сразу на настоящем хостинге в сети Интернет. Вы на практическом примере создадите вместе с автором 7-страничный сайт о цветочных композициях и получите инструкции по внедрению на сайт дополнительных функций и изменению готовых изображений, текстов страниц сайта под ваши цели и нужды. Сможете внедрять в сайт внутренние и внешние расширения, которые увеличат функциональность сайта. Расширение - это дополнительная функция для сайта. Расширений в системе Joomla на сегодняшний день около 5000. Сможете добавлять на сайт форму с обратной связью, форму поиска по сайту, модуль перевода страниц сайта одним нажатием мыши на 33 языка, включая английский, немецкий, польский, китайский. Только практика с пошаговым, детальным руководством. Также Вы узнаете, как оптимизировать сайт под ключевые запросы поисковых систем и научитесь активировать расширения на сайт, которые увеличат функциональность Вашего ресурса.

Создайте свой первый сайт

http://ru.html.net/tutorials/html/lesson4.php

После полученных в предыдущем уроке знаний вы уже через несколько минут создадите свой первый web-сайт.

Как?

В Уроке 1 мы узнали, что необходимо для создания web-сайта: браузер и Notepad (или аналогичная программа - текстовый редактор). Поскольку вы читаете этот текст, то ваш браузер уже открыт. Вам нужно открыть лишь дополнительное окно браузера (открыть браузер ещё раз), и вы сможете читать этот учебник и одновременно видеть ваш новый web-сайт.

Также откройте Notepad (в Accessories в Programs - Start menu):

Теперь мы готовы!

Что я могу?

Начнём с чего-нибудь попроще. Как насчёт страницы, на которой написано: "Ура! Это моя первая web-страница." Читайте дальше, и вы узнаете, как это легко сделать.

HTML прост и логичен. Браузер читает HTML так, как читаете его вы: сверху вниз и слева направо. Таким образом, HTML-документ начинается и заканчивается тем, чем должен начинаться и заканчиваться текст.

Во-первых необходимо сообщить браузеру, что вы будете "говорить" с ним на языке HTML. Это делается тэгом <html> (тут ничего нового). Так что, прежде чем напечатать что-либо, нужно поставить тэг "<html>" в первой строке документа Notepad.

Как вы, возможно, помните из предыдущего урока, <html> это открывающий тэг, который должен иметь и закрывающий тэг после того, как вы закончите ввод HTML. Поэтому, чтобы не забыть, поставьте закрывающий тэг "</html>" на пару строк ниже и вводите весь текст документа между <html> и </html>.

Следующее, что необходимо, это "head" (голова или "шапка"), которая содержит служебную информацию о вашем документе, и "body" (тело), содержимое самого документа. Поскольку HTML логичен, head (<head> и </head>) находятся выше body (<body> и </body>).

Ваш документ теперь должен выглядеть так:

     <html>

    <head>

    </head>

 

    <body>

    </body>

 

     </html>

 

 

Обратите внимание, как мы структурировали тэги по строкам (с помощью клавиши Enter) и какие сделали отступы (клавишей Tab). В принципе не важно, как вы структурируете ваш HTML-документ. Но, для облегчения чтения кода, настоятельно рекомендуем структурировать ваш HTML с помощью перевода строк и отступов, как в нашем примере.

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

Ну ладно, но как мне добавить содержимое в мой web-сайт?

Как вы уже видели ранее, в вашем HTML-документе есть две части: а head и body. В разделе head вы вносите информацию о странице, а body содержит информацию самой страницы.

Например, если вы хотите дать название документу, чтобы оно появлялось в верхней строке браузера, это нужно сделать в разделе "head". Тэг для названия - <title>:

     <title>Моя первая web-страница</title>

 

 

Обратите внимание, что этот title не появляется на самой web-странице. Всё, что вы хотите видеть на самой странице, является содержимым/content и должно, следовательно, находиться между тэгами "body".

Итак, мы хотим, чтобы на странице выводилось "Ура! Это моя первая страница." Этот текст, который вы хотите показать, и, естественно, он должен располагаться в разделе body. Поэтому в разделе body напечатайте следующее:

     <p>Ура! Это моя первая страница.</p>

 

 

Буква p в <p> это сокращение от "paragraph" и означает именно это - параграф текста.

Ваш HTML-документ должен теперь иметь такой вид:

     <html>

 

    <head>

    <title>My first page </title>

    </head>

 

    <body>

    <p>Hurrah! This is my first page.</p>

    </body>

 

     </html>

 

 

Готово! Вы создали свой первый настоящий web-сайт!

Теперь нужно сохранить его на жёсткий диск, а затем открыть в вашем браузере:

  1.  В Notepad выберите "Save as..." в меню "File".
  2.  Выберите "All Files" в боксе "Save as type". Это очень важно - иначе вы сохраните файл как обычный текстовый документ, а не как HTML-документ.
  3.  Теперь сохраните ваш документ как "page1.htm" (расширение ".htm" указывает, что это HTML-документ. ".html" даст тот же результат. Я всегда использую ".htm", но вы можете выбрать любое из этих двух расширений). Где вы сохраните документ на жёстком диске - не имеет значения, главное запомнить это место, чтобы потом легко найти файлы.

Теперь откроем браузер:

  1.  Выберите "Open" в меню "File" (CTRL+O).
  2.  Щёлкните "Browse" в появившемся диалоге.
  3.  Теперь найдите ваш HTML-документ и щёлкните "Open".

Теперь вы должны увидеть страницу с текстом "Ура! Это моя первая страница." в вашем браузере. Поздравляем!

Создание сайта в Dreamweaver

http://www.sreda.ws/s6/s6-1.htm

Итак, почти все страницы нашего Web-сайта созданы. Что дальше? А дальше — последний этап работы. Что он в себя включает?

  1.  Связывание всех Web-страниц гиперссылками.
  2.  Проверку корректности ссылок.
  3.  Публикацию сайта в Сети.

Вот о чем мы и будем говорить в этой главе. А еще о том, чем нам в данном случае может помочь Dreamweaver.

Но сначала нужно создать еще одну Web-страницу — список ссылок на "дружественные" Web-сайты. Не будем особо мудрить и поместим на нее ссылку на "домашний" сайт Macromedia. Отойдем от нашей обычной системы именования файлов Web-страниц и сохраним полученный файл под именем Links.htm.

Теперь все страницы готовы. Пора приступать к работе над сайтом.

Основные этапы создания сайта

Вообще, этап планирования — важнейший в разработке любого сайта. Это справедливо и для простейшей домашней странички, и для гигантского сайта транснациональной суперкорпорации, такой как Intel или Coca-Cola. Поэтому, начиная планирование будущего сайта, лучше закройте Dreamweaver и даже выключите компьютер, чтобы не возникло соблазна сразу же засесть за "ваяние". На этом этапе вам понадобятся только карандаш и бумага или, если вы все-таки предпочтете компьютер, программа текстового редактора или специальный пакет проектирования сайта, наподобие Microsoft Visio.

Итак, что же нужно решить для себя перед началом работы над сайтом?

  1.  Прежде всего, четко определить задачи сайта. Что он должен делать: рассказывать о ком-либо или о чем-либо, привлекать клиентов, помогать решать какие-то проблемы, просвещать или развлекать. В зависимости от задач структура сайта может сильно различаться.
  2.  Определить, какая конкретно информация должна на сайте присутствовать. Что вы хотите рассказать о себе или что вам нужно рассказать о заказчике. И ничего лишнего!
  3.  Собрать эту информацию, чтобы не искать ее потом, во время работы над сайтом, когда у вас будут совсем другие заботы. Все тексты, изображения, файлы, которые вы намерены выложить в Сеть, должны быть на вашем компьютере. Только так — и никаких ссылок на собственное разгильдяйство!
  4.  Решить, в каком ключе будет выполнен дизайн сайта. Будет ли он консервативным, строгим или затейливым. Соответственно, домашняя страничка должна отражать эстетические наклонности автора, рекламный сайт лучше сделать повеселее, а новостной — поскромнее, чтобы пестрота дизайна не заслоняла главное — информацию. На этом этапе лучше всего будет набросать на бумаге, как должна выглядеть та или иная страница.
  5.  Придумать логическую структуру сайта и — желательно — нарисовать ее. Здесь лучше не изобретать самому велосипед, а посетить какой-нибудь уже существующий и популярный Web-сайт и посмотреть, как он организован. Например, для домашнего сайта идеальна такая структура: начальная ("домашняя") страница с краткими сведениями о хозяине, приглашением посетить другие страницы сайта и набором ссылок на них; а на других страницах размещаются информация об увлечениях, проектах, разработках (если это программист, музыкант, художник, то список ссылок на файлы программ, аудиоклипов или картин), фотогалерея и странички с набором "дружественных" ссылок и более подробными сведениями об авторе, с почтовым адресом и фотографией.
  6.  Придумать физическую структуру сайта, т. е. как отдельные файлы, составляющие сайт, будут "раскиданы" по папкам.
  7.  Проверить, ничего ли вы не забыли. Это последний этап планирования сайта, но не менее важный, чем остальные.

Как создаются страницы

http://www.sreda.ws/s1/s1-1.htm

Для этого используется особый язык HTML (HyperText Markup Language -язык гипертекстовой разметки). Этот язык определяет набор специальных команд, называемых тегами и используемых для задания форматирования или назначения тех или иных элементов страницы. Особые теги используются для размещения на страницах графических изображений, аудио- и видеоклипов и прочих так называемых внедренных объектов.

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

Да что тут говорить! Лучше все показать на примере. Взгляните на .Это простейшая Web-страничка, сделанная для примера в Блокноте.

Чтобы увидеть эту страничку воочию, откройте Блокнот, наберите приведенный ниже код, проверьте его на ошибки и сохраните в файле с именем 1.1.htm. Только когда будете вводить имя файла в стандартном окне сохранения, заключите его в кавычки, иначе Блокнот добавит расширение txt, и ваш файл получит имя 1.1.htm.txt. После этого откройте полученный файл в Web-обозревателе, для чего достаточно дважды щелкнуть по нему мышью.

Теперь давайте рассмотрим сам HTML-код нашей первой странички.

<HTML> <HEAD>

<ТIТLЕ>WEB-страница</ТITLЕ> </HEAD> <BODY>

<Н1>Пример WEB-страницы</Н1>

<Р>Это простейшая Web-страничка, созданная в стандартном

<I>Блокноте</I>

и отображенная в <I>Microsoft Internet Explorer</I>.</P> </BODY> </HTML>

Выглядит устрашающе... Однако хорошо заметен текст, который виден в окне Web-обозревателя на . Давайте рассмотрим его подробнее.

<Н1>Пример WEB-страницы</Н1>

<Р>Это простейшая Web-страничка, созданная в стандартном <I>Блокноте</I>

и отображенная в

<I>Microsoft Internet Explorer</I>.</P>

Вы видите какие-то слова, заключенные в угловые скобки < и >. Это и есть теги HTML. Они задают форматирование текста. Скажем, строка <I>Блокноте</I> будет выведена курсивом, т. к. теги <i> и </i> задают курсивное начертание текста. Причем, тег <i> помечает начало курсивного фрагмента (открывающий тег), а тег </i> — конец (закрывающий тег). А собственно фрагмент, заключенный между открывающим и закрывающим тегами, называется содержимым тега.

Это были теги физического форматирования текста, т. е. просто задающие, как текст должен выглядеть в окне Web-обозревателя. Теперь рассмотрим теги логического форматирования, которые позволяют разбить текст на отдельные логические блоки. В нашем небольшом фрагменте это теги <р> и <Н1> (и соответствующие им закрывающие теги </р> и </HI>). Они задают соответственно обычный текстовый параграф и заголовок первого уровня; при этом ваш браузер будет знать, что <H1>пример WEB-страницы</H1> — это заголовок, и отобразит его соответствующим образом. Как и в предыдущем случае, открывающий тег помечает начало логического блока текста, а закрывающий — конец.

Здесь мы говорили о так называемых парных тегах, когда открывающему тегу соответствует закрывающий. HTML определяет также набор одинарных тегов. Один из них — это тег вставки графического изображения <IMG>.

<IMG SRC="picture.gif">

Здесь мы видим, что само графическое изображение хранится в отдельном файле picture.gif. То есть, изображение — это один из внедренных элементов Web-страницы. Тег <IMG> содержит в себе параметр SRC, задающий имя файла изображения. (Такие параметры называются атрибутами тега.) Web-обозреватель, встретив в HTML-коде страницы тег <IMG>, загружает файл, чье имя задано атрибутом SRC, и отображает его.

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

Парный тег <BODY>. . .</BODY> используется для выделения тела Web-страницы, т. е. той ее части, которая будет отображаться в окне Web-обозревателя. Кроме тела, Web-страница также должна содержать задаваемый парным тегом <HEAD>. . .</HEAD> заголовок, где помещается служебная информация. (Этот заголовок не выводится Web-обозревателем, а используется для внутренних нужд. Не путайте заголовок Web-страницы и обычный текстовый заголовок, задаваемый тегом <H1>!) Среди этой служебной информации может быть название страницы, показываемое в заголовке окна Web-обозревателя; оно задается парным тегом <TITLE>. . .</TITLE>.

Давайте рассмотрим заголовок нашей страницы.

<HEAD>

<TITLE>Web</TITLE> </HEAD>

Собственно, заголовок содержит только название нашей страницы, помеченное тегом <TITLE>. . .</TITLE>. Но в подавляющем большинстве случаев заголовок содержит множество других данных, необходимых как браузеру, так и другим программам, обеспечивающим функционирование Интернета и WWW. Мы пока не будем их рассматривать.

Взгляните еще раз на HTML-код нашей страницы. Заметьте, что одни теги вложены в другие. Так, тег <i> вложен в тег <р>, тег <Р> — в тег <BODY>, а тег <BODY> - в тег <HTML>. Такая вложенность илииерархия тегов в HTML встречается на каждом шагу. Давайте представим ее в виде схемы.

<HTML>

<HEAD>

<TITLE>

<BODY>

Здесь мы убрали мешающие нам закрывающие теги и их содержимое. Величина отступа показывает уровень вложенности того или иного тега. Так, тег <BODY> имеет первый уровень вложенности, а тег <H1> — второй. Теги предыдущих уровней вложенности называются родительскими тегами или родителями, а теги последующих уровней — дочерними тегами или потомками. Например, для тега <HEAD> родительским тегом будет <HTML>, а дочерним -<TITLE>. Для тега <BODY> родителем будет тег <HTML>, а потомками — теги<Н1>, <Р> и <I>.

Весь HTML-код Web-страницы вложен внутрь парного тега <HTML>. . .</HTML>. Этот тег находится на самом высшем, нулевом, уровне вложенности и не имеет родителя.

Я здорово перегрузил вас информацией, и вам может показаться, что HTML — это что-то запредельно сложное. На самом деле, все это очень просто, и вы можете легко создавать простейшие Web-странички вручную. И в подтверждение этого давайте немного изменим код нашей страницы. Например, выделим название фирмы Microsoft жирным шрифтом. Тег, задающий "жирность", — <B>. . .</B>.

Далее приведем измененный фрагмент HTML-кода.

<Р>Это простейшая Web-страничка, созданная в стандартном

<I>Блокноте</I>

и отображенная в

<I><B>Microsoft</B> Internet Explorer</I>.</P>

Заметьте, как мы вложили один тег в другой (эти теги выделены). Теперь слово "Microsoft" будет набрано и жирным шрифтом, и курсивно. Только обратите внимание на порядок вложенности тегов и не нарушайте его. Если же вы случайно допустите ошибку и поместите теги так:

<Р>Это простейшая Web-страничка, созданная в стандартном <I>Блокноте</I> и отображенная в <B><I>Microsoft</B> Internet Explorer</I>.</P>

то Web-обозреватель может и не отобразить ваше творение (хотя Internet Explorer славится своим умением исправлять мелкие ошибки Web-дизайнера). Запомните простое правило: закрывающие теги должны повторяться в порядке, обратном порядку соответствующих им открывающих тегов.

Сохраните полученный файл под именем 1. 2.htm и откройте его в Web-обозревателе. То, что вы увидите, показано на.

Как видите, ничего особо сложного в языке HTML нет. Единственная сложность — это запомнить все его теги, но это вопрос времени и опыта.

Для того чтобы различные браузеры правильно отображали одну и ту же Web-страницу, язык HTML должен быть стандартизирован. Его стандартизацией (а также множеством других стандартов Интернета) занимается особая организация, называемая World Wide Web Consortium или, сокращенно, WWWC. Это название можно перевести как "Комитет Всемирной паутины"... нет, лучше не переводить!... ужасное название...

WWWC издает весьма увесистые труды, описывающие различные версии стандарта HTML. Последняя версия этого языка — 4.01 — вышла в конце 90-х годов прошлого века. Все современные версии Web-обозревателей поддерживают эту версию HTML.

Наряду с тегами HTML, стандартизированными WWWC (стандартные теги), Web-обозреватели поддерживают множество нестандартных тегов. Эти теги были введены разработчиками того или иного браузера, чтобы получить преимущество перед конкурентами. Они надеялись, что эти фирменные расширения впоследствии войдут в стандарт HTML, но этим надеждам так и не суждено было сбыться. Однако теги остались, и они все так же поддерживаются. Мы опишем эти теги наряду со стандартными, но предупреждаем вас, что они поддерживаются не всеми программами.

Версия 4.01 станет последней версией языка HTML. В дальнейшем он будет постепенно заменен своим потомком — языком XHTML (extensible Hyper-Text Markup Language — расширяемый язык гипертекстовой разметки). Этот язык основан на популярном языке описания данных XML (extensible Markup Language — расширяемый язык разметки), он позволяет расширять доступный набор тегов и считается более строгим и более подходящим для машинной обработки. К тому же, из XHTML выброшено множество устаревших тегов, все еще поддерживаемых HTML в целях совместимости.

Скоро ли наступит эра XHTML? Вряд ли. Старый добрый HTML поцарствует на земле еще не один год. Поэтому не стоит торопиться заучивать новые теги и переписывать уже написанные Web-страницы. Займитесь более полезными делами. Например, наведите порядок в ящиках своего стола или нанесите визиты своим одноклассникам

Создание Web-страниц

http://www.sreda.ws/s1/s1-2.htm#3

Гиперссылки

Не только и не столько Web-страницами и сайтами замечателен Интернет. Свою огромную роль внесло еще одно незаменимое изобретение, буквально связавшее разрозненные страницы, созданные на разных концах земного шара, в настоящую паутину. Она так и называется — Всемирная паутина ( World Wide Web или WWW ). Вы уже встречали это название в наименовании организации, ответственной за стандартизацию Интернета (World Wide Web Consortium ). Благодаря этому изобретению вы можете с легкостью перемещаться по разным страницам интернета, ведь любой уголок Всемирной паутины находится от вас на расстоянии пары щелчков мыши.

Это гиперссылки — связи, ведущие от одной Web-страницы к другой. Именно по ним вы щелкаете мышью, если хотите перейти на другую созданную и размещённую в интернете страницу.

Гиперссылки на страницах создаются с помощью особого парного тега <А> и имеют следующий вид:

<А HREF="http://www.site.ru/pages/pagel25.htm">Cтpaница N125</A>

Как видите, тег <А> содержит атрибут HREF, который задает интернет-адрес страницы, на которую будет выполнен переход при щелчке по гиперссылке. Этот атрибут обязательно должен присутствовать в любом теге <А>, задающем гиперссылку - это обязательный атрибут. (Как выяснится далее, тег <А> может задавать не только гиперссылки.)

Интернет-адрес нужной Web-страницы вам нужно знать или узнать самим. Сделать это не так уж и сложно. Обычно он состоит из интернет-адреса сайта, на котором находится нужная вам страница, и полного пути доступа к файлу этой страницы. В нашем случае, http://www.site.ru - это адрес сайта, a /pages/pagel25.htm — путь доступа к файлу страницы.

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

<А НКЕР="/раges/раgе125.html">Страница N125</А>

Если же нужная страница находится еще и в той же папке, что текущая, можно вообще оставить только имя файла:

<А НREF="раgе125.html">Страница М125</А>

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

<Р><А HREF="1.4.htm">Сведения об авторе</А></Р>

Сохраните новую страницу в файле 1.3.htm.

Код второй страницы приведен ниже. Я уверен, что вы в нем разберетесь.

<HTML> <HEAD>

<ТITLE>Сведения об авторе<ТITLE> </HEAD> <BODY>

<Р>Эту страничку написал я. И я очень горд этим!</Р> </BODY> </HTML>

Сохраните ее в файле 1.4.htm.

Теперь откройте в Web-обозревателе файл 1.3.htm и щелкните по гиперссылке "Сведения об авторе". В окне Web-обозревателя появится страница со сведениями об авторе, сохраненная в файле 1.4.htm.

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

<Р><А HREF="1.4.htm" ТАRGЕТ="_blank">Сведения об авторе</А></Р>

Мы поместили в тег <А> атрибут TARGET, задающий цель гиперссылки. Цель гиперссылки задает, куда будет выведена Web-страница, на которую она указывает. Если этому атрибуту присвоено значение _biank, страница будет выведена в отдельное окно Web-обозревателя. Чтобы задать обычное поведение гиперссылки (новая страница выводится в то же окно), присвойте атрибуту TARGET значение _seif или вообще уберите его из кода гиперссылки.

В отличие от атрибута HREF тега <А>, атрибут TARGET не является обязательным. Он так и называется — необязательный атрибут.

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

PHP программы

http://www.softtime.ru/bookphp/gl1_1.php

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

Дело в том, что PHP, как правило, используется сугубо для программирования приложений, связанных с Интернетом. Однако, PHP можно еще использовать в качестве интерпретатора командной строки, в основном в *nix-системах. Последнее возможно при помощи CORBA и COM интерфейсов, а также при помощи расширения PHP-GTK. При таком использовании PHP возможно решение следующих задач:

  1.  создание приложений интерактивной командной строки;
  2.  создание кросс-платформенных GUI приложений при помощи библиотеки PHP-GTK;
  3.  автоматизация некоторых задач под Windows и Linux

Рассмотрим процесс выполнения php-сценария при обращении броузера к серверу. Итак, вначале броузер запрашивает страницу с расширением .php, после чего web-сервер пропускает программу через машину PHP и выдаёт результат в виде html-кода. Причем, если взять стандартную страницу HTML, изменить расширение на .php и пропустить её через машину PHP, последняя просто перешлёт её пользователю без изменений. Чтобы включить в этот файл команды PHP, необходимо заключить команды PHP в специальные теги, которых различают 4 вида (они эквивалентны и можно использовать любые):

  1.  Инструкция обработки XML:
  2.  <?php
  3.      ...

?>

  1.  Инструкция обработки SGML:
  2.  <?
  3.      ...

?>

  1.  Инструкция обработки сценариев HTML:
  2.  <script language = "php">
  3.      ...
  4.  </script>
  5.  Инструкция в стиле ASP:
  6.  <%
  7.      ...
  8.  %>

Мы будем придерживаться стиля XML или SGML.

Вообще говоря, внутри какого-либо блока кода можно выйти из PHP, при условии, что дальше мы войдем в него снова и закончим код (Подробнее об этом смотрите в гл.2.). Т.е., возможна следующая конструкция:

<?

  if(5<3){

  echo("<p>Hello, world!<p>");

?>

  <p>Hello!</p>

  // эта строка не интерпретируется как код PHP

  // и выводится только если  блок кода выполняется

<?

     echo("<p>Hello, world!<p>");

  }

?>

Команда echo в PHP применяется для вывода фактически всего, что встречается на web-страницах (текст, разметку HTML, числа). Смысл ее действия, мы думаем, понятен из приведенного примера.

Комментарии

PHP предоставляет несколько методов для вставки комментариев. Проще всего пользоваться двойным слэшем в стиле языка С++ (//), после чего PHP машина игнорирует все, что расположено до конца строки. Также можно пользоваться многострочными комментариями в стиле С (/*…*/). Для однострочных комментариев можно еще пользоваться символом решетки (#) (комментарий скриптовых языков UNIX).

<php

  echo("<p>Hello</p>"); // комментарий

  echo("<p>Hello</p>"); # комментарий

  /*

     и это тоже комментарии

  */

?>

Следует помнить о том, что стили комментариев PHP действуют только внутри ограничителей PHP. Если PHP встретит эти символы комментариев вне ограничителей, то они, как и любой текст, будут помещены на html-страницу. Например:

<php

  echo("<p>Hello</p>"); // нормальный комментарий

?>

// а вот этот комментарий отобразиться броузером.

<!-- Комментарий  HTML.

Будет виден в исходном коде HTML, но не в браузере  -->

Заметим, что комментарии можно вставлять не только после конца оператора, а, например, и вот так:

<?

  $a = "Hello, world";

  echo strstr($a,"H");

  // эту функцию мы рассмотрим позднее

?>

Интерактивные сайты

http://www.sreda.ws/s18/s18-1.htm

Здесь мы подведем итог всего, что было сказано в трех предыдущих главах: научимся создавать целые интерактивные сайты, построенные на основе серверных Web-страниц. Мы объединим все полученные нами ранее знания в единое целое — Web-сайт, чьи страницы генерируются серверными программами на основе базы данных. И на этом закончим изучение Dreamweaver.

Да-да, это все! Конец книги близок. Автор рассказал вам о Dreamweaver все, что хотел рассказать. Остальное зависит только от вас, от вашего трудолюбия и желания учиться большему.

Создание интерактивных Web-сайтов - высший пилотаж Web-дизайна. Чтобы сделать такой сайт, Web-дизайнер не только должен владеть языком HTML и обладать художественным чутьем, но и просто обязан знать "классическое" программирование и разбираться в базах данных. Конечно, современные программные продукты, наподобие Macromedia Dreamweaver, значительно облегчают труд Web-дизайнера, но отнюдь не берут всю его работу на себя. Уже говорилось, что Web-дизайн, как и "классическое" программирование — не наука, а искусство, иначе и программистов, и Web-дизайнеров давно бы уже заменили роботами. Или программами типа Dreamweaver.

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

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

Об интернет-магазинах, расплодившихся, словно грибы после дождя, уже не стоит и говорить. Интернет-магазин — это большой интерактивный сайт, и создать его без серверного программирования невозможно. (Можно, конечно, но тогда у вас получится простейший сайт фирмы со списком товаров и сведениями о заказе.) Также без серверного программирования не удастся создать полноценный поисковый сайт, доску объявлений и даже полноценный архив программ.

А поэтому нам просто необходимо выяснить, как создаются такие вот интерактивные сайты. И начнем мы, как всегда, с теории.

Принципы создания интерактивных сайтов

Перечислим основные принципы разработки интерактивных Web-сайтов.

  1.  Все или почти все страницы сайта генерируются серверными программами. Статичные страницы хоть и присутствуют, но составляют весьма незначительный процент и содержат данные, не меняющиеся с течением времени, например сведения о владельце сайта или справочные данные о пользовании сайтом.
  2.  Данные для генерации страниц, как правило, берутся из баз данных, поскольку программирующее человечество пока что не придумало лучшего способа организованно хранить однотипные данные, чем помещение их в реляционные базы, которые вне конкуренции. Базы данных практически всегда работают под управлением сервера и очень часто — на отдельном серверном компьютере. Нередко также используется хранение данных в текстовых файлах, но это справедливо, в основном, для фрагментов Web-страниц (серверные включения).
  3.  Очень часто используется разграничение доступа к сайту. Разграничение доступа подразумевает, что разные посетители сайта имеют различные права на доступ к тем или иным данным, опубликованным на сайте. Так, обычные посетители могут только просматривать данные, в то время как "опытные" посетители имеют возможность также вносить в них некоторые изменения. Ну, а администраторы сайта, разумеется, могут творить с ними все, что захотят:
  4.  Если сайт использует разграничение доступа, то он обязательно должен предусматривать возможность входа (по-английски — logon). Чтобы войти на сайт, посетитель должен зайти на особуюстраницу входа и набрать свои имя и пароль. Если эти имя и пароль занесены в список посетителей сайта, серверная программа разрешает посетителю войти на сайт. В противном случае посетителю предлагается зарегистрироваться на сайте.
  5.  Сайт, использующий разграничение доступа, должен также предусматривать возможность регистрации посетителя. Если это общедоступный сайт, наподобие интернет-магазина, то посетитель регистрируется на нем, вводя данные о себе на особой странице регистрации, после чего они помещаются в список посетителей сайта. Если же это закрытый сайт, то для регистрации на нем надо будет обратиться к его администратору.
  6.  Сайт, использующий разграничение доступа, должен также предусматривать возможность выхода с сайта. При этом серверная программа "забывает", что данный посетитель вошел на сайт, очищая память, отведенную для хранения данных в нем, хотя соответствующая запись в списке посетителей, конечно же, сохраняется. Каждый посетитель, вошедший на сайт, обязательно должен с него выйти, чтобы освободить системные ресурсы серверного компьютера для других посетителей. Чтобы выйти с сайта, посетитель обычно должен щелкнуть специальную гиперссылку; реже используется особая страница выхода с сайта.
  7.  Разумеется, полностью общедоступные сайты типа поисковых машин не предусматривают разграничение доступа.

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

Вот теперь, кажется, все. Можно приступать к созданию нашего первого интерактивного Web-сайта. Пусть это будет библиотека различных афоризмов, умных, глупых или нейтральных. Причем доступна эта библиотека будет только после регистрации, т. е. она будет поддерживать разграничение доступа. Сами данные библиотеки будут храниться в базе данных Access, a доступ к ним будет производиться через особые серверные страницы. (Такой способ общения с базой данных называется Web-интерфейсом.)

http://www.ru-design.ru/

http://www.softtime.ru/bookphp/gl1_1.php

http://zvirec.com/css_sod.php

http://ru.wix.com/flash-websites/websites_400?utm_source=google&utm_medium=cpc&utm_campaign=bi_lang_russian^website-z-vb-how_to_create_a_website-x&experiment_id=%D0%BA%D0%B0%D0%BA%20%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C%20%D1%81%D0%B0%D0%B9%D1%82^e^15798314223^1t1&gclid=CPmT64_t0LACFcVJ3goda2b5Wg


 

А также другие работы, которые могут Вас заинтересовать

8045. Педагогические идеи В. А. Сухомлинского 23.46 KB
  Педагогические идеи В А Сухомлинского В центре воспитательной системы, созданной Василием Сухомлинским, находится ребенок с его активностью, интересами, индивидуальными творческими способностями. Главная задача педагогического коллектива школы...
8047. Исследование причин развития фиброза костного мозга при миелопролиферативных заболеваниях путем анализа воздействия тромбоцитарных факторов на мезенхимные стволовые клетки 451.5 KB
  ВВЕДЕНИЕ Хронические миелопролиферативные заболевания (ХМПЗ) - это гетерогенная группа клональных заболеваний стволовых клеток крови, характеризующаяся избыточной пролиферацией клеток миелоидного ряда и относительно нормальным уровнем их созрев...
8050. Исследование горячеломкости сплавов систем Al - Si, Al - Cu , Al -Si - Cu 434 KB
  Введение Развитие современной науки и техники показало, что важной составляющей технологического производства являются качественные показатели получаемой продукции. Приоритетными направлениями являются: увеличение прочности, увеличение диапазона раб...
8051. Разработка модуля банковской информационной системы на базе технологии клиент-сервер 874.5 KB
  Глава 1. Теоретические аспекты проектирования информационных систем 1.1. Понятие и классификация информационных систем Информационная система (ИС) - это система, реализующая информационную модель предметной области, чаще всего -какой-либо...
8052. Модернизация телефонной сети в сёлах Унгенского района с внедрением услуг triple play на базе оборудования SI3000 Msan 2.37 MB
  Модернизация телефонной сети в селах Унгенского района с внедрением услуг tripleplay на базе оборудования SI3000 Msan В связи с развитием экономической активности Республики Молдова, значительной степени миграции населения, существен...
8053. История зарождения и развития представлений о дидактике как науке 32.83 KB
  История зарождения и развития представлений о дидактике как науке Дидактика есть часть педагогики, приобретающая в настоящее время черты самостоятельной научной дисциплины. Предметом дидактики являются процессы образования и обучения, которые тесно ...