Диплом: Проектирование и создание современного Web-сайта - текст диплома. Скачать бесплатно.
Банк рефератов, курсовых и дипломных работ. Много и бесплатно. # | Правила оформления работ | Добавить в избранное
 
 
   
Меню Меню Меню Меню Меню
   
Napishem.com Napishem.com Napishem.com

Диплом

Проектирование и создание современного Web-сайта

Банк рефератов / Программирование

Рубрики  Рубрики реферат банка

закрыть
Категория: Дипломная работа
Язык диплома: Русский
Дата добавления:   
 
Скачать
Microsoft Word, 755 kb, скачать бесплатно
Заказать
Узнать стоимость написания уникальной дипломной работы

Узнайте стоимость написания уникальной работы

64 Министерство образования Российской Федерации Самарский государственный унив ерситет Механико-математический факультет Кафедра высшей математики и информатики ДИПЛОМНАЯ РАБОТА Студента 5 курса дневного отделения Кондрахина Сергея Сергеевича ПРОЕКТИРОВАНИЕ И СОЗДАНИЕ СОВРЕМЕННОГО WEB-САЙТА Допущена к защ ите : Научный руководитель, 8 июня 2001 года к.ф.-м.н ., доцент Зав.кафедрой , д.ф.-м.н., Игнатьев В.А. профессор Сараев Л.А. ______________________ Оценка : ______________ Председат ель ГАК ______________________ "___" __________ 2001 г. С амар а 2001 год С ОДЕРЖАНИЕ Введ ение 3 1. С ОВРЕМЕННЫЕ ИНТЕРНЕТ-ТЕХНОЛОГИИ 4 1.1. Web-дизайн и браузеры 4 1.2. Язык разметки гипертекстовых страниц HTML 8 1.3. Обеспечение доступности Web-страницы 14 1.4. Представление текста на Web-страница х 19 1.5. Представление графики на Web-страницах 22 1.6. Web-серверы 25 2. О СНОВНЫЕ ПРАВИЛА И ЭТАПЫ СОЗДАНИЕ САЙТА 35 2.1. Влияние дисплеев на Web-дизайн 36 2.2. Стандартные размеры и разрешения ди сплеев 37 2.3. Альте рнативные дисплеи 38 3. В ЫБОР СТРУКТУРЫ WEB-СТРАНИЦЫ 41 3.1. Создание фиксированных и гибких Web-страниц 41 3.2. Разработка комбинированных Web-страниц 43 3.3. Macromedia Flash 44 3.4. Стратегия разработки Web-сайта 49 Выво ды 52 Лите ратура 53 Приложение 54 Введение Internet развива ется довольно стремительно . Быстро растет кол ич е ство издани й , посвященных Сети , что предвещает широкое ее распростран е ние даже в далеких от техники обл астях . Internet превращается из большой игр ушки для интеллектуалов в полноценн ый источник разнообразной поле з ной информации для любой категории пользователей. Через десять лет , по прогнозам специал истов , около 50 процентов с е мей (безусловно , пока лишь в р азвитых странах ) будут использовать его еж е д невно . Телев идение и радиоприемники не будут заменены компьютерами , но будут иметь мощный процесс ор , большую память и фактически сами ст а нут в некотор ом отношении компьютерами. Это будет время , когда любой человек , владеющий компьютером , сможет "скачать " с его помощью статьи , иллюстрации , видео - или аудиои н ф ормацию по любой интересующей его теме . Он сможет получить эту и н формацию тогда , когда он этого пожелает . Через какое-то время системы и с кусственного инте ллекта – параллельный машинный перевод , а также и де н тификация и распознавание голоса сломают последние национальные и яз ы ковые барьеры и сделают возможным свободный транснациональный обмен информацией. Каждый из нас уже сейчас может сд елать свой вклад в развитие Internet. Для этого достаточно создать сво й веб-сайт и разместить его в Сети . Но как это с делать ? Ответ на данный вопрос мы попробуе м дать в этой раб о те. Для этого необходимо решить следующие частные задачи : – ознакомиться с современными Интернет-т ехнологиями и , по во з можности , использовать их в с в оей разработке ; – изучить программный инструментарий , пр именяемый для разрабо т ки и создания Web-сайтов ; – выявить и учесть методы и спос обы представления на Web-страницах различных вид ов информации , не препятствующие их доступн о сти ; – ознакомиться с основ ными прави лами и рекомендациями по разр а ботке и созданию Web-сайтов и неукоснительно следовать им в своей пра к тике ; – определиться со структурой Web-страниц ; – выбрать стратегию разработки и соз дания Web-сайта. 1. СОВРЕМЕННЫЕ ИНТЕРНЕТ-ТЕХНОЛОГИИ 1.1. Web-дизайн и браузеры Многие Web-д изайнеры сходятся во мнении , что одна из главных проблем Web-дизайна – многообразие браузеров и платформ , каждая из к о торых по-разному по ддерживает HTML и сценарии . С выпуском каждого н о вого браузе ра улучшаются их характе ристики и воз можности , но это не озн а чает , что более ранние версии при этом исчезают . В большинстве своем люди не склонны гнаться за новейшим и лучшим . Одни довольствуются тем , что у них имеется , а другие , вероятнее всего , р аботают на компьютерах фирм или учрежде ний , которые выбрали браузеры за них. Как сде лать дизайн Web-страницы эстетически и техническ и инт е ресным , не игнорируя при этом владельцев предыдущи х версий браузеров ? Неужели Web-страница , рассчит анная на то , чтобы функционировать на л ю бых браузер ах , должна быть обязательно скучной ? М ожно ли угодить всем ? И если нет , то где провести черту ? Сколько старых версий будет работать с вашей страницей ? В Web-дизайне нет жестких правил . Посколь ку главная наша задача – сделать содержи мое страницы доступным д ля максимального количества пользователей , то для продвижения вперед одинаково важны и эксперимент , и использование новых технологий с учетом существующих реалий . Залог успеха дизайнерского решения лежит в понимании потребностей ауд итории и в четком предс т авлении , как сайт будет использован. Браузеры Netscape Navigator и Microsoft Internet Explorer . На рынке доминируют два основных браузера : Netscape Navigator и Microsoft I n ternet Explorer. Вместе они , включая все их версии , представляет примерно 90 % (или более ) используемых сегодня брауз еров. Эти два браузера конкурируют между со бой за господство на рынке . Результатом их борьбы стала коллекция фирменных HTML-тегов , а также несовместимые реализации различных т ехнологий (печально известный Dynamic HTML, а та кже JavaScript и Cascading Style Sheets – каскадные та б лицы стилей ). С другой стороны , конкуренция между Netscape и Microsoft в целом способствовала более быстрому развитию среды Web. Большинство Web-авторов в своей работе о риентируются на Navigator и Inte rnet Explorer, поскольку они занимают львиную долю рынка . Тем не мен ее , существует ряд других браузеров , которые вы можете прин и мать во внимание. В версии Internet Explorer 4.0 для компьютеров Macintosh отсутств ует значительная часть функциональных возможн остей версии , созданной для Windows, поэтому использование ряда особых возможностей версии 4.0 м о жет исключ ить из игры некоторых пользователей. Некоторые документированные различия включаю т : отсутствие по д держки встраиваемых шрифтов ; отсутствие п оддержки ф ильтров CSS и п е реходов (визуальных эффекто в , таких как тени , отбрасываемые объектом , к о торые использ уются для элементов текста ); отсутствие элемен тов управления мультимедиа (эффекты переходов и анимации , обычно создаваемые авто р скими мультимедийными прогр аммными средствами ); проблемы с реализ а цией DHTML. Несмотря на заявления Microsoft, что DHTML поддержива ется всеми платформами , он особенно ненадежен на компьютерах платформы Мас intosh. Браузеры America Online . Пользователи America Online (AOL) и с пользуют один из семи возможны х браузеров (в зависимости от платформы и версии программного обеспечения AOL), некоторые из них обеспечивают только самую минимальную поддержку HTML. Последняя версия America Online для PC – это верс ия 3.0, использует адаптированную в ерсию бра узера Microsoft Interne Explorer 3.0. Тем не м е нее , не всегда можно полностью положиться на эту версию так же , как на стандартный вариант MS Internet Explorer 3.0. (Функциональность особенно ограничена для пользователей компьюте ров Macintosh). Мно гие разработч и ки Web не раз ужасались , увидев дизайн своего сайта (который великолепно работал в большинстве основных браузеров ), пос ле того как он был запущен в системе AOL и отображен одним из их браузеров. Проблемы частично возникают из-за того , что AOL полагается на прокси-серверы и методы сжатия изображений . Известно , что исп ользуемый AOL метод сжатия изображения имеет про блемы с отображением JPEG-графики , проявляющиеся в появлении пятен и цветных полос . Были отмеч е ны проб лемы и при выводе фоновых изоб ражений. Кроме того , некоторые технологии , такие как Java и Cascading Style Sheets (каскадные таблицы стилей ), не доступны для пользователей Windows 3.0 (примерно 40 % пол ьзователей AOL). Владельцы компьютеров Macintosh не смогут использовать JavaScript и ряд других возможностей (примерно 8 % пользователей ). К счастью , создан специальный сайт в помощь тем Web-дизайнерам , которые стремятся сделать свои страницы интересными и доступ ными для пользователей AOL. Особого внимания зас луживает таблица браузеров , гд е вы най дете специальный список для каждого из бр аузеров (по версиям и платформам ), перечень технологий и поддерживаемых функций , а такж е процент сбоев для каждого из браузеров . (Адрес сайта AOL для Web-дизайнеров : http://webmaster.info.aol.com). WebTV . We bTV приводит в наши квартиры Web через обыкнове н ный телевизор с пультом дистанционного управления (также , по желанию , можно использовать клавиатуру ). Для просмотра Web-страниц WebTV и с пользует собственный специализированный браузер . Он осуществляет си н такс ический анализ в соо тветствии – со стандартом HTML 3.2, но не пред о ставляет возмож ностей отображения фреймов , Java, JavaScript, ActiveX или любого другого формата , который требует встраиваемых приложений (за и с ключением встроенных Shockwave и RealAudio 3.0 ). Также создано много новых фирменных HTML-тегов , котор ые используются только в WebTV. Поскольку WebTV выводит изображение на экран телевизора , пред ъ являются новые требования к характеристик ам цвета и параметрам экрана. Opera . Opera – это м аленький и прос тенький браузер , созданный но р вежской компанией Opera Software в Осло . Этот браузер обладает исключ и тельно малым временем загрузки и минимальными тре бованиями к объему диска . Достоинством Opera являе тся полное соответствие стандартам HTML. Неточности в нап исании тегов (например , пропущенные закрывающие теги , неправильное вложение и т . д .), которые пропускают более солидные брауз е ры , не будут правильно отображаться этим браузером . Opera 5.0 поддержив а ет Java, каскадные таблицы стилей и DHTML. Хотя Opera и не стоит на первых местах по частоте использования , но многие разработчики продолжают тестировать свои сайты в Opera, чтобы убедиться в правильности кода. Lynx . Lynx – это ра спространяемый бесплатно браузер , обеспечив а ющий просмотр толь ко текста , предлагает вам быстрый и надежный доступ в Web. Он заслужил известность как наименьший общий знаменатель станда р та , пригодный дл я тестирования Web-страницы по базовым функциона льным характеристикам . Несмотря на простоту , э тот браузер не устаревает . Lynx постоянно сов ершенствуется и модернизируется . Сейчас о н обеспечивает поддержку таблиц , форм и да же JavaScript! Люди действительно используют Lynx, поэтому н е стоит удивляться , если клиент закажет ра зработку сайта для Lynx. Этот браузер также в ажен для инвалидов по зрен ию : они используют Lynx вместе с речевыми устро й ствами. Будет легч е принять решение , какую технологию использов ать и где провести черту для обратной совместимости , если знать , какие браузеры и с пользуются чаще всего . Наиболее достоверную информацию , конеч но , мо ж но получить , ведя статистику посещений сайта. Отслеживающ ее программное обеспечение серверов обычно кл асс и фицирует по сещения по браузерах , осуществляющих запросы . Поэтому , если вы узнали , что только 20 % посет ителей вашего сайта используют версии брау зеров 4.0, то , может быть , следует повреме нить с переходом на испол ь зование таблиц стилей. В Интернете можно найти несколько сай тов , предоставляющих ст а тистические данные о браузерах . Стат истика на этих сайтах основана на ан а лизе посещаемости самих этих са йтов , что сужает стати стическую выборку до узкого круга пользовател ей , интересующихся такого рода сайтами , – во з можно , пользо ватели , интересующиеся приобретением новых автомо билей или программами телепередач , используют другие браузеры . Статистические данн ые , по мещенные на сайте BrowserWatch, дают подробнейшие сведе ния о версиях , подверсиях и под-подверсиях каждого отдельного браузера. 1.2. Язык разметки гипертекстовых страниц HTML Язык раз метки гипертекстовых страниц (HTML – Hypertext Markup Language) представляет собой язык , разработа нный специально для создания Web-документов . Он определяет синтаксис и размещение специальны х и н струкций (тегов ), которые не выводятся на экран , н о указывают браузеру , как отображать содержим ое документа . Он также использу ется дл я создания ссылок на другие документы , лок альные или сетевые , например , находящи е ся в сети Инте рнет. Стандарт HTML и другие стандарты для Web раз работаны под рук о водством консорциума W3C (World Wide Web Consortium). Стандарты , сп е цификации и проекты новых предложений можно найти на сайте http://www.3w.org/. В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет. На практике на стандарт HTML большое влия ние оказывает наличие тегов , предложен ных и поддерживаемых наиболее известными браузер ами , такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут как входить , так и не входить в состав действующей специф и кации HTML. Информации о тегах HTML Compendium (кратк ое ру ководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их а т рибутов в алфавитном порядке , а также обновленную информацию о по д держке каждого из них со стороны браузеров . Компендиум HTML на ходится на сайте http://www.htmlcompendium .org. Инструментарий редактирования HTML . Документы HTML явл я ются обычными текстовыми ASCII-файлам и . Это означает , что для их созд а ния можно использо вать любой текстовый редактор , даже с мини мальными возможностями . Существуют средства редак тирования , разра ботанные сп е циально для написания HTML. Они позволяют экономить время , так как с о держат клавиши быстрого доступа для выполнения повторяю щих ся опер а ций , например , задания начальных установок документов , таблиц или просто применения стилей к тексту . Редакто ры HTML отличаются от авторс кого WYSIWYG-инструментария (рассматриваемого далее ) тем , что требуют зн а ния правил составления HTML вручную , ред акторы лишь упрощают и уск о ряют этот процесс. Пользователям Windows определенно следует проверит ь HomeSite , мощный и недорогой редактор HTML компании Allaire Corporation. В нем имеются средства для выделения цветами синтаксических конструкций HTML, функция FTP, контроль синтаксиса и правописания , многофайловый пои ск и замещение . Кроме того , он содержит специальные ком а нды и ша б лоны для создания более сложных элементов (фреймов , сценариев JavaScript и DHTML). Информация и демонстрационная программа для загрузки нах о дятся по адресу httр ://www.allaire.com/. При работе на компьютерах Macintosh обращают внимание на BBEdit , к оммерческий HTML-редактор компании Bare Bones Software, Inc. Он действительно имеет вес среди Web-разработчиков для для компьютеров Macintosh. В его состав вхо дят удобные и быстрые HTML-инструменты , мн о гофайловый поиск и замена , встроенная FTP-функция , под держка 13 языков программирования , построитель таблиц , контроль синтаксиса HTML и еще множество функций . Дополнительные сведения и де монстрационную пр о грамму можно найти по адресу http://www.bbedit.com. Авторский инструментарий WYSIWYG . Последние годы хар акт е ризуются резким ро стом рынка авторских инструментов . HTML-редакторы класса WYSIWYG (What You See Is What You Get – что видишь , то и пол у чишь ) имеют графические интерфейсы , которые делают написани е HTML больше похожим на программу редактировани я текстов или разметки стр а ницы . Первоначальной целью этих программ было освобождение пользов а телей от тегов HTML, наподобие того , как программы разметки страниц з а щищаю т разработчика от набора команд языка PostScript. Сегодня их знач и мость возросла , так как они по вышают эффективность и уровень автоматиз а ции производства д окументов , обеспечивая в то же время досту п к исходн о му тексту HTML. Наиболее популярными в настоящее время WYSIWYG-редакторами являются : Macromedia Dreamweaver, Golive CyberStudio ( только для комп ь ю теров Macintosh ), Microsoft FrontPage, FileMaker Claris, Home Page, Adobe PageMill. Теги 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 игнор и руются . Текст и элементы будут пе реносит ься до тех пор , пока в пото ке те к ста д окумента не встретится тег <р > или
. Разрыв ы строк выводятся , е с ли текст обозначен как текст с заданным форматом (<р rе >); – символы табуляции и множественные пробелы . Когда браузер встречает в документе HTML символ табуляции и несколько последов ател ь ных симво л ов пробела , он выводит только один пробел . Таким образом , если документ содержит : "far, far away", браузер выведет "far, far away". Д о полнительные пробелы можно добав ить в текстовый поток , используя си м вол неразрывного пробела (Snbsp;). Кроме того , все пробелы выводятс я , если текст является форматированным (находи тся в тегах <р rе >); – множественные <р >-теги . Последовательнос ть тегов <р >, не прер ы ваемых текстом , всеми браузерами интерпретируется как и збыточная . С о держимое будет выв одиться так , как если бы был только од ин тег <р >. Бол ь шинство браузеров выведет несколько тегов
в виде нескольких перех о дов на новую строку ; – нераспознаваемые теги . Если браузер не понимает тег или тот был неверно задан , то браузер его просто игнориру ет . В зависимости от тега и браузера э то может привести к различным результатам . Либо браузер ничего не вы ведет , или он может отобразить содержимое тега как обы чный текст ; – текст в комментариях . Браузеры не выводят текст м ежду специал ь ными элементами , которые используются для обозначения комме н тариев . После символов начала комментария и перед символ ами окончания обязательно должен находиться п робел . В сам комментарий можно помещать пр актически все . Комментарии не льзя вкладыв ать . В Microsoft Internet Explorer имеется фирменный тег , обозначаю щий комментарии .... Однако , он не поддержив ается другими браузерами. 1.3. Обеспечение доступности Web-страницы При раз работке Web-страницы фиксированног о размера , вероятно , придется выбирать для нее размер экрана . Здравый смысл подсказывает , что стра ница должна быть доступна (и правильно ото бражаться ) для максимал ь но возможного числа пользователей . И дея проста : необходимо определить наиболее ча сто использ уемое разрешение дисплея и разработать страницу таким образом , чтобы с траница гарантированно заполняла все рабочее пр о странство. Большинство дизайнеров рекомендуют разрабатывать страницы в формате 640x480, чтобы при просмотре пользователя м не пришлось прим е нять горизонтальную прокрутку . Горизонтал ьная прокрутка всегда затрудн я ет восприятие , поэтому дизайнеры традиционно ее отвергают. Все бол ьшее число разработчиков считает стандартным разрешение 800x600. И совсем единицы разрабатывают страницы для еще более высоких разрешен ий . Конечно , ваше решение будет , в первую очередь , зависеть от аудитории . Например , ес ли сайт ресурсов для дизайнеров графики , т о счит а ем , ч то они имеют дисплеи , по крайней мере , с разрешением 800x600 или выше , в соответствии с чем и разра батывается страница . Если сайт предн а значен специально для WebTV или какого-то другого устройства отображ е ния , следует ориентироваться на э то конкретное устройство. Достойный уважения Web-дизайн включает разра ботку страниц , д о ступных для пользователей с ог ран иченными возможностями , в частности по зрению и слуху . Консорциум World Wide Web объявил об инициа тиве Web Accessibility Initiative (WAI), которая ставит целью сделать Web б олее д о ступным для всех пользователей . Однако успех данн ой инициативы зависит от участия в ней рядовых разработчиков , которые могут (или не могут ) с о здать Web-сайты в соответствии с поставл енными задачами. Пользователи с ограниченными возможностями зрения могут испол ь зовать специальные устройства для ув еличения изображения , находящего ся на экр ане . В этом случае к дизайну не предъя вляется никаких специальных требований . Многие люди с проблемами зрения используют тексто вые бра у зеры (такие как Lynx) вместе с программным обеспечен ием , которое громко читает содержимое страниц ы . В любом случ ае основное внимание уделяется структуре документа и его тексту . Графическое содержимое может быть пр о сто утеряно. Средства HTML 4.0 . Специф икация HTML 4.0 вводит ряд новых а т рибутов и тегов , созданн ых специально для того , чтобы сделать Web-док ументы досту пными для более широкого круга пользователей . Кратко п е речислим некоторые новые возмож ности HTML 4.0. (Расширенный список возможностей размещен на сайте http://www.w3.org/WAI/References/HTML4-access, а полные спецификации данной версии – на сайте http://ww w.w3.org/TR/REC-html40). HTML 4.0 предлагает следующие новые возможности , обеспечива ю щие доступность : – дальнейшее разделение структуры докуме нта и его внешнего пре д ставления . Информацию о стиле HTML 4.0 предлагает размещать в каска д ных таблицах стилей ; – навигационная помощь , например , кл авиши доступа и индексир о вание порядка табуляции для дос тупа к элементам страницы с использован и ем только клави атуры ; – рекомендации , касающиеся новой клиентс кой карты-изображения , объединяющей графические и текстовые ссыл ки ; – новые теги и , которые помогают речевым и др у гим устройствам интерпретировать аббревиатур ы и акронимы ; – возможность логически группировать стр оки и столбцы таблиц , снабжать их заголовк ами , резюме и длинными описаниями содержимого , о б легчая и нтерпретацию таблиц ; – возможность группировать элементы упра вления формами и созд а вать длинные списки выбора , более ясные для восприятия . Элементы форм также доступны через клавиши табуляции и быстр ого доступа ; – улучшенный механизм создания альте рнативного текста . Атрибут alt теперь обязат елен для тега . Чтобы обеспечить связь с более дли н ными текстовыми пояснениями к изображениям , в веден атрибут longdesc. Для добавления информации о любом эле менте , можно использовать атрибут title. Средства CSS . Каскадные таблицы стилей или CSS (от английского Cascading Style Sheets) являются следствием дальне йшего развития HTML и дают нам возможность пе рейти на следующий уровень представления и н формации . Таблицы стилей позволяют разделить смысловое содержи мо е странички и его оформление. В первых версиях стандарта HTML не было предусмотрено н икаких средств для управления внешним видом информации . Общая концепция г и пертекста была направлена на доступность информации для любых устрой ств , способных воспроизводить текст . Для разметки рекомендовалось использовать только лог ические теги , определяющие заголовки , подзаголо в ки , списки , аб зацы , цитаты и т.д . – то есть , те э лементы , которые и составл я ют структуру документа . Интерпрета ция же внешнего вида оставалась по л нос тью на со вести оконечного терминала. Однако с тех пор много что измени лось , и стандарт HTML потерял первоначальную стро йность . Вначале Netscape добавил "улучшенные теги ", ко торые позволили более широко управлять внешни м видом представляемой информации . Нов овв едение прижилось , и все расширения Netscape стали стандартом de facto. Потом точно также поступила Microsoft. Когда спохв а ти лись , то HTML представлял собой ужасную смесь логических и оформ и тельских тегов , несовместимых расширений и полностью перестал от вечать первоначаль ной концепции – представлять информацию на любом устро й стве независимо от его характеристик по в ыводу информации. Тогда была предпринята широкомасштабная с тандартизация . В р е зультате чего на свет явился стандарт HTML 3.2. Он не был револю ционным , а лиш ь расставил по местам все нововведения и выработал общие рекоме н дации для производителей браузеров . Революционные изменения были вв е дены в новом стандарте – HTML 4.0 или , как его стали называть , Dynamic HTML. В обращение были введены слои , та блицы стилей и универсальная объектная модель браузера. В новом стандарте попытались вернуться к истокам концепции HTML. Четвертая версия , как и первая , рекомендует создавать странички т а ким образом , чтобы они могли быть воспроизведены на любом устройстве – будь это 21" дисплей или маленький черно-белый экран сотового телефона. Каким же образом была решена проблема с представлением внешнего вида информации ? В этом и заключается революционность подхо да . Все оформление рекомендуется вынести во внешний стилево й файл . Основная же страничка будет содержать только информацию и ссылки на необходимые стили. При показе странички конкретному устройст ву должна быть заде й ствована соответствующая случаю таблица стилей . Для сотового телефона и дисплея компьютера они , разу меется , должны быть разными . В п ервом сл у чае мы используем минимальное оформление , которое позволит представить информацию наиболее оптимал ьно и компактно . Во втором же случае в нашем распоряжении имеется все богатство шрифтового и цветового офор м ления. Та блицу стилей нужно написать все го один раз при создании сайта для ка ждого из устройств , на котором планируется вывод информации . К т о му же таблица стилей может быт ь единой для целого сайта . И , следовател ь но , не нужно будет повторять одни и те же описани я с тилей на каждой из страниц. Размещение всей стилевой информации в одном внешнем файле о т крывает нам и другие полезные возможности – ведь изменив содержимое только одного (!) стилевого файла , мы можем в с читанные секунды сменить весь дизайн сайта . Причем ни каких других переделок не понадобится . Раз у меется , это верно лишь в том случа е , если первоначально сайт был спроект и рован верно. CSS2 (Cascading Style Sheets, Level 2) – самая последняя рекоменд а ция по каскадным таблиц ам стилей , предоставляет механизмы для у лучше н ной интер претации страниц неграфическими и не визуальн ыми устройств а м и . Усовершенствования включают : – механизмы , с помощью которых создан ная пользователем таблица стилей может замени ть все таблицы стилей более высоких уровн ей в каскаде . Это дает к онечному п ользователю возможность полностью управлять ото б ражением . Польз ователь получает возможность создавать настраива емые таблицы стилей для вывода страниц в соответствии со специальными треб о ваниями ; – специализированная поддержка для загру жаемых шриф тов – таким образом умень шается тенденция помещать текст в графику для улучшения внешнего вида страницы ; – механизмы позиционирования и выравнива ния , которые отделяют содержимое от внешнего представления . Эти таблицы стилей должны и с ключить некор ректное ис пользование тегов HTML для создани я особых э ф фектов отображения . Теги HTML можно использовать для логической стру к туризации документа , делая его более простым для интерпретации не виз у альными посредниками ; – средства управления для звукового вывода доставл енной по Web информации ; – улучшенные средства навигации , такие как цифровые маркеры , к о торые можно добавлять в доку мент в целях ориентации. Источники разработки доступных страниц 1). Официал ьный сайт WAI. На нем есть ряд полезных с сылок к и с т очникам , связ анным с проблемой доступност и (http://www.w3.org/WAI). 2).Очень хороший источник статей и ру ководств для авторов HTML расположен на сайте Фонда слепых Юрия Рубинского , который являе тся своеобразным оружием борьбы за права инвалидов на расширенный доступ к техно логиям (http://www.у un.org/Webable). 1.4. Представление текста на Web-страницах При созд ании профессиональной графики для Web используется текст со сглаженными краями . Сглаживание – это легкая размытость на н е ровных краях , сглаживающая переходы ме жду цветами . Не сглаженные края , напротив , выглядят зазубренными и ступ енчатыми . Исключением из этого общего правила является текст очень малого размера , (10 пун ктов и меньше ), применение сглаживания делает его практически неразличимым . Текст м а лых размеро в будет выглядеть намного лучше без сглаживани я. Два комплект а шрифтов . При разработке Web-страницы средствам и базового HTML есть два комплекта шрифтов ; п ропорциональный и шрифт фиксированной ширины . Проблема заключается лишь в том , что неиз вестно , какой и з них и какого разм ера будет использован при отображении. Пропорциональный ш рифт – иначе "шрифт переменной ширины " дл я каждого символа выделяет разное количество места в зависимости от его начертания . Например , в пропорциональном шрифте заглавная "W" заним ает больше места в строке по горизонтали , чем прописная "I". Такие гариниту ры , как : Times, Helvetica и Arial являются примерами пропорцион альных шри ф тов. Web-браузеры для большинства текстов на Web-странице , включая основной текст , заголовки , списки , цитат ы и т . д ., используют пропорци о нальные шрифты . Как правило , большие отрывки осно вного текста удобнее читать , когда они нап ечатаны пропорциональными шрифтами . Поскольку бол ьшинство пользователей не имеют времени замен ить шрифты , устано в ленные по умолчанию , с большой в ероятностью можно предположить , что текст на вашей странице будет отображен шрифтом Times размером 10 или 12 пунктов (по умолчанию в Netscape) или Helvetica (по умолчанию в Microsoft Internet Explorer). Но это вс его лишь общее правило. Шрифт с ф иксированной шириной пре доставляет одинаковое место для всех символов шрифта . Заглавная "W" занимает не больше мес та , чем прописная "I". Примерами шрифтов фиксиров анной ширины являются га р нитуры Courier и Monaco. В Web-браузерах шрифт ы фиксированной ширины используются для отображения любого текста внутри следующих HTML-тегов : <рге >, , , ,, <хтр >. Поскольку многие люди не меняют настр ойку шрифтов , установле н ную по умолчанию , текст , находящийся в указанных тегах , будет выведен одним из ш рифтов типа Courier. Текст в изображениях . Дизайнеры быстро поняли , что самый ве р ный способ абсолютного контроля над шрифтами – помести ть текст в изо б ражение . Можно часто видеть заголовки , подзаголовки и объявления , выпо л ненные в виде файлов GIF. Многие We b-страницы представлены исключ и тельно в графике , которая содержит внутри себя весь текст страницы. Преимущества использования графики вместо HTML-текста абс о лютно очевидны : – можно определять тип шрифта , размер , интерлиньяж , промежуток между буквами , цвет и выравнивание – все атрибуты , котор ые вызывают сложности только в HTML; – ваша страница будет одинакова при выводе во всех графических браузерах. Но у этого метода имеется ряд нед остатков : – изображение загружается дольше , чем текст , т.к . графические фа й л ы обычно на несколько порядков больше , чем HTML-тексты , имеющие то же содержание ; – в неграфических браузерах содержание утрачивается . Пользоват е ли , которые не могут (или не х отят ) просматривать графику , не увидят и т е к ста . Альтернат ивный текст (использует ся атрибут Alt) на месте графического изображения помогает , но е го возможности ограничены и это не всегда надежный способ отождествления отсутствующей графической информации ; – информацию , находящуюся в изображении , нельзя индексировать или организовать ее поиск . В результате исключаются из документа важные части информации. Размер шрифта . Обычно ра змер шрифта определяется в пунктах (72 пункта (пт ) = 1 дюйм высоты шрифта ) но , к сожалению , эти размеры не д о статочно точно переводятся между платформами . Отчаст и это происходит потому , что их операционные системы управ ляют дисплеями с различными разрешениями . Обы чно Windows использует разрешение экрана 96 т о чек /дюйм , a MacOS – 72 точек /дюйм . Мониторы MultiScan допускай более высокое разрешение. Шрифт на экран е ди сплея Мас intosh имеет точно такой же размер , как и при печати (например , 12 пт Times на экране выглядит так же , как 12 пт Times на бумаге ). Для шрифтов Microsoft подобное соглашение не выполняется , и ра з мер шрифта при выводе на экран бо льше , что облегчает чтение с дисплея . В результате шрифт размером 12 пт на Windows б ольше похож на печатный шрифт в 16 пунктов . Чтобы получить на Windows печатный размер 12 пт , вам нужно выбрать размер шрифта 9 пунктов (но тогда пользователи компьют е ров Мас intosh увидят текст почти неразборчивым , так как он буд ет отобр а жен шрифтом размером всего 6,75 пт ). 1.5. Представление графики на Web-страницах На данный момент почти все изображения в Web, представле ны в двух форматах : GIF и JPEG. Третий соперник , заслуживающий упомина ния , формат PNG, борется за поддержку и внимание браузеров . Далее – краткий обзор "большой тройки " онлайно вых графических форматов . Более подро б ная информация представлена в главах , посвящен ных каждому из форматов. GIF . GIF – Grafic Interchange Format мож но назвать традицион ным форматом файлов Web. Он был первым формат ом файлов , который подде р живался Web-браузерами , и по сей день продолжает оставаться основным графически м форматом Web. Его свойст ва состоят в следующем : – поддерживает не более 256 цветов (м еньше можно и часто нужно ); – использует палитру цветов ; – использует сжатие без потери инфор мации по методу LZW (кот о рый подобен применяемому в архиваторе PKZIP, и , следовательно , GIF-файлы в дальнейшем пр актически не сжимаются ); – поддерживает чересстроч ную разверт ку ; – является поточным форматом , т.е . пок аз картинки начинается во время перекачки ; – позволяет назначить одному из цвет ов в палитре атрибут прозра ч ный , что применяется при создании так называемых прозрачных GIFов ; – имеет возможность сохранени я в одном файле нескольких изобр а жений , что находит свое применение при изготовлении анимированных GIFо в ; – поддерживает возможность вставки в файл управляющих блоков , которые позволяют вставлять комментарии в файл (например , об авторских правах ), осуществ лять задержку м ежду показами изображений и т.д. А теперь немножко разъяснений – к чему эти свойства могут прив е сти . Как мы написали , GIF поддерживает не больше 256 цветов , а это зн ачит , что все изображения , которые мы сохр аняем в GIF-формате , явно или неяв но уменьшают количество цветов , чтобы уложиться в этот лимит (разные пр о граммы с разным успехом ). А отсюда вывод – если у взять красивую фот о графию с плавными переходами и едва уловимыми отт енками цвета , то после преобразования все будет гораздо хуже – отт енки переста нут быть неулов и мыми , и вся фотография приобретет неес тественный , нереалистичный вид . Поэтому , если н адо все-таки сохранить фотографию в формате GIF и пер е дать все оттенки , то приходится идти на хитр ости . Например , к фотографии можно применить какой-нибудь художественный фильтр и прев ратить ее в рисунок или применить тониров ание . Зато нет никаких проблем с сохранен и ем рисунков и чертежей в этом формате , они , как прав ило , хорошо сжимаю т ся и не содержат много цветов. JPEG . Вторым наиболее популярн ым гр афическим форматом в Web является JPEG – Joint Photographic Experts Group. О н содержит 24-разрядную информацию о цвете . Это 16,77 млн цветов в отличие от 256 цветов формата GIF. В JPEG используется так называемое сжат ие с потерями . Это означает , что н екоторая информация об изображениях в процессе сжатия отбрасывае т ся , но в большин стве случаев ухудшение качества изображения не наносит вреда и часто даже не заметно. Фотографии или любые изображения с пл авными градациями цветов лучше всего сохранят ь в JP EG-формате , потому что он предла гает более в ы сокое качество изображений , умещающихся в файл меньшего объема . Тем не менее , JPEG не является лучшим решением для графических изображений с одноцветными областями , поскол ьку этот формат имеет тенденцию испе щ рят ь цвета крапинками и конечный файл , как правило , б удет несколько больше , чем GIF-файл для того же изображения. PNG . Есть еще т ретий графический формат , конкурирующий за п о стоянное исполь зование в Web. Это формат PNG – Portable Network Graphic, который , нес мотря на некоторые достоинства , с 1994 г . находится более или менее в тени . Только недавно браузеры начали поддерживать PNG как встр о енную графику , но PNG имеет все шансы стать оч ень популярным форматом в Web. Именно поэтому он включен здесь в "большую тро йку ". PNG может поддерживать 8-разрядные индексированные цвета , 16-разрядные полутона или 24-разрядные полноцветные изображения , используя схему сжати я без потерь . Это обеспечивает более высок ое качество изображений , а иногда и меньши й объем файлов по сра в нению с форматом GIF. Кроме того , файлы PNG имеют некот орые замечательные функции , например , встроенное управление коэффициентом гамма , и изменяемые уровни прозрачности (это позволяет показывать рисунок фона сквозь отбрасываемые мягкие тени ). Разрешение и размер файла изображений . Поскольку изображения Web существуют только на экране дисплея , будет технически правильно и з мерять их разрешение в пикселах на дюйм (ppi – pixels per inch). Другая ед и ница измерения разрешения – количество точек на дюйм (dpi – dot s per inch) относится к разрешению печатны х изображений и зависит от разрешения п е чатающег о устройства. Но , так как реальные размеры графики зависят от разреш ения ди с плея , измерение в дюймах становится для Web-окружен ия неприемлемым . Единственной значимой едини цей измерения становится пиксел. Практично создавать изображения с разреше нием 72 ppi (это лучший вариант для представления на экране ), обращая внимание только на общие размеры в пикселах . В процессе со здания графики на Web можно вообще не исполь зоват ь дюймы . Важен размер изображения по сравнению с другими изображениями на странице и общего размера окна браузера. Например , многие пользователи по-прежнему используют 14-дюймо-вые дисплеи с разрешением 640x480 пикселов . Чтобы гарантировать запо л нение граф ической з аставкой всего пространства экрана , лучше сде лать его шириной не более 600 пикселов (учиты вая , что часть пикселов справа и слева будет использована для окна и для поло сы прокрутки ). Размер остальных кнопок и и зображений на странице следует измеря т ь в пикселах относител ь но бане pa, имеющего ширин у 600 пикселов. Размер файла . Без сомне ния , именно графика сделала Web таким , каким мы его видим сегод ня , но как дизайнер вы должны знать , что многие пользователи испытывают к графике в Web чувство на грани любви и нен а висти . Не стоит забывать , чт о графика увеличивает время , необходимое Web-стр анице для передачи по сети ; большой объем графики означает существе н ное время загрузки , которое испытывает терпение читателя , особенно если он дозванивается с использов ани ем стандартного модемного соединения. В этом отношен ии для Web-дизайнера существует единственное наи более важное правило : размер файла графическо го изображения должен быть минимально возможн ым ! Создание изображений , предназначенных для передачи по сети, возлагает ответственность на разработчиков серьезно о т носиться к проблеме вре мени загрузки. 1.6. Web-серверы В большинс тве случаев невозможно избежать прямого конта кта с сервером , даже если речь идет о простой загрузке файлов . По этой причине все диза йнеры должны обладать базовы ми знаниями о серверах и их работе . По меньшей мере , это поможет более четко общаться с администратором сервера . Если ес ть разрешение для более широкого доступа к серверу , можно решать определенные задачи самостоятельно , без по с торонней пом ощи. Сервер – это любое управляющее компьютером программ ное обесп е чение , которое дает ему возможность выполнять з апросы на документы или другие данные . Про граммы , которые запрашивают и отображают доку менты (такие как браузер ), называются клиент ами . Термины "на стороне сервера " и "на стороне клиента ", используемые , например , пр и работе с картами-изображениями , относятся к той машине , которая руководит процессом . Функции на стороне клиента выполняются на машине пользователя , функции на стороне се р вера – на удаленной машине. Web-серверы отвечают на запросы браузеров (клиентских программ ), на ходят заданные файлы (или выполняют сценарий CGI) и возвращают до кумент или результаты сценария . Web-браузеры и серверы общаются по пр о токолу Hypertext Transfe r Protocol (HTTP, протокол пер едачи гипер текста ). Программное об еспечение серверов . Большинство серверов раб о тают на пл атформе Unix. Именно поэтому в мире Web по-прежнему испол ь зуется терминология системы Unix. В процессе рабо ты понадобится выучить нескол ько Unix-команд . Однако процент серверов Windows NT, Windows 95 и даже MacOS п остоянно увеличивается . Некоторые серверные пакет ы пре д лагают графический интерфейс в качестве альтернативы управлению из к о мандной строки Unix. Вот некоторые известные серверы : NCSA Server, Apache, CERN, Netscape Servers, Internet Information Server (IIS). Сегодня большинство серверов (пр иблизительно 70%) работают на Apache или его предшеств еннике NCSA. Конкретный тип сервера не влияет на большую часть того , что делает дизайне р , например , на создание графики или разработку базовых HTML-файлов . Конечно , он будет влиять на более совершенные методы созда ния Web-сайтов , такие как Server Side Includes (серверные включен ия ), добавление типов MIME и Web-страницы , управл я емые базами дан ны х. Корневой каталог . Когда браузер запрашивает доку мент , сервер определяет местонахождение документа , начиная с корневого каталога док у мента . Это каталог , который был сконфигурирован для хранения всех док у ментов , совместно используемых посредством Web. Он не обязател ьно поя в ляется в URL, который указывает на документ , поэтому важно знать , какой каталог является корневым при загрузке файлов . Индексные файлы . Прямой слэш (/) в конце URL озн ачает , что URL обращается к каталогу , а не к файлу . По умолчанию серве ры отобр ажают с о держан ие каталога , указанного в URL. Большинство сервер ов , однако , ско н фигурированы так , чтобы отобра жать особый файл вместо списка каталога , этот файл называется индексным . Индексные файлы обычно имеют имя index.html, но на некоторых серв е рах они могут называться welcome.html или default.html. Если сервер сконфигурирован на нахождение индексного файла и не обнаруж ивает его , вместо него может быть отображе но содержание каталога , но это делает файл ы уязвимыми для посторонних . По этой причи не неплохо всегда называть одну из страниц (обычно главную ) в каждом каталоге index.html (или другим условленным именем ). Заголовки отклика HTTP . Как только сервер определяет местора с положение файла , он посылает содержимое этого файла обрат но браузеру вместе с некоторыми заголов ками отклика HTTP (response headers). Эти заг о ловки обеспечивают браузер инфор мацией о прибывающем файле , включая его ти п данных (также известный как "тип содержи мого " или "тип MIME"). Обычно сервер определяет формат по расширению файл а ; например , файл с расширением .gif распознается как файл изображения. Браузер читает информацию в заголовке и определяет , что делать с файлом . Он может отобразить файл в окне либо запу стить соответствующее вспомогательное или встраи ваемое приложение (plu g-ins). Сценарии CGI . Вместо того чтобы обращаться к файлам HTML, URL может потребовать запустить программу CGI. CGI расшифровывае тся как Common Gateway Interface (общий шлюзовой интерфейс ). Он позволяет Web-серверу общаться с другими прог раммами (сценария ми CGI), которые работают на сервере . Сценарии CGI обычно пишут на языках Perl, С или C++. Сценарии CGI используют для выполнения разно образных функций , таких как поиск , управление картами-изображениями на стороне сервера , и г ры . Однако н аиболее типичное ис пользование сценариев – обработка форм. Большинство администраторов серверов придерж иваются правила хранить сценарии CGI в специальн ом каталоге , озаглавленном cgi-bin (с о кращенно от CGI-binaries). Когда о ни хранятся в одном каталоге , админ и страторам проще управ лять сервером и обеспечивать его безопасность . Если сценарий CGI запрашивается брау зером , сервер исполняет функцию и во з вращает браузеру д инамическое содержимое. Использование SSI . SSI – Server Side Includes или , по-русски , – включения на сторо не сер вера . SSI – это директивы , вставля емые прямо в HTML-код и служащие для пере дачи указаний Wев-серверу . Встречая такие дирек тивы , которые называются SSI-вставками , Web-сервер и нтерпретирует их и выполняет соответствующие действия . Например : вставка HTML-фра г мента из другого файла , динамическое формирование страничек в зав и симости от некоторых переменных (например , типа браузера ) и другие не менее прия тные вещи. Преимущества SSI проявляются , когда нам нужн о поддерживать д о статочно большой по объему сайт , имеющ ий определенную структуру и п о вторяющиеся элементы кода на всех страничках . При применении серверных включений сайт удобно рассматривать как состоящий из отдельных блоков , каждый из которых отвечает за свою часть ст ранички . Эти блоки практич е ски неизменны и повторяются от страницы к странице . В эти блоки можно вынести такие элементы странички как : главное меню , рекламные вставки , повторяющиес я элементы оформления страничек и т.д . Физ ически эти блоки представляют собой просто HTML-файлы , содержащие часть ко д а , н ужную для выполнения их задачи. Для того , чтобы сервер знал , что ст раничка не обычная , а содержит SSI-директивы , она имеет специальное расширение : *.shtml или *.shtm, нал и чие которого и заставляет Web-сервер предварительно обрабатывать стр а нички . Во общ е-то , расширение может быть любое – в зависимости от конф и гурации Web-сервера , но в основно м применяется именно *.shtml. Полная страничка формируется Web-сервером на лету , собирая код странички из таких вот блоков . Для того , чтобы указать сервер у , какой бл ок нужно вставить и в каком месте странички , используется специальная форма записи в виде комментария . Например , вот такая : ЛИС ТИНГ ФАЙЛА MYGUEST.HTML GuestBook Р Е Ц Е Н З И Я на дипломную работу студента 5 курса дневного отделения механико-математического факультета СамГУ Кондрахина Сергея Сергеевича "П РОЕКТИР ОВАНИЕ И СОЗДАНИЕ СОВРЕМЕННОГО WEB-С АЙТА " Тема дипломной работы студента Кондрахина С.С . является актуал ь н ой и практически важной , т.к . она представл яет собой попытку практич е ской реализации новых Интернет-технол огий , предназначенных для прое к тирован ия и создания сов ременных Web -сайто в. Результаты дипломной работы Кондрахина С. С . выгодно отличаются от многих подобных р азработок тем , что в их основе лежит к омплексный по д ход по выбору программного инструментария , в качестве которого выступает мощный па кет разработок Web -страниц – Macromedia Flash 5.0, а также гр а мотно подобранная ст ратегия построения Web -сайта . По материалам д и пломной работы видно , что Кондрахин С.С . потратил на решение этих в о просов немало времени и труда и , можно сказать , его усилия п олностью ок у пились . Прототип созданного им Web -сайта предст авляет собой высокопр о фессиональную реализацию самых передовых идей и технологий в области Web -дизайна. В качестве недостатка данной дипломной работы можно отметить пока еще не ре шенный до конца в опрос относительно п редставления демо-версии Web-сайта на одном из видов носителей без какой-либо инсталляции на ко м пьютере дополнительного программного обеспечения. В целом рецензируемая работа студента Кондрахина Сергея Сергеевича полностью соответ ствуе т всем требованиям , предъявляемым к дипломным работам , и заслуживает оценки " отлично ". Ре цензент, Г.И.МЕЛКОВ первый проректор СМИУ, 25 июня 2001 г. к.т.н ., доцент ПРОЕК ТИРОВАНИЕ И СОЗДАНИЕ СОВРЕМЕННОГО WEB-САЙТА Гл обальная компьютерная сет ь Интернет разви вается очень стрем и тельно . Быстро растет количество изд аний , посвященных Сети , что предв е щает широкое ее распро странение даже в далеких от техники облас тях в ближайшем будущем . Уже сейчас благодаря благотворительной акции нефтя ной компании "Юкос " на территории Росс ии создано порядка десяти региональных центро в Интернет-образования (до конца 2001 года их будет создано около 50) в том числе и в Самарской области . Их целью которых я в ляется пропаганда и внедрение Интернет-технологий во все сфер ы росси й ской системы образования. По прогнозам сп ециалистов через десять лет около 50 процентов с е мей (безусл овно , пока лишь в развитых странах ) будут ежедневно польз о ваться услугами Интернета . Это будет в ремя , когда любой человек , владе ю щий компьютером , см ож ет "скачать " с его помощью статьи , иллюстра ции , видео - или аудиоинформацию по любой и нтересующей его теме . Он сможет получить э ту информацию тогда , когда он этого пожела ет . Через какое-то время системы искусственног о интеллекта – параллельный машинный п е р е во д , а также идентификация и распознавание г олоса сломают последние национальные и языков ые барьеры и сделают возможным свободный тран с национальный обмен информацией. Каждый из нас уже сейчас может сделать свой вклад в развитие Internet. Для этого достат очно соз дать свой веб-сайт и разместить его в Сети . Но как это сделать ? Ответ на данн ый вопрос я и попробовал дать в этой р а боте. Хотелось бы обратить ваше внимание на следующие стороны моей работы .: Актуальность . В во просе разработки и создания Web -стран иц в сети И нтернет накоплен огромный багаж различных мет одов , способов и технол о гий , многие из которых , к сожал ению , сейчас уже являются условно прим е нимыми . Дело в то м , что обновление аппаратного оборудования го д от года только прогрессирует , причем с нар астающими темпами (до сих пор пока еще действуют эмпирические законы америк анского специалиста в области компьютерной те хники Мура – каждые полтора года мощност ь микропр о цессоро в удваивается , и каждый год стоимость комп онентов персонального компьютера сниж ается вдвое ). Поэтому представляется актуальным и пра к тически важны м рассмотреть проблему проектирования Web -сайта в совр е менных условиях с использованием всего спектра достижений , на копленных в данной области. Новизна . При создании Web -сайта использовался современный пакет Macromedia Flash 5.0, использование кото рого всегда являлось прерогативой профессиональн ых разработчиков. Целью работы является изуче ние методической и прикладной лит е ратуры по проблемам прое ктирования и создания Web -страниц , обобщение о пыта работ ы опытных разработчиков , программистов и Web -дизайнеров , а также выбор оптимальной стратегии , методов и приемов создания личного или корпоративного Web -сайта , воп лощающего все известные на сегодня ш ний день передовые идеи и технологии. В процессе достижения поставленной в дип ломной работе цели необходимо было решить ряд следующих частных задач : – ознакомиться с современными Интернет-т ехнологиями и , по во з можности , использовать их в своей разработке ; – изучить программный инструментарий , пр именяемый для разрабо т ки и создания Web-сайтов ; – выявить и учесть методы и спос обы представления на Web-страницах различных вид ов информации , не препятствующие их доступн о сти ; – ознакомиться с основными правилами и рекомендациями по разр а ботке и созданию Web-сайто в и неукоснительно следовать им в своей пра к тике ; – определиться со структурой Web-страниц ; – выбрать стра тегию разработки и создания Web-сайта. На данном плака те представлена таблица сравнительных характерис тик поддержки браузерами веб-технологий . К чис лу его основных отличительных осо бенностей можно отн е сти следующее : · маленький разм ер файлов с кодами Web-страниц (их листинг пр и веден в приложении ), что обеспечивает их быструю загру зку из Сети на кл и ентской машине ; · векторный форм ат используемой граф ики , сжатые форматы рас т ровых и звуковых файлы , что так же положительно влияет на уменьшение размера Web-страниц и времени их скачивания по каналам Сети ; · отсутствие про блем совместимости с различными браузерами , н апример такими широко распространенными , как Internet Explorer и Netscape Navigator; · автоматическая поддержка anti-aliasing (сглаживание контуров с помощью смешения соседних цветов ), что значительно у лучшает эстетич е с кое восприятие использованной графики ; · гибкость , открытость и модифициру емость при помощи простых средств. К числу имеющихся недостатков можно о тнести следующее : · необходимость овладения идеологией и средствами Macromedia Flash 5.0 – со временным профессиональным инструментарием создания Web-страниц ; · вынужденность использ ования для существующих версий бра уз е ров (пока е ще не выпущены их обновленные версии ) подк лючаемого модуля-проигрывателя (Flash Java Player) для адекватного просмотра Flash-страниц. Методика п роцесса разработки и создания Web-сайта , использ ова н ная в дан ной работе , была опробована и исследован а в реальных условиях моей профессиональной деятельности и показала свою работоспособнос ть и эффективность. Таким образом , материалы дипломной работы показывают , что п о ставленные в ней задачи , сформулирова нные выше во в ведении , полностью решен ы. О Т З Ы В на дипломну ю работу студента 5 курса дневного отделения механико-математического факультета СамГУ Кондрахина Сергея Сергеевича "ПРОЕКТИРОВАН ИЕ И СОЗДАНИЕ СОВРЕМЕННОГО WEB-САЙТА " Тема д ипломной работы студента Кон драхина С.С . является актуальной и практически важной , п оскольку ориентирована на освоение и внедрени е в профессиональную практику новых сетевых Интернет-технологий , а именно – современных инструментальных средств разработки и создан ия перспе к тивных Web-са йтов , обладающих рядом существенных преимуществ по сравнению с теми , которые разрабатываются с помощью традиционных те х нологий , базирующихся на использовании HTML-редакторов (уровня NotePad и ему подобных ). Результаты , достигнутые Кондрахиным С.С . в его д ипломной работе , выражаются в том , что он реализовал с помощью пакета Macromedia Flash 5.0 прототип Web-сайта , который наряду со многими традиционными функци о нальными возможностями обладает прив лекательным интерфейсом , выпо л ненном на действительно професси ональном уровне , что является особенно значимым , т.к . сочетание в лице одного уз кого специалиста навыков пр о граммирования и дизайнерского вку са делает его по-настоящему ценным специалист ом в области Web-дизайна. Следует отметить , что Кондрахин С.С . п ровел очень большую изыск а тельскую работу , связанную с изучением и анализом существующих Инте р нет-технологий в сфере проектирования и создания Web-сайтов , а также того программного инструментария , кот орый используется опытными разрабо т чиками в этих целях . Остан овив свой выбор на системе Macromedia Flash 5.0, он самостоятельно освоил ее и приобрел навыки уверенной работы в этой среде. К недостатку данной дипломной работы , который , по сути , является следствием ее достоинств , можно отнести то , что современна я сист ема Macromedia Flash 5.0 не позволяет простыми средствами размещать локал ь ную демо-версию Web-сайта на носителе , абстрагированном от операцио н ной системы компьютера , т.е . – без дополнительной инсталляции соотве т ствующего программного обеспечения. В целом дипломная работа Кондрахина Сергея Сергеевича соотве т ствует предъявляемым требованиям , заслуживает оценки "отлично " и может быть допущена к защите. Научный руководитель , В. А.Игнатьев доцент кафедры ВМиИ 8 июня 2001 г. СамГУ , к.ф.-м.н ., доц ент
1Архитектура и строительство
2Астрономия, авиация, космонавтика
 
3Безопасность жизнедеятельности
4Биология
 
5Военная кафедра, гражданская оборона
 
6География, экономическая география
7Геология и геодезия
8Государственное регулирование и налоги
 
9Естествознание
 
10Журналистика
 
11Законодательство и право
12Адвокатура
13Административное право
14Арбитражное процессуальное право
15Банковское право
16Государство и право
17Гражданское право и процесс
18Жилищное право
19Законодательство зарубежных стран
20Земельное право
21Конституционное право
22Конституционное право зарубежных стран
23Международное право
24Муниципальное право
25Налоговое право
26Римское право
27Семейное право
28Таможенное право
29Трудовое право
30Уголовное право и процесс
31Финансовое право
32Хозяйственное право
33Экологическое право
34Юриспруденция
 
35Иностранные языки
36Информатика, информационные технологии
37Базы данных
38Компьютерные сети
39Программирование
40Искусство и культура
41Краеведение
42Культурология
43Музыка
44История
45Биографии
46Историческая личность
47Литература
 
48Маркетинг и реклама
49Математика
50Медицина и здоровье
51Менеджмент
52Антикризисное управление
53Делопроизводство и документооборот
54Логистика
 
55Педагогика
56Политология
57Правоохранительные органы
58Криминалистика и криминология
59Прочее
60Психология
61Юридическая психология
 
62Радиоэлектроника
63Религия
 
64Сельское хозяйство и землепользование
65Социология
66Страхование
 
67Технологии
68Материаловедение
69Машиностроение
70Металлургия
71Транспорт
72Туризм
 
73Физика
74Физкультура и спорт
75Философия
 
76Химия
 
77Экология, охрана природы
78Экономика и финансы
79Анализ хозяйственной деятельности
80Банковское дело и кредитование
81Биржевое дело
82Бухгалтерский учет и аудит
83История экономических учений
84Международные отношения
85Предпринимательство, бизнес, микроэкономика
86Финансы
87Ценные бумаги и фондовый рынок
88Экономика предприятия
89Экономико-математическое моделирование
90Экономическая теория

 Анекдоты - это почти как рефераты, только короткие и смешные Следующий
- Поедем ко мне?
- Нет.
- Хочу сказать, что нимфоманка вы так себе.
Anekdot.ru

Узнайте стоимость курсовой, диплома, реферата на заказ.

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

Смотрите также:


Банк рефератов - РефератБанк.ру
© РефератБанк, 2002 - 2016
Рейтинг@Mail.ru