Главная
База знаний "Allbest"
Программирование, компьютеры и кибернетика
Основные правила и этапы создания Web-сайтов
Основные правила и этапы создания Web-сайтов
Понятие и виды Web-хостинга. Анализ рынка хостинговых компаний. Языки Web-программирования: HTML, PHP, Water, Clear Methods Steam. Web-дизайн и браузеры. Возможности современных визуальных HTML-редакторов. Создание сайта "Каталога хостинговых компаний".
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | курсовая работа |
| Язык | русский |
| Дата добавления | 15.01.2012 |
| Размер файла | 537,6 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Размещено на http://www.allbest.ru/
ВВЕДЕНИЕ
В наши дни все более широкое распространение в мире получают информационные сети - объединение компьютеров с помощью коммуникаций. Глобальная компьютерная сеть Интернет лавинообразно растет. Ежемесячное число пользователей глобальной компьютерной сети увеличивается. В связи с тем, что человеческая цивилизация вступила в эру информации, наблюдаются существенные изменения в окружающей нас среде, технологиях производства и потребления материальных благ. Компьютерные и телекоммуникационные технологии проникают в науку, культуру, образование, экономику и политику. Интернет отражает разнообразие жизни человечества: досуг, общение , информационный сервис и все виды профессиональной деятельности. Сеть становится нужной всем - вне зависимости от профессии и возраста.
Интернет уверенно завоевывает себе права общепризнанного средства массовой коммуникации и оказывает постепенно возрастающее влияние на формирование мировоззрения общества. В сети сегодня уже так много информации, что практически можно получить ответ на любой вопрос. Сеть сама по себе так устроена, что в ней нет тех коммуникационных барьеров, с которыми мы часто сталкиваемся в реальности. Именно поэтому она приобрела роль всемирного хранилища информации и превратилась в средства массовой коммуникации. Пользователи сети не только берут информацию, но и постоянно наполняют ее различными информационными ресурсами. Люди считают нормальным отдать свои знания другим. Пришло время, когда уже нет смысла таить информацию, - намного полезней и эффективней свободно обмениваться ею. На этом новом стандарте человеческого взаимодействия и построены беспредельные информационные возможности Интернета. Человечество свободно отдает свое знание в сеть и становится от этого информационно богаче.
Вместе с этим возникает потребность в структурировании информации, которая присутствует в интернете. Создаются поисковые машины, различные каталоги интернет-ресурсов, способствующие облегчению поиска нужной информации на просторах интернета. Отличие каталогов от поисковых систем в том, что каталоги по своей сути являются статичными, то есть информация, внесённая в них однажды не изменяется, и чаще «узкоспециализированы», то есть хранят информацию одного какого-то вида. Каталоги намного проще устроены чем поисковые системы но тоже зарекомендовали себя как удобный инструмент для поиска нужной информации.
Поэтому цель моей дипломной работы - изучить технологию и правила создания Web-сайтов и разработать сайт интернет-каталога хостинговых компаний.
Для достижения этой цели были поставлены следующие задачи:
- ознакомиться с современными Интернет-технологиями;
- изучить программный инструментарий, применяемый для разработки и создания Web-сайтов;
- рассмотреть языки Web-программирования: HTML, PHP, Water, Clear Methods Steam.
- рассмотреть возможности современных визуальных HTML-редакторов.
- выявить и учесть методы и способы представления на Web-страницах различных видов информации, не препятствующие их доступности;
- ознакомиться с основными правилами и рекомендациями по разработке и созданию Web-сайтов и по возможности следовать им в своей практике.
ГЛАВА 1. WEB-ХОСТИНГ
1.1 Понятие и виды Web-хостинга
Хостинг -- услуга по предоставлению дискового пространства для физического размещения информации на сервере, постоянно находящегося в сети (обычно Интернет).
Обычно под понятием услуги хостинга подразумевают как минимум услугу размещения файлов сайта на сервере, на котором запущено ПО, необходимое для обработки запросов к этим файлам (веб-сервер). Как правило, в услугу хостинга уже входит предоставление места для почтовой корреспонденции, баз данных, DNS, файлового хранилища и т. п., а также поддержка функционирования соответствующих сервисов.
Хостинг баз данных, размещение файлов, хостинг электронной почты, услуги DNS могут предоставляться отдельно как самостоятельная услуга либо входить в понятие услуги хостинга.
Самый простой вид хостинга - виртуальный хостинг (Virtual Hosting). Зачастую его называют просто хостингом. В этом случае используются возможности веб-сервера по поддержанию нескольких сайтов на одном компьютере. Как правило, в этом случае пользователю предоставляются лишь основные возможности: загрузка содержимого сайта на сервер и базовые возможности по управлению им. Более дорогие пакеты виртуального хостинга могут также предоставлять поддержку динамических сайтов, возможности по созданию небольших баз данных, услуги почтового сервиса и так далее.
Более продвинутый вид хостинга - виртуальный сервер (Virtual Collocation, Virtual Server, Virtual Dedicated Server и т. д.). В этом случае на одном компьютере при помощи специального ПО запускается несколько копий операционной системы. Для пользователя виртуальный сервер выглядит как обычный компьютер, стоящий на площадке хостера, доступ к которому осуществляется при помощи программы удаленного доступа (под Windows это обычно встроенный Remote Desktop). Как правило, такой сервер уже настроен для обеспечения базовых функций работы в качестве интернет-сервера: веб-сервер, почтовый сервер, FTP-сервер, сервер баз данных и так далее. Пользователь по желанию может устанавливать и другое ПО. Например, сервер голосовой связи, сервер "1С: Бухгалтерии" и так далее. Следует помнить, что при этом ресурсы одного физического сервера распределяются на многих пользователей. Поэтому производительность ресурсоемких приложений может оставлять желать лучшего.
В случае если пользователю нужен полный контроль над ресурсами сервера, хостеры предлагают услугу установки выделенного сервера (Dedicated Server). Фактически пользователь получает в аренду компьютер, установленный на площадке хостера. Выгоды такого подхода заключаются в том, что заказчику услуги не нужно морочить голову с поиском и подбором аппаратуры, установкой системы, созданием канала до хостера, обеспечением надлежащих технических условий для сервера (бесперебойного питания, климат-контроля, охранной сигнализации и пр.), развертыванием системы резервирования и так далее. Кроме того, не нужно выкладывать единовременно крупную сумму на осуществление всех предыдущих пунктов.
В отдельных случаях (особенно при долгосрочных проектах) бывает выгоднее купить сервер и разместить его на площадке хостера. Такой вид услуг называется коллокейшн (Collocation).
1.2 Анализ рынка хостинговых компаний
Долгое время платный хостинг у многих ассоциировался с заоблачной стоимостью и недоступностью для частого пользователя. Он преимущественно использовался корпоративными пользователями, да и то не всеми, а только теми, кто был способен регулярно нести расходы на поддержку сайта, перерегистрацию домена. Кроме того, немногие компании могли позволить себе создавать крупные корпоративные сайты - для этого требовалось привлекать сторонних web-разработчиков.
Частным же пользователям это было просто не нужно в связи со слабой развитостью инфраструктуры рунета. Ситуация начала резко меняться в конце 2001 - начале 2002 года, когда пользование Интернетом получило большую популярность среди россиян, а значит, и выросла целевая аудитория пользователей сайтов. Web-дизайн и HTML-программирование стало популярным в кругах любителей, а компании смогли создавать себе сайты своими силами. При таком обилии желающих использовать хостинговые услуги цены на платный хостинг оставались все еще достаточно внушительными, поэтому большинство частных проектов находило пристанище на бесплатных хостингах, число которых неуклонно росло.
На тот момент на рынке "правили" столпы платного хостинга типа компании Zenon, которые считались неоспоримыми лидерами. Но к началу 2002 года на российском рынке появилось множество маленьких начинающих компаний, которые стали предлагать те же услуги по гораздо более низкой цене. И как оказалось, вскоре они очень быстро заняли свою нишу, и их рыночная доля стала стремительно расти. И весь поток физических лиц, которые не могли ранее хоститься в крупных компаниях, попал в эту долю.
На данный момент на рынке web-хостинга произошла некая стабилизация, но цены на услуги все же время от времени падают. Компаний на этом рынке оказалось так много, что сейчас некоторые из них просто вынуждены постоянно проводить рекламные акции, использовать демпинговые цены, чтобы одолеть конкурентов. На данный момент владение рынком (Top'10) распределяется следующим образом: 14-е место занимает компания "Совинтел", 18-е - WebPlus, 21-е - петербургская компания Majordomo, 29-е - питерская SpaceWeb, 30-е - Peterhost, 39-е - московская компания eServer. Этот рейтинг составлен по данным NetStat.ru и Ru-Hosting.ru. Впрочем, доля на рынке вовсе не говорит о ценах или качестве предоставляемых услуг. Отрадно видеть, что петербургские компании занимают равную, а то и большую долю рынка хостинга. Зато очень интересным фактом является то, что питерская компания ValueHost, которая появилась только три с небольшим года назад, уже имеет самую большую долю рынка.
|
Доля рынка |
Провайдер |
Город |
|
|
6.11% |
ValueHost |
Санкт-Петербург, Москва |
|
|
4.64% |
Zenon N.S.P. |
Москва |
|
|
2.82% |
Мастерхост |
Москва, Санкт-Петербург |
|
|
1.78% |
Караван-Интернет |
Москва |
|
|
1.48% |
Net.Ru |
Санкт-Петербург |
|
|
1.4% |
100mb.ru |
Москва |
|
|
1.1% |
MTW-хостинг |
Москва |
|
|
1% |
Highway.ru |
Москва |
|
|
0.87% |
Users.Ru |
Москва |
|
|
0.86% |
Agava Hosting |
Москва |
1.3 Критерии оценки хостинга
Первый шаг - это определение допустимого диапазона цен на хостинг-услуги. Как правило, при оплате хостинга за год вперед, а не помесячно, абонентская плата снижается. Очень выгодно платить за хостинг во время различных акций. В то же время, следует быть осторожным, так как при снижении цен за хостинг обязательно вырастет стоимость чего-либо другого. Также важно, чтобы компания предоставляла возможность получения и поддержки бесплатного домена второго уровня на срок оплаты хостинга. Эти услуги сами по себе независимы и оплачиваются отдельно, просто многие компании при покупке услуг хостинга снижают цену за регистрацию домена до нуля. Регистрация (делегирование) домена осуществляется на срок от 1 месяца до 2 лет. Продление регистрации стоит меньше, чем регистрация, поэтому при выборе провайдера, предоставляющего домен бесплатно на срок первой оплаты хостинга, поэтому следует обратить внимание, сколько будет стоить продление регистрации домена. Далее будут рассматриваться только хостинги с бесплатным доменом.
Таблица 1. Сравнение наиболее выгодных тарифов хостинга сайтов среднего класса
Определяясь с абонентской платой, следует обратить внимание на количество поддерживаемых доменов разных типов. У каждого провайдера эти данные называются по-своему, особенно в таблицах, что может легко запутать каждого. При регистрации клиенты получают регистрационный аккаунт. В дальнейшем все операции с доменами осуществляются "внутри" этого аккаунта. Итак, существуют домены, называемые мультидоменами, которые указывают на разные папки (сайты) вашего домена. Их порой называют сайтами. Каждому сайту может соответствовать одно или более доменных имен, указывающих на одну и ту же папку в аккаунте. В таком случае, первое доменное имя (основное) называется доменом, а остальные - доменными алиасами (иногда их тоже называют доменами). Также есть возможность припарковать домены. Это значит, что если у клиента хостинга уже есть домен, то его можно припарковать таким образом, чтобы он указывал на его сайт. И, наконец, последнее понятие - поддомен (он же подсервер) - это возможность создать свои сайты (в других папках) с доменными именами третьего уровня, то есть можно на одном аккаунте создать сайт, указывающий на отдельную папку с доменным именем вида новый_сайт.ваш_домен.ru. Важно также понимать, что поддержка какого-либо количества доменов вовсе не означает бесплатную их регистрацию. Так, если клиент при заказе хостинга получит один домен бесплатно, а в рекламе было указано, что поддерживается 6 доменов, то за остальные 5 ему придется заплатить. Хотя некоторые из этих 5 могут быть сайтами с именами третьего уровня, которые обычно регистрируются бесплатно.
Как правило, стоимость хостинга во многом определяется объемом предоставляемого дискового пространства на сервере провайдера. Практика показывает, что для среднестатистического сайта с графикой без баз данных хватает 20-50 Мбайт дискового пространства. Такой хостинг стоит порядка 30 у.е. в год. Большее количество может потребоваться при использовании нескольких сайтов на одном аккаунте, использовании SQL, большого количества почтовых ящиков и т.д. Для серьезных крупных проектов хватит 250-350 Мбайт. Этот хостинг можно приобрести за 65-90 у.е. в год.
Третьим моментом, на который надо обратить внимание при выборе хостинга, - это поддержка скриптов. На платном хостинге обязательной является поддержка исполняемых на стороне сервера программ CGI. Стоит узнать, есть ли поддержка собственной cgi-bin директории. Также стоит уточнить, какие языки скриптов и каких версий поддерживаются (PHP 4.3, Perl 5), но понадобится это только опытному web-мастеру. Необходимо иметь в виду, что виртуальный хостинг на *nix-платформе не поддерживает языки web-программирования компании Microsoft (ASP, JSP). Очень важным также является возможность использования конфигурационных файлов .htaccess просмотра серверных логов. Достаточно важным моментом, влияющим на стоимость хостинга, является поддержка использования баз данных. Всегда следует уточнять, какое количество баз по-настоящему поддерживается на одном аккаунте и каковы они по размеру, сколько пользователей могут пользоваться ими одновременно.
Также при выборе хостинга следует обратить внимание на поддержку входа по протоколу FTP. Помимо стандартного ftp-доступа также может поддерживаться анонимный ftp-вход и несколько различных ftp-логинов для разных папок. Это очень удобно, если вы, например, хотите предоставить свободный доступ к некоторым папкам сайта для посетителей или позволить модерировать какую-либо папку другому администратору с другим логином.
Таблица 2. Самые низкие тарифы на услуги хостинга
Немаловажным пунктом при выборе является и ограничение трафика. Всегда лучше выбирать тариф с неограниченным трафиком для информационных сайтов. Во-первых, это убережет от лишних дополнительных затрат на превышение трафика. Во-вторых, это убережет от всяких спорных моментов с подсчетом этого трафика. Это очень частый и излюбленный метод "снимания" денег с клиентов, когда вдруг оказывается, что был превышен какой-либо лимит трафика, который не был указан, но "подразумевался". Таким образом, стоит уточнить, есть ли ограничения на входящий/исходящий трафик, российский/зарубежный трафик.
Все остальные моменты, по которым также можно судить о возможностях хостинга, относятся, к дополнительным функциям, которые будут нужны далеко не каждому пользователю. Стоит удостовериться, какое количество почтовых ящиков поддерживается, доступен ли для них веб-интерфейс. Хорошо иметь поддержку SSI, SSH и SSL. Стоит обратить внимание, что некоторые компании в качестве бонусов предлагают своим клиентам бесплатное участие в их баннерообменной сети, что позволяет прорекламировать сайт клиента через баннеры на других сайтах. Но эта возможность действует только в случае, если клиент у себя на сайте также разместите баннер этой сети. Такую возможность на данный момент предоставляют Majordomo, Agava и EastHost. Полезными дополнительными возможностями было бы и наличие готовых скриптов гостевой книги, форума и т.д. Полезной будет и удобная панель управления сайтом. Для некоторых также очень важной возможностью будет паролирование директорий и поддержка списков рассылки. Такие возможности поддерживаются, в основном, крупными хостинг-провайдерами типа ValueHost, SpaceWeb, EastHost, eServer, Majordomo.
И последний (хотя он один из самых главных) вопрос, который осталось рассмотреть, - это надежность провайдеров хостинга. Оценить надежность хостинга можно только опытным путем, но, помимо того, существуют и другие способы дать примерную оценку хостингу.
Во-первых, необходимо, чтобы у провайдера был ежедневный backup информации. Во-вторых, стоит взглянуть на конфигурацию серверов хостинга. Это должны быть компьютеры класса Xeon Pentium III/Pentium 4 с частотой от 1 GHz, оперативной памятью не менее 1 Гбайта ECC DIMM/DDR, винчестерами с интерфейсом SCSI и RAID (желательно). Если эту информацию провайдер скрывает, то стоит призадуматься о надежности хостинга. Далее, серверов должно быть несколько, желательно, целая стойка.
Третье: если компания заявляет 100%-ый uptime (время работы без сбоев), то скорее всего это не соответствует истине. Косвенным признаком, который также может насторожить, является отсутствие достаточно подробной информации о планах хостинга и компании на ее официальном сайте. О надежности компании стоит попробовать узнать от знакомых пользователей интересующего хостинга, с форумов техподдержки хостинга. В то же время, если там нет ни одного негативного сообщения, то это может быть следствием старательной работы модераторов этого форума.
На основе длительного анализа рынка хостинга сложилась следующая картина. В семерку лидеров web-хостинга попали: SpaceWeb (СПб), eServer (Москва), EastHost (СПб), NTHost (Москва), ValueHost (СПб, Москва), All4Hosting (Москва) и Majordomo (СПб).
Для составления рейтинга оценивалась совокупность основных параметров, таких как: цена/объем дискового пространства/наличие бесплатного домена/скрипты и сервисы/надежность.
Компания eServer предоставляет стабильно низкие цены ($81 в год за 350 Мбайт с 2 доменами, 50 поддоменами и неограниченным количеством алиасов, неограниченным трафиком и 2 FTP-входами) и великолепную поддержку и стабильность хостинга. Компании SpaceWeb и ValueHost славятся своими частыми акциями и рекламными кампаниями, во время которых цены еще ниже чем у eServer, а также высокой надежностью, качеством сервиса и огромным выбором возможностей и сервисов. Компания EastHost - единственная, кто предоставляет неограниченное пространство, неограниченное число доменов и субдоменов, бесплатный домен второго уровня на время хостинга (продление бесплатно) и бесплатную регистрацию доменов третьего уровня вида *.spb.ru, 5 баз MySQL и неограниченное число FTP-входов. Компании All4Hosting и NTHost предоставляют очень дешевые тарифы хостинга (от $65 в год за 250 Мбайт пространства). А компания Majordomo - единственная компания, имеющая достаточно дешевые тарифы, притом предоставляющая 30000 баннерных показов в своей баннерообменной сети. Хостинг ПО-Хостинг можно порекомендовать тем, кто уже имеет или самостоятельно покупает домены. Так, эта компания предлагает покупку доменов по самой низкой цене - $8 за домен *.com. Из тех, кто предоставляет домены *.ru, самые низкие цены имеет Hq-Host, а из хостинг-провайдеров - SpaceWeb (по цене $20 в год).
ГЛАВА 2. СОВРЕМЕННЫЕ ИНТЕРНЕТ-ТЕХНОЛОГИИ
2.1 Языки программирования
Для создания Web-приложений можно использовать различные языки программирования. Их много, и выбор того или иного -- личное дело программиста. Но особого внимания заслуживают языки С#, Java, HTML и РНР. Первые два -- это мощные языки, предназначенные для разработки больших корпоративных систем. Язык же РНР привлекателен своей бесплатностью (тогда как компиляторы С# и Java достаточно дороги) и неплохими возможностями для создания проектов среднего масштаба. К тому же освоить С# и Java несколько труднее, чем РНР.
Основное направление их развития -- web-сервисы (как правило, для крупных корпоративных систем), которые призваны заменить технологии связывания удаленных компонентов (DCOM и CORBA), несовместимые между собой и использующие закрытые стандарты. В этой области наблюдается активная конкуренция компаний Microsoft (Си -- .NET) и Sun Microsystems (Java -- J2EE), сопровождающаяся даже судебными разбирательствами.
РНР -- это бесплатно распространяемый язык-интерпретатор, обеспечивающий написание мощных скриптов. Этот язык в силу своей бесплатности и открытости системного кода(Open Source) получил большое распространение в сети Internet и практически на каждом сервере где присутствуют сайты есть и этот язык. PHP поддерживает базы данных MySQL, SQL Lite и другие. Основные нововведения в недавно появившейся 5-й версии -- встроенные SQLite 2 и Zend Engine, улучшенная обработка потоков данных (в том числе с возможностью доступа через операции с «сокетами» на низком уровне), улучшенная поддержка XML за счет использования новейших библиотек.
Water и Clear Methods Steam. Языки скриптового программирования постоянно развиваются, появляются новые. Так, разработан язык программирования Water для эффективной работы именно с XML (www.waterlanguage.org). На этой платформе компанией Clear Methods (www.clearmethods.com) создан универсальный язык программирования Clear Methods Steam. Он позволяет программисту вместо многих языков, необходимых для работы с web-сервисами, использовать лишь один этот язык, поскольку в основе Water лежит принцип «изучить однажды, затем использовать всегда».
HTML - Язык разметки гипертекстовых страниц (Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.
Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/.
На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут как входить, так и не входить в состав действующей спецификации HTML.
2.2 Web-дизайн и браузеры
Многие Web-дизайнеры сходятся во мнении, что одна из главных проблем Web-дизайна - многообразие браузеров и платформ, каждая из которых по-разному поддерживает HTML и сценарии. С выпуском каждого нового браузера улучшаются их характеристики и возможности, но это не означает, что более ранние версии при этом исчезают. В большинстве своем люди не склонны гнаться за новейшим и лучшим. Одни довольствуются тем, что у них имеется, а другие, вероятнее всего, работают на компьютерах фирм или учреждений, которые выбрали браузеры за них.
Как сделать дизайн 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, поскольку они занимают львиную долю рынка. Тем не менее, существует ряд других браузеров, которые вы можете принимать во внимание.
Браузеры America Online. Пользователи America Online (AOL) используют один из семи возможных браузеров (в зависимости от платформы и версии программного обеспечения AOL), некоторые из них обеспечивают только самую минимальную поддержку HTML.
Однако разработчики Web-сайтов отмечают, что при работе с этим браузером возникают проблемы, которые связаны с тем, что AOL полагается на прокси-серверы и методы сжатия изображений. Известно, что используемый AOL метод сжатия изображения имеет проблемы с отображением JPEG-графики, проявляющиеся в появлении пятен и цветных полос. Были отмечены проблемы и при выводе фоновых изображений.
К счастью, создан специальный сайт в помощь тем Web-дизайнерам, которые стремятся сделать свои страницы интересными и доступными для пользователей AOL. Особого внимания заслуживает таблица браузеров, где вы найдете специальный список для каждого из браузеров (по версиям и платформам), перечень технологий и поддерживаемых функций, а также процент сбоев для каждого из браузеров. (Адрес сайта AOL для Web-дизайнеров: http://webmaster.info.aol.com).
WebTV. WebTV приводит в наши квартиры Web через обыкновенный телевизор с пультом дистанционного управления (также, по желанию, можно использовать клавиатуру). Для просмотра Web-страниц WebTV использует собственный специализированный браузер. Поскольку WebTV выводит изображение на экран телевизора, предъявляются новые требования к характеристикам цвета и параметрам экрана.
Opera. Opera - это браузер, созданный норвежской компанией Opera Software в Осло. Этот браузер обладает исключительно малым временем загрузки и минимальными требованиями к объему диска. Достоинством Opera является полное соответствие стандартам HTML. Неточности в написании тегов (например, пропущенные закрывающие теги, неправильное вложение и т. д.), которые пропускают более солидные браузеры, не будут правильно отображаться этим браузером. Opera 5.0 поддерживает Java, каскадные таблицы стилей и DHTML.
Хотя Opera и не стоит на первых местах по частоте использования, но многие разработчики продолжают тестировать свои сайты в Opera, чтобы убедиться в правильности кода.
Lynx. Lynx - это распространяемый бесплатно браузер, обеспечивающий просмотр только текста, предлагает вам быстрый и надежный доступ в Web. Он заслужил известность как наименьший общий знаменатель стандарта, пригодный для тестирования Web-страницы по базовым функциональным характеристикам. Несмотря на простоту, этот браузер не устаревает. Lynx постоянно совершенствуется и модернизируется. Сейчас он обеспечивает поддержку таблиц, форм и даже JavaScript. Этот браузер также важен для инвалидов по зрению: они используют Lynx вместе с речевыми устройствами.
Будет легче принять решение, какую технологию использовать и где провести черту для обратной совместимости, если знать, какие браузеры используются чаще всего. Наиболее достоверную информацию, конечно, можно получить, ведя статистику посещений сайта.
Отслеживающее программное обеспечение серверов обычно классифицирует посещения по браузерах, осуществляющих запросы. Поэтому, если вы узнали, что только 20 % посетителей вашего сайта используют версии браузеров 4.0, то, может быть, следует повременить с переходом на использование таблиц стилей.
В Интернете можно найти несколько сайтов, предоставляющих статистические данные о браузерах. Статистика на этих сайтах основана на анализе посещаемости самих этих сайтов, что сужает статистическую выборку до узкого круга пользователей, интересующихся такого рода сайтами, - возможно, пользователи, интересующиеся приобретением новых автомобилей или программами телепередач, используют другие браузеры. Статистические данные, помещенные на сайте BrowserWatch, дают подробнейшие сведения о версиях, подверсиях и под-подверсиях каждого отдельного браузера.
2.3 HTML - редакторы
Документы HTML являются обычными текстовыми ASCII-файлами. Это означает, что для их создания можно использовать любой текстовый редактор, даже с минимальными возможностями. Существуют средства редактирования, разработанные специально для написания HTML. Они позволяют экономить время, так как содержат клавиши быстрого доступа для выполнения повторяющихся операций, например, задания начальных установок документов, таблиц или просто применения стилей к тексту. Редакторы HTML отличаются от авторского WYSIWYG-инструментария (рассматриваемого далее) тем, что требуют знания правил составления HTML вручную, редакторы лишь упрощают и ускоряют этот процесс.
Последние годы характеризуются резким ростом рынка авторских инструментов. HTML-редакторы класса WYSIWYG (What You See Is What You Get - что видишь, то и получишь) имеют графические интерфейсы, которые делают написание HTML больше похожим на программу редактирования текстов или разметки страницы. Первоначальной целью этих программ было освобождение пользователей от тегов HTML, наподобие того, как программы разметки страниц защищают разработчика от набора команд языка PostScript. Сегодня их значимость возросла, так как они повышают эффективность и уровень автоматизации производства документов, обеспечивая в то же время доступ к исходному тексту HTML.
Наиболее популярными в настоящее время WYSIWYG-редакторами являются: Macromedia Dreamweaver, Adobe GoLive, HomeSite, HoTMetaL PRO, Microsoft FrontPage, Namo WebEditor , NetObjects Fusion, TrellixWeb.
Dreamweaver. Сложный, мощный продукт Dreamweaver фирмы Macromedia предназначен для профессиональных авторов Web, создающих узлы, в которых безупречно соединены разнообразные высокоуровневые элементы. Благодаря входящему в комплект поставки пакету Web-графики Macromedia Fireworks возможности Dreamweaver значительно шире, чем у других продуктов в обзоре.
Элегантный интерфейс Dreamweaver с множеством плавающих окон и изобилием палитр в высшей степени интуитивно понятен. Он располагает удобным селектором тегов и выдает в реальном времени информацию о размере файлов и прогнозируемом времени загрузки материалов узла в браузер пользователя. К сожалению, функции управления окнами Dreamweaver ограниченны.
В процессе редактирования в окне WYSIWIG разрешается переносить с помощью мыши объекты из палитры в рабочую область и назначать атрибуты. В палитре Objects (Объекты) могут содержаться объекты, разработанные в других фирмах, например RealMedia. При размещении объекта, генерируемого программой Fireworks, исходный текст автоматически встраивается в нужные места.
Концепция слоев обеспечивает гибкость компоновки страниц Dreamweaver. Слои преобразуются в таблицы для устаревших версий браузеров с помощью удобной команды. Программа Dreamweaver совместима как со стилями CSS, так и встроенными стилями HTML.
В отличие от HoTMetaL PRO, в Dreamweaver не предъявляется строгих требований к исходному тексту. Поэтому продукт совместим с Web-узлами, построенными с помощью других программ. Кроме того, он без изменений воспринимает сценарии, составленные на таких языках, как ASP, ColdFusion и JSP.
Исходный текст HTML можно редактировать непосредственно или воспользоваться чрезвычайно удобным редактором Quick Tag Editor. Существует несколько способов внесения глобальных изменений, в том числе с помощью охватывающей весь узел функции поиска с заменой и с использованием библиотеки Library, где редактирование исходного варианта объекта приводит к обновлению всех его экземпляров. В состав Dreamweaver входит очень мощный HTML-редактор HomeSite
Пакет Dreamweaver прекрасно подходит для проектирования интерактивных и анимированных Web-узлов. Диалоговые окна позволяют связывать эффекты с перемещениями мыши; временную шкалу можно использовать для создания анимационных клипов, вставляя ключевые кадры или прокладывая траекторию движения непосредственно в рабочем пространстве. Но из-за отсутствия встроенного окна предварительного просмотра для проверки компоновки и интерактивных элементов приходится запускать внешний браузер.
Программа может проверять и обновлять внутренние указатели URL, но не внешние адреса. В ориентированном на профессиональные применения пакете Dreamweaver нет "мастеров" для проектирования страниц, графических заготовок или готовых к использованию шаблонов. К счастью, любой документ можно сохранить в качестве шаблона и даже указать защищенные и доступные для редактирования участки. Кроме того, в палитре History (Предыстория) предусмотрена автоматизация функций путем повторения операций и их сохранения в качестве макрокоманд.
Dreamweaver - сложный продукт, предназначенный для опытных разработчиков Web. Однако усилия, затраченные на освоение программы, окупаются созданием очень привлекательного и совершенного Web-узла.
Adobe GoLive. Пакет Adobe GoLive с рабочей средой, напоминающей настольную издательскую программу, - отличное решение для опытных разработчиков, пока не готовых перейти к программированию на HTML.
Компоновка страниц в режиме редактирования WYSIWIG сводится к переносу мышью в документ указателей мест заполнения (для графических изображений, управляемых трансформируемых объектов и т. д.). Благодаря удобной монтажной сетке положение объектов можно определять с точностью до пиксела.
Интерфейс GoLive с закладками позволяет переключаться между различными способами представления документов - режимом редактирования WYSIWIG, внутренним окном предварительного просмотра (отсутствующим в Dreamweaver), редактором кадров, редактором исходного текста и окном структуры узла, в котором для более ясного представления исходного текста HTML служат сворачиваемые теги. К сожалению, исходный текст HTML и окно WYSIWIG нельзя поместить рядом друг с другом, как в Dreamweaver.
На основе временной шкалы подготавливаются мультипликационные клипы с ключевыми кадрами и анимационные подсказки. Альтернативный метод заключается в запоминании перемещений мыши для задания траектории движения объекта.
Заслуживают внимания многочисленные дополнительные возможности GoLive. Например, во встроенном редакторе JavaScript предусмотрен перенос мышью событий в окно редактирования для построения сценария. А с помощью простого видеоредактора можно вносить изменения в клипы QuickTime.
В GoLive нет ни заранее подготовленных шаблонов, ни "мастеров". Однако можно автоматизировать работу, составляя собственные шаблоны или используя динамические компоненты для указания на внешние программы HTML.
Между страницами устанавливаются ясные взаимосвязи, а добавление родительских, родственных и дочерних страниц не представляет труда. GoLive отслеживает состояние узла, предупреждая о потенциальных ошибках (например, о нарушенных связях и потерянных файлах), и автоматически исправляет внутренние ссылки.
Пакет Adobe GoLive - серьезный конкурент Dreamweaver, однако последний удобнее в работе и обладает более широкими возможностями расширения. Тем не менее GoLive - мощный инструмент проектирования для художников, которые хотят полностью контролировать эстетическое оформление узла, не углубляясь в чащу исходного текста HTML.
HomeSite. Мысль о том, чтобы слепо передать управление авторской среде WYSIWIG, вызывает содрогание у многих опытных программистов. Для таких пользователей предпочтительным инструментом станет пакет HomeSite 4.5.1 фирмы Allaire. Несмотря на некоторую необычность, программа обеспечивает быстрое и четкое ручное составление исходных текстов. Она наделена такими удобными элементами, как всплывающие списки атрибутов тегов, вставляемые одним щелчком мыши.
Принимаемый по умолчанию интерфейс представляет собой редактор исходного текста HTML с позиционируемыми инструментальными линейками и панелью ресурсов. Переключение между редактором исходного текста, окном предварительного просмотра и простым WYSIWIG-редактором производится с помощью закладок. Желающие использовать преимущества различных подходов к проектированию узлов могут приобрести HomeSite в составе пакета Dreamweaver фирмы Macromedia.
В состав HomeSite входят шаблоны и "мастера" для построения простых страниц. Чтобы добавить подготовленный пользователем шаблон в диалоговое окно File | New, достаточно просто поместить HTML-файл в папку шаблонов. Дополнительные "мастера" помогут вставить мультимедиа-элементы и спроектировать DHTML-эффекты. Предусмотрено даже создание специализированных "мастеров" и диалоговых окон.
Окно редактирования исходного текста чрезвычайно удобно. Страницы можно открывать непосредственно из Web и предварительно просматривать в любом инсталлированном браузере. Допускается редактирование двух фрагментов одного файла в отдельных окнах - неоценимая возможность при построении страниц с таблицами. В окне редактирования исходного текста можно увидеть миниатюрные изображения любых графических файлов текущей папки и перенести их мышью прямо в редактор. Иностранные и специальные символы автоматически преобразовываются в эквивалентные коды HTML. И наконец, вы можете отменить все автоматизированные операции.
Пользователи HomeSite со стажем уже знакомы с недостатками пакета, которые давно пора исправить. Клавиатура удобна для работы собственно с редактором, но не с панелью ресурсов. Инструментальная панель специальных символов слишком широка для большинства мониторов, а изменение ее размеров не предусмотрено. Неудобная и неполная справочно-консультационная система на базе HTML недоступна из многих диалоговых окон. То обстоятельство, что даже при таких недостатках HomeSite остается лучшим редактором исходного текста HTML, свидетельствует о несомненных достоинствах продукта.
Уровень автоматизации HomeSite ниже, чем у программы Microsoft FrontPage, которая генерирует навигационные панели и выполняет преобразование стилей в масштабах всего узла. Но если вы хотите составить собственный исходный текст, то HomeSite - единственный инструмент, который вам нужен.
HoTMetaL PRO. Несмотря на заверения поставщика, что HoTMetaL PRO отвечает потребностям как начинающих, так и опытных разработчиков HTML, этот продукт фирмы SoftQuad лучше всего подойдет для опытных программистов, осваивавших свое ремесло на ранних версиях HoTMetaL. Все остальные будут разочарованы неудачным интерфейсом и нетрадиционным подходом к редактированию исходного текста HTML.
В программе имеются контекстно-чувствительные палитры HTML-элементов, атрибутов и событий, которые облегчают подготовку безошибочного исходного текста. Помимо того что в HoTMetaL приняты строгие соглашения о структуре документов, проверка исходного текста HTML производится в процессе его проектирования или импорта, что также чрезвычайно важно. Такая мера гарантирует, что узел будет совместим с разнообразными браузерами, однако при этом затрудняется работа с узлами, содержащими нестандартный исходный текст, например сценарии ASP или ColdFusion.
К нововведениям версии 6.0 относится возможность импортировать документы HTML, в том числе и нестандартный исходный текст. Эта функция полезна для управления узлом, построенным с помощью другого HTML-редактора, но она работает только в окне исходного текста, что, несомненно, является серьезным недостатком.
К достоинствам HoTMetaL можно отнести функции управления узлом и дистанционного редактирования. Исследовать узел или внести в него изменения можно в окне Web (отображающем навигационные связи) или Page (в котором показаны все связи текущей страницы). HoTMetaL отслеживает внутренние адреса URL и автоматически восстанавливает нарушенные связи. Программа также проверяет корректность внешних адресов HTTP, но не адресов FTP.
Как и в Dreamweaver, в HoTMetaL PRO применяется объектная документная модель DOM (Document Object Model), которая служит для записи или составления макрокоманд и позволяет применять любые стандартные языки сценариев для настройки интерфейса.
Совместимая с CSS программа располагает пользовательским интерфейсом для редактирования основных атрибутов, таких, как шрифты и поля. Несмотря на способность определять абсолютные координаты объекта, программа не имеет WYSIWIG-механизма размещения элементов страницы: координаты приходится вводить вручную.
HoTMetaL - мощный продукт, для освоения которого требуется время. Однако он привлекателен для авторов, которые высоко ценят строгость соблюдения стандарта HTML. В противном случае следует обратиться к пакетам Adobe GoLive и Dreamweaver, более мощным и удобным в использовании.
Microsoft FrontPage. Таланты специалистов Microsoft в области автоматизации и интеграции продуктов в полной мере проявились при разработке пакета FrontPage. Пакет станет отличным выбором для начинающих, но его гибкость и обширные функциональные возможности понравятся и опытным программистам.
Многооконный интерфейс FrontPage подобен интерфейсам других программ Microsoft Office, например Microsoft Outlook. Главное окно служит для редактирования и решения других задач, а панель пиктограмм - для переключения между режимами просмотра. Удобен доступ к виду текущей страницы, списку файлов текущей папки, отчетам о состоянии ссылок и статистике узла, к структурной схеме узла и составленному пользователем списку задач.
Переключение между режимами WYSIWIG, HTML и предварительного просмотра производится с помощью закладок. Процедуры редактирования страниц поразительно похожи на операции Microsoft Word, большинство инструментов расположено в аналогичных меню и инструментальных панелях. Как и в HoTMetaL PRO 6.0, в программе FrontPage предусмотрена возможность показа тегов в режиме WYSIWIG.
Начинающие авторы по достоинству оценят превосходные функции FrontPage, обеспечивающие прозрачное управление гиперсвязями, изображениями и другими элементами. Автоматизированные функции - в частности, преобразования файлов изображений в Web-совместимые форматы и копирования изображений в папку Web-страницы, на которой они отображаются, - работают настолько безупречно, что их даже не замечаешь.
FrontPage безупречно импортирует большинство стандартных форматов, в том числе Office. Легко импортируются локальные и удаленные Web-узлы. Но если импортируемый узел был построен без применения FrontPage, то для беспрепятственных перемещений по всему узлу необходимо отбуксировать пиктограммы каждой отдельной страницы в древовидную навигационную схему узла.
Благодаря множеству анимационных DHTML-эффектов изображения могут внезапно возникать на странице или "влетать" на нее по спиральной траектории. К сожалению, невозможно записывать специальные анимационные эффекты, как это делается в программах Dreamweaver, Adobe GoLive 4.01 и Namo WebEditor. Графические и текстовые блоки можно позиционировать с точностью до целого числа пикселов. Однако без вертикальных и горизонтальных направляющих линеек выполнить процедуру позиционирования в окне редактирования сложно.
FrontPage - надежный и удобный пакет, в доступном интерфейсе которого реализован ряд сложных функций. В программе отсутствуют некоторые передовые возможности, ценимые опытными специалистами, но пользователи из сферы малого бизнеса с помощью FrontPage смогут решить большинство стоящих перед ними задач с минимальными затратами времени.
Namo WebEditor. В распоряжение пользователей Namo WebEditor 3.06 предоставляются инструменты WYSIWIG-редактирования Web-страниц и мощные функции, в частности DHTML-анимации; при этом пакет в несколько раз дешевле, чем программы Dreamweaver фирмы Macromedia и Adobe GoLive 4.01.
Интерфейс продукта подобен интерфейсам HomeSite 4.5 фирмы Allaire и FrontPage. В панели ресурсов с закладками отображаются списки файлов, инструментарий управления проектом и схема ссылок текущей страницы. В нижней части окна редактирования расположен ряд закладок для переключения между режимами HTML, WYSIWIG и предварительного просмотра. Другой ряд закладок, размещенный в верхней части окна, служит для перехода между открытыми страницами. В отдельных подокнах удобно просматривать две или несколько открытых страниц одновременно, чего нельзя сделать в программе FrontPage.
Предусматривается формирование страниц при помощи набора шаблонных макетов. Большинство шаблонов состоит из двух или нескольких колонок с заполнителями места заголовков и текста, которые заменяются собственными материалами автора. Графические заготовки позволяют выбрать единообразный фон для всех страниц проекта или всех файлов, открытых одновременно. Затем в любые места страницы вставляются заранее заготовленные объекты, такие, как кнопки и банеры. При переходе к другим тематическим заготовкам все кнопки и банеры автоматически изменяются в соответствии с новым проектом.
Из-за невозможности автоматически строить и обновлять навигационные линейки функции Namo для работы с заготовками проектов не так мощны, как в программах FrontPage и Fusion, но отличаются большей гибкостью. Объекты разрешается вставлять в любое место страницы, а не только в места, отведенные для этой цели разработчиком заготовки. С помощью "мастера" можно построить целый узлы с заранее позиционированными объектами, однако из-за его ограниченных возможностей это вряд ли практически целесообразно.
Интерфейс организован несколько неудобно. Переключаться между режимом WYSIWIG и редактирования исходного текста можно с помощью клавиатуры, но для перехода в окно предварительного просмотра необходимо использовать мышь. При попытке импортировать несуществующий узел в диалоговом окне появилось сообщение о том, что узел был загружен. Более того, при импортировании страницы ее исходный текст оказывается слегка переформатированным.
В целом Namo WebEditor отличается сочетанием четкого интерфейса и ряда мощных инструментов. Пакет с добротными функциональными возможностями и привлекательной ценой достоин внимания.
NetObjects Fusion. Большинство авторских пакетов Web похожи на текстовые процессоры, а NetObjects Fusion функционирует подобно настольной издательской системе. Благодаря способности позиционировать изображения с точностью до пиксела и фиксировать элементы в отведенных для них местах, Fusion - идеальная программа для построения насыщенных графикой узлов. Авторам, желающим проектировать узлы с объемными текстовыми материалами и иметь полный контроль над исходным текстом HTML, лучше выбрать другой пакет.
В программе Fusion реализовано множество видов представления данных, в том числе в главном окне редактирования, окне древовидной структуры узла, меню допустимых графических стилей, каталоге файлов, публикуемых на локальном диске или удаленном сервере, и в списках текущих файлов, связей, переменных и подключаемых баз данных узла. Инструментальная линейка в верхней части экрана позволяет без труда переключаться между видами.
Отметим, что нельзя сразу приступить к вводу текста и размещению элементов. Как принято в настольных издательских программах, для ввода текста, таблиц, форм и графических элементов необходимо сначала построить блок для размещения добавляемого элемента
Базовые операции верстки довольно просты, но освоить эффекты DHTML сложно. Однако, изучив запутанные диалоговые окна, вы сможете производить сложные действия. К сожалению, в программе Fusion нельзя записывать действия на временной шкале, как в Macromedia Dreamweaver и Namo WebEditor.
При добавлении, переименовании и перемещении страниц навигационные связи автоматически обновляются. Как и FrontPage, пакет Fusion обеспечивает прозрачное управление всеми элементами, внесенными автором на страницу, благодаря чему отпадает необходимость в ручном управлении файлами при публикации узла.
Так же как и в программе TrellixWeb, в пакете Fusion в процессе редактирования используется фирменный формат файлов, а исходный текст HTML генерируется лишь при предварительном просмотре или публикации страницы. А поскольку импортированные в программу Fusion страницы подвергаются переформатированию, мы пришли к выводу, что продукт полезен лишь для построения новых узлов, но не для внесения изменений в узлы, построенные с помощью других пакетов.
TrellixWeb. Отличающийся чрезвычайной простотой пакет TrellixWeb предназначен для потребителей и владельцев малых предприятий, которые хотят строить несложные узлы, совершенно не изучая язык HTML. В пакете отсутствуют передовые функции и даже не предусмотрено средств редактирования HTML, однако с помощью шаблонов и "мастеров" TrellixWeb можно в течение нескольких минут построить вполне привлекательный узел.
Работа с TrellixWeb во многом напоминает работу со стандартным офисным пакетом. Инструментальные панели в стиле Microsoft Office, заготовки проектов и указатели места заполнения хорошо знакомы пользователям пакета PowerPoint. Начать работу над узлом можно как с шаблона, так и с "мастера". Кроме выполнения стандартных операций (таких, как выбор заготовки проекта), перед началом процедуры генерирования узла пользователь может выбрать название и реорганизовать страницы.
Поскольку TrellixWeb работает с собственным форматом и генерирует исходный текст HTML только в ходе операций экспорта, предварительный вид страницы не всегда точно соответствует ее представлению в браузере. В результате начинающим авторам проще управлять файлами, сохраняя все страницы, текст и графику узла в единственном TLX-файле. К сожалению, для предварительного просмотра ключевых элементов Web-узла (например, анимированных GIF-изображений и интерактивных элементов) необходимо вызвать внешний браузер.
В программе TrellixWeb нельзя пользоваться каскадными таблицами стилей (CSS), вместо этого внутренние текстовые стили записываются как простые теги . Не предусмотрено и абсолютное позиционирование объектов. Для построения страниц с несколькими колонками необходимо использовать редактор таблиц.
TrellixWeb не выполнила значительную часть тестового сценария лаборатории PC Magazine Labs, поскольку программа не импортирует существующие Web-узлы. Она не позволяет генерировать и сложные Web-эффекты, в частности управляемые трансформируемые объекты. Однако в программе предусмотрено несколько обходных способов, при помощи которых можно дополнить узел сложными элементами.
Значительно более сильное впечатление производит Web Gems - способ захвата HTML-элементов на партнерских узлах в Интернете. В сущности, фирма Trellix предоставляет дружественный интерфейс, через который можно выйти в Web и импортировать программный код, превратив свой узел в филиал торгового киоска, завести гостевую книгу или отслеживать статистические показатели узла.
Подобные документы
Современные Интернет-технологии, Web-дизайн и браузеры. Язык разметки гипертекстовых страниц HTML. Представление текста и графики на Web-страницах. Правила и этапы создания сайта. Влияние дисплеев на Web-дизайн. Сравнительный анализ HTML-редакторов.
дипломная работа [3,3 M], добавлен 21.06.2013Язык разметки гипертекстовых страниц HTML. Обеспечение доступности Web-страницы, представление текста и графики. Основные правила и этапы создания сайта, выбор структуры страницы. Оценка экономической целесообразности использования HTML-редакторов.
дипломная работа [86,7 K], добавлен 25.03.2013Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.
методичка [1,9 M], добавлен 06.07.2011История развития информационных технологий. Появление Интернета, браузеры. Основы web-программирования: классификация сайтов, языки программирования. Создание сайта для кафедры высшего учебного заведения: технология создания и руководство пользователя.
дипломная работа [471,5 K], добавлен 23.04.2015Hyper Text Markup Language (html) как стандартный язык для создания гипертекстовых документов в среде web. Тэги списков, гипертекстовые ссылки, графика внутри документа, специальные тэги html и таблицы. Планирование фреймов. Этапы создания сайтов.
контрольная работа [126,9 K], добавлен 18.11.2010Электронная розничная торговля как эффективный канал сбыта для традиционных торговых фирм. Последовательность создания рабочего каталога, где будут размещаться все необходимые для сайта графические и HTML–файлы. Структура будущего сайта, HTML–документы.
курсовая работа [41,1 K], добавлен 10.08.2011Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.
реферат [374,0 K], добавлен 19.01.2011Создание сайта при помощи HTML и CSS. Язык гипертекстовой разметки HTML и таблица стилей CSS. Основные понятия об этих языках, этапы и алгоритмы программного обеспечения. Добавление стилей в документ. Свойства элементов, принцип построения Web-страницы.
курсовая работа [2,9 M], добавлен 12.01.2016Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.
дипломная работа [1,1 M], добавлен 05.03.2013Особенности программирования на языке HTML и JavaScript. Основные стили форматирования текста. Анализ основных приемов и методов создания страниц, рисунков, таблиц и гиперссылок. Основные цвета и их коды. Разработка собственного сайта и его презентация.
курсовая работа [61,3 K], добавлен 29.01.2016
