Разработка сайта организации на примере центра коррекции зрения "Astana vision"

Программный инструментарий для разработки и создания Web-сайтов. Методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности. Создание сайта для центра коррекции зрения "Astana vision" в городе Астана.

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

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

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

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

Содержание

  • Введение
  • Общая организационно-экономическая характеристика организации
  • Теоретические основы веб-программирования
  • Web-дизайн и браузеры
  • Структура и логика сайта
  • Технические требования
  • Средства разработки сайта
  • Язык разметки гипертекстовых страниц HTML
  • Заключение
  • Список использованных источников

Введение

Глобальная Сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на наших персональных компьютерах. Действительно, пользователь, который приобрел и установил на своей машине Microsoft Office, становится обладателем Internet-технологии в готовом виде, независимо от того, подключен его компьютер к Сети или нет.

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

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

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

В летний период производственная практика проходила в Детско-юношеском центре "Алем".

ДЮЦ "Алем" - динамично развивающееся предприятие. У него 14-тилетный опыт в в сфере дизайна и обучения. Имеет большую команду высококвалифицированных сотрудников. Предприятие успешно сочетает в себе многолетний опыт проектирования, создания и реализации Web-сайтов, и передовые методы работы, ориентированные на удовлетворение потребностей самого требовательного заказчика.

Для того чтоб создать Web - сайт и разместить его в Сети необходимо решить следующие частные задачи:

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

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

выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

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

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

выбрать стратегию разработки и создания Web-сайта.

Основой моего проекта стало создание сайта для центра коррекции зрения "Astana vision" расположенного в городе Астана.

Общая организационно-экономическая характеристика организации

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

Владимир Ухенович Ким, директор республиканской сети клиник микрохирургии глаза, решил открыть клинику в столице Республики.

"ASTANA VISION” отличается принципиально новым комплексным подходом к пациенту, то есть во главу угла ставятся не только хирургические вмешательства. Но могут обращаться пациенты, которым необходима качественная диагностика, консультация по поводу коррекции зрения и традиционными методиками (очками, контактными линзами).

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

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

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

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

успешный опыт проведения операций;

изготовление изделий по чертежам заказчика;

предоставление дополнительных услуг.

Главной целью компании "ASTANA VISION” является лидерство в своей сфере и совершенствование в работе со своими потенциальными заказчиками, постоянно повышая при этом качество своих услуг.

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

Центр коррекции "ASTANA VISION” специализируется на осуществлении широкого спектра офтальмологических услуг и в области изготовления очков контактных линз.

Команда профессионалов в кратчайшие сроки выполнит следующие операции:

при всех аномалий рефракции;

при всех видах катаракт;

при глаукоме

устранение птеригиума;

удаление халязиона, ксантелазм и др. образований на коже век.

расширение слезной точки.

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

Центр коррекции "ASTANA VISION” занимается проведение офтальмологических операций, изготовления очков и контактных линз. Работа ведётся в тесном контакте с пациентом.

Перед созданием сайта для данной организации необходимо предусмотреть несколько проблем.

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

сайт разработка программный инструментарий

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

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

Рассмотрим несколько браузеров и их основные особенности.

Web-дизайн и браузеры

Браузеры Netscape Navigator и Microsoft Internet Explorer.

На рынке доминируют два основных браузера: Netscape Navigator и Microsoft Internet Explorer. Вместе они, включая все их версии, представляет примерно 90 % (или более) используемых сегодня браузеров.

Эти два браузера конкурируют между собой за господство на рынке. Результатом их борьбы стала коллекция фирменных HTML-тегов, а также несовместимые реализации различных технологий (печально известный Dynamic HTML, а также JavaScript и Cascading Style Sheets - каскадные таблицы стилей). С другой стороны, конкуренция между Netscape и Microsoft в целом способствовала более быстрому развитию среды Web.

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

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

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

Несмотря на заявления Microsoft, что DHTML поддерживается всеми платформами, он особенно ненадежен на компьютерах платформы Масintosh.

WebTV.

WebTV приводит в наши квартиры Web через обыкновенный телевизор с пультом дистанционного управления (также, по желанию, можно использовать клавиатуру). Для просмотра Web-страниц WebTV использует собственный специализированный браузер. Он осуществляет синтаксический анализ в соответствии - со стандартом HTML 3.2, но не предоставляет возможностей отображения фреймов, Java, JavaScript, ActiveX или любого другого формата, который требует встраиваемых приложений (за исключением встроенных Shockwave и RealAudio 3.0). Также создано много новых фирменных HTML-тегов, которые используются только в WebTV.

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

Opera.

Opera - это маленький и простенький браузер, созданный норвежской компанией Opera Software в Осло. Этот браузер обладает исключительно малым временем загрузки и минимальными требованиями к объему диска. Достоинством Opera является полное соответствие стандартам HTML. Неточности в написании тегов (например, пропущенные закрывающие теги, неправильное вложение и т.д.), которые пропускают более солидные браузеры, не будут правильно отображаться этим браузером. Opera 9.0 поддерживает Java, каскадные таблицы стилей и DHTML.

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

Lynx.

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

Люди действительно используют Lynx, поэтому не стоит удивляться, если клиент закажет разработку сайта для Lynx. Этот браузер также важен для инвалидов по зрению: они используют Lynx вместе с речевыми устройствами.

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

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

Структура и логика сайта

Для разработки дизайна сайта использовалась программа Adobe Photoshop CS5.

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

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

Типовые страницы:

1. Главная домашняя - текст "О нас"

2. Услуги главная - ссылки на внутренние услуг

3. Услуга - текст и графика об услуге

4. Специалисты - ссылки на внутренние специалистов

5. Специалист - текст и фото

6. Контакты - текст и карта Google

7. Запись на прием - форма для записи, отправляется на e-mailадминистратора

8. Консультации специалистов - форма "задать вопрос", отправляется на e-mailадминистратора, текст с ответами

9. Советы врачей - ссылки на внутренние страницы советов

10. Совет - текст и графика

11. Отзывы посетителей - список YouTube роликов

12. Оборудование - список оборудования - текст и графика

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

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

Технические требования

Программная платформа создается с учетом минимальных системных требований, обеспечивающих гарантированную работу скриптов на серверной стороне: веб-сервер Apache 1.3, PHP версии 4.0 и выше, база данных MySQL версии 4.1 и выше.

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

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

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

За основу были взяты цвета из фирменного стиля.

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

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

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

Далее были определены изображения располагающиеся на них.

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

Фото ресепшена до обработки.

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

В левой части расположена плашка с информацией о клинике.

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

"Услуги" - Использовалось изображение главного врача, которое было размецено в интерьере его кабинета.

Вариант 1.

Вариант 2.

Вариант 3.

Фото до обработки.

Фото после обработки. Справа расположена плашка с перечнем часто задаваемых вопросов и кнопка "Задать вопрос доктору".

Была организована обратная связь.

"Специалисты" - Использовались Изображения врачей и интерьера ресепшена.

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

"Оборудование" - На фоне интерьера клиники по центру расположена сплошная плажка с изображением и кратким описанием оборудования.

"Контакты" - Использовалось изображение экстерьера клиники.

Форма обратной связи для предварительной записи на прием.

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

Средства разработки сайта

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

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

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

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

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

На сегодняшний день создать сайт можно различными средствами и на разных платформах. Рассмотрим подробнее основные технологии:

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

PHP

Macromedia Flash

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

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

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

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

Информации о тегах HTML Compendium (краткое руководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров. Компендиум HTML находится на сайте http://www.htmlcompendium.org.

Теги HTML

Документ HTML содержит текст (содержимое страницы) и встроенные теги - инструкциями о структуре, внешнем виде и функции содержимого. Документ HTML разделяется на две основные части: заголовок - head и тело - body. Заголовок содержит такие сведения о документе, как его название и методическая информация, описывающая содержимое. В теле находится само содержимое документа (то, что выводится в окне браузера).

Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега. Как правило, имя и атрибуты внутри тега не чувствительны к регистру. Тег будет работать так же, как. Однако значения определенных атрибутов могут быть чувствительны к регистру. Это относится, в частности, к именам файлов и URL.

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

The weather is gorgeoustoday.

Результат: The weather is gorgeous today.

Конечный тег имеет то же имя, что и начальный, но перед ним стоит слеш (/). Его можно рассматривать как "выключатель" тега. Конечный тег никогда не содержит атрибутов.

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

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

Атрибуты добавляются в тег для расширения или модификации его действий. К одному тегу можно добавить несколько атрибутов. Если атрибуты тега следуют после имени тега, они разделяются одним или несколькими пробелами. Порядок следования не важен. Большинство атрибутов имеют значения, которые следуют за знаком равенства (=), находящимся после имени атрибута. Длина значений ограничена 1024 символами. Значения могут быть чувствительны к регистру. Иногда значения должны находиться в кавычках (двойных или одинарных). Правила записи значения следующие:

если значение представляет собой одно слово или число и состоит только из букв (a-z), цифр (0-9) и специальных символов (точка или дефис), то можно поместить его после знака равенства без кавычек;

если значение содержит несколько слов, разделенных запятыми или пробелами, или содержит специальные символы, отличные от точки или дефиса, тогда его необходимо поместить в кавычки. Например, URL требуют кавычек, потому что они содержат символы ": //". Также кавычки необходимы при задании значений цветов с использованием формата "#rrggbb".

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

The Weather is gorgeous today.

Результат: The weather is gorgeous today.

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

The weather is gorgeoustoday - данная информация, игнорируется браузерами.

Некоторая информация будет игнорироваться при просмотре браузерами. В ее состав входят:

разрывы строк. Символы конца строк в документе HTML игнорируются. Текст и элементы будут переноситься до тех пор, пока в потоке текста документа не встретится тег или. Разрывы строк выводятся, если текст обозначен как текст с заданным форматом ();

символы табуляции и множественные пробелы. Когда браузер встречает в документе HTML символ табуляции и несколько последовательных символов пробела, он выводит только один пробел. Таким образом, если документ содержит: "far, far away", браузер выведет "far, far away". Дополнительные пробелы можно добавить в текстовый поток, используя символ неразрывного пробела (Snbsp;). Кроме того, все пробелы выводятся, если текст является форматированным (находится в тегах);

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

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

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

PHP

РНР изобретен Расмусом Лердорфом в конце 1994 года. Первая версия выпущена в 1995 году под именем "Инструментарий Персональных Домашних Страниц", затем она была переработана и названа PHP/FI Version 2 (FI - модуль обработки данных для форм). Также была добавлена поддержка баз данных mSQL. С этого момента в разработке стали принимать участие добровольцы.

Статистика используемости РНР приблизительна, но, согласно исследованию, проведенному Netcraft, в начале 2001 года РНР использовался на более чем 5 300 000 сайтах по всему миру. Для сравнения: в это время число IIS серверов было примерно таким же (5 млн). Разработка интерпретатора РНР приняла форму организованного командного процесса, ядро интерпретатора разрабатывает компания Zend.com. При этом РНР распространяется свободно: его последнюю версию можно загрузить с сайта PHP.net. Модули РНР поставляются в комплекте с сервером Apache, в комплектах систем Linux.

Изначально аббревиатура РНР означала Preprocessor of Home Pages - препроцессор домашних страниц. Это язык внедряемых в HTML-страницы сценариев, исполняемых на сервере. По большей части его синтаксис заимствован из таких языков, как С, Perl, Java, и при этом добавлена масса возможностей, которых этим языкам недостает. Проще говоря, синтаксис РНР - это разумная альтернатива и строгости С, и "беспредельности" Perl.

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

Основными конкурентами РНР являются технологии JSP (Java Server Pages и Java Scriptlets), ASP (Active Server Pages), Perl, SSI (Server Side Includes), Cold Fusion Server Pages.

Рассмотрим те недостатки, которые присущи указанным технологиям. JSP - достаточно сложный для изучения и использования язык. ASP, основанный на синтаксисе VBScript (Visual Basic), имеет всего несколько десятков собственных функций и поэтому вынужден использовать СОМ-объекты; кроме того, он ориентирован исключительно на работу под Windows. Perl - язык головоломный, и его вольности затрудняют его понимание. SSI позволяет всего лишь компоновать HTML-страницу из нескольких файлов. CF - коммерческий продукт, что является его основным недостатком.

Текст и основные элементы представлены и записаны на диске.

Заключение

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

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

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

выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;

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

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

выбрать стратегию разработки и создания Web-сайта.

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

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

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

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

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

Список использованных источников

1. Каймин В.А., Жданов В.С. "Информатика" для поступающих в ВУЗы.: - М.: АСТ, 1996.

2. Фигурнов В.Э. IBM PC для пользователя.: - М., 1996. - 432с.

3. Кузнецов М.В., Симдянов И.В. Самоучитель PHP. - 2-е изд., перераб. и доп. - СПб.: БХВ-Петербург, 2006.

4. http://www.w3.org/WAI/References/HTML4-access

5. http://www.w3.org/TR/REC-html40

6. http://ru. wikipedia.org/wiki/Контент

7. http://ru. wikipedia.org/wiki/PHP

8. http://www.webmasteram.ru

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

...

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

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

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

  • Программный инструментарий, применяемый для разработки и создания Web-сайтов. Методы и способы представления на Web-страницах различных видов информации. Покупка хостинга и домена. Система управления содержимым сайта. Установка Drupal 7 на хостинг.

    курсовая работа [993,8 K], добавлен 14.07.2012

  • Рассмотрение понятий и программного инструментария, применяемых для разработки и создания Web-сайтов. Методы и способы представления на Web-страницах различных видов информации. Создание структуры файлов проекта, главной страницы и страниц номеров отеля.

    курсовая работа [3,5 M], добавлен 13.11.2022

  • Разработка информационной базы Казачинско-Ленского района. Создание веб-сайта, использование современных Интернет-технологий: программный инструментарий PHP, MySQL, Apach-сервер. Методы и способы представления на Web-страницах различной информации.

    дипломная работа [1,7 M], добавлен 14.02.2012

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

    курсовая работа [1,9 M], добавлен 09.05.2011

  • Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.

    курсовая работа [346,7 K], добавлен 18.09.2016

  • Понятие web-страницы, классификация. Принципы создания и основные элементы. Пример контента сайта "Академия детства". Стандарты разработки дизайна для сайтов дошкольных учреждений. Шаблон главной страницы. Программный инструментарий по разработке.

    курсовая работа [409,2 K], добавлен 13.01.2014

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

    курсовая работа [1,9 M], добавлен 13.12.2014

  • Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.

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

  • Анализ существующих сайтов данной сферы деятельности, сравнительный анализ существующих технологий их создания. Инструментарий для разработки сайта-визитки кафе "Family", программное обеспечение. Принцип работы, внутренняя структура и компоненты.

    курсовая работа [3,8 M], добавлен 21.06.2015

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

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

  • Анализ систем для создания сайта "Интеллектика". Архитектура и структура сайта; технические требования. Выбор базы данных. Процесс разработки приложения авторизации для просмотра закрытых научных проектов. Техническая документация для администратора.

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

  • История появления первого в мире сайта info.cern.ch в 1991 году. Страницы сайтов как набор текстовых файлов, размеченных на языке HTML. Использование конструктора при разработке сайтов. Создание сайта "с нуля", разработка дизайна, верстка, оформление.

    реферат [21,5 K], добавлен 26.05.2015

  • Основные технологии разработки ресурсов Интернет. Процесс разработки веб-сайта. Понятие Web-сайта и классификация Web-сайтов. Основные этапы разработки Web-сайта. Использование HTML, CSS, JavaScript, FLASH, PHP и реляционной базы данных MySQL.

    презентация [1,3 M], добавлен 28.11.2015

  • Подходы к созданию сайтов. Обоснование необходимости наличия персонального сайта компании ИП Тимонина Е.Н.. Структура, интерфейс, этапы создания сайта. Описание кода страниц. Создание web-страниц и наполнение их информацией. Верстка сайтов с чистым кодом.

    дипломная работа [1,5 M], добавлен 03.06.2015

  • Использование функциональных возможностей GSM uCoz для разработки сайта. Сущность, значимость, типы и виды сайтов, способы их создания. Правила размещения сайта в сети Интернет. Основные возможности, понятия, преимущества и недостатки сервиса uCoz.

    дипломная работа [1,7 M], добавлен 20.07.2014

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

    дипломная работа [6,1 M], добавлен 10.06.2014

  • Общее описание разрабатываемого веб-сайта. Создание модуля учета средств для разработки программного продукта. Разработка дизайна. Редактирование веб-сайта в CMS Worspress. Разработка методических указаний для продукта. Система управления базами данных.

    дипломная работа [1,8 M], добавлен 10.07.2017

  • Актуальность создания фирменного web-сайта. Разработка, внедрение web-сайта под названием "Удачная постройка". Анализ существующих программных решений, выбор инструментальных средств разработки. Архитектура сайта, структура данных. Тестирование и отладка.

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

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

    дипломная работа [1,5 M], добавлен 08.12.2013

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