 | http://www.cooltext.net |
| http://www.zyris.com/zygraphics |
| http://www.angelfire.com/me/physc0/enterlogo.html |
guide
| On-line учебник HTML с примерами,
| guide
|
| Главная | Учебник HTML | Web-mastering | Раскрутка |
| МЕТА -генератор | Регистратура | Е- mailer | Контакты |
| Взять banner | bookmark | Вернуться назад | Отослать ссылку |
Прежде чем приступать к написанию Web-документа и размещению его в сети Internet, необходимо определиться в главном - каково его основное предназначение и на какую аудиторию он расчитан. Либо это Ваша стартовая страница - путеводитель, на которой собраны сылки на различные ресурсы Интернета, а может это чей-нибудь курсовой проект в институте, показательно выставленный на всеобщее обозрение или сайт фирмы занимающейся продажами в сети каких-либо программ и товаров. Исходя из этого и опираясь на имеющийся в Вашем распоряжении материал Вам будет намного легче работать и создавать Web-страницу. Сказать точно сколько в сети имеется страниц - не реально, но по контенту т.е. своему содержанию большинство из них можно как-то классифицировать. Кроме того любую страницу можно оценить по двум параметрам : по контенту и по внешнему виду.
Собственно с этого и надо начинать - разработайте сами, или поручите это профессионалу, дизайн-концепцию будущей страницы: т.е. выберите название, шрифты, фон, цветовое оформление деталей страницы и набросайте несколько её эскизов. После того как Ваш выбор падёт на одном из вариантов приступайте к структуризации информации: скомпонуйте её по основным разделам, продумайте в рабочем варианте - как должно выглядеть структурное дерево документа и разбейте, согласно ему, имеющийся материал на разделы. Обратите Ваше внимание на то, как эти задчи решили другие, но остерегайтесь явного заимствования идей, соблюдайте авторские права, уважайте чужой труд. Посетите приведенные ниже страницы - там Вы сможете попытаться создать для своего сайта красивое LOGO
| http://www.cooltext.net |
| http://www.zyris.com/zygraphics |
| http://www.angelfire.com/me/physc0/enterlogo.html |
Помните о проблеме использования различного рода расширений к языку HTML и нововведений. Делайте свой выбор: использовать стандартный чистый HTML - тем самым обеспечив нормальное отображение Вашего сайта всеми браузерами или же применять новые методы и решения, заведомо лишившись части аудитории.
Стремительное развитие WWW, в результате острой конкуренции между компаниями производителями програмного обеспечения сети и достаточнная инертность Консорциума W3C в деле стандартизации языка HTML, привели к ситуации, когда перед создателями Web-сайтов встает важнейший вопрос - использовать чистый HTML и достигнуть при этом максимальной читаемости и посещаемости, или пользоваться расширениями и нововведениями, в ущерб посещаемости создавать интересные эффекты.
Поскольку стандартный - чистый HTML не предоставляет необходимые функциональные возможности, компании производители браузеров самостоятельно внедряют в язык HTML различные расширения и обеспечивают их поддержку в новых версиях своих приложений. Конкуренты же стараются ответить адекватными действиями: во-первых стараются обеспечивать поддержку чужих расширений, во-вторых создают свои новые функции.
Периодически компании производители подают заявку с описанием синтаксиса нового элемента на рассмотрение и принятие его в число стандартных элементов. В то же самое время Консорциум W3C занял выжидательную позицию и не слишком торопится с рассмотрением и принятием новых тэгов. На практике происходит следущее: расширения живут собственной жизнью, одни из них не приживаются и естественным образом покидают список претендентов на стандартизацию (<BGSOUND>, <IMG dynsrc="...">....) , вторые наоборот становятся очень популярными (<FRAME>, <HR size="...">, <FONT size="...">, <IMG align="...">....) и в последствии становятся стандартными, третьи же, уже однажды внесенные в стандартный - чистый HTML, становятся нежелательными (<U>, <S>, <BASEFONT>, <STRIKE>, <ISINDEX>, <DIR>, <CENTER>....) т.к. на смену им приняты более эффективные.
В этой связи необходимо заметить, что использование чистого HTML имеет существенное преимущество, т.к. его использование гарантирует всестороннюю поддержку всеми возможными браузерами любого из стандартных элементов языка HTML, а также полную независимость от платформ, хотя с другой стороны недостаток необходимых функциональных возможностей, иногда, может свести на нет преимущества от использования стандартов.
Создатели страниц, тем не менее стараются выходить из сложившегося положения путем написания нескольких вариантов сайтов с предоставлением права выбора посетителю, или путем предоставления альтернативного содержимого. Поэтому в правилах хорошего тона - при внедрении в код страницы нестандартного элемента или стандартного, но сравнительно молодого, не поддерживаемого старыми браузерами - стало написание альтернативного содержимого в специальных дескрипторах (<NOSCRIPT>, <NOFRAMES>....)
В использовании нестандартных расширений тоже есть преимущества: во-первых все расширения появляются уже поддерживаемыми, по крайней мере теми браузерами, для которых они создавались, во-вторых и, это пожалуй самое главное, они позволяют решить очень важные задачи не доступные для простого HTML. Поэтому не бойтесь использовать их у себя на страницах, тем самым вносите свой посильный вклад в их популяризацию и скорейшую стандартизацию.
К сожалению проблема браузеронезависимости не дает покоя очень многим web-мастерам, в идеальном случае Ваша страница должна быть оптимизирована для всех существующих браузеров. Сделать это практически не возможно, разумнее всего опитмизировать сайт для просмотра в каком-то одном, а для остальных браузеров отдельные части можно будет представить в альтернативном варианте, не забывая при этом подталкивать инертного пользователя на некоторые встречные подвижки - например указав альтернативную информацию в тэгах <NOSCRIPT> и </NOSCRIPT>.... укажите пользователю на необходимость включения этой функции в свойствах обозревателя или дайте ссылку на место в сети откуда, зачастую бесплатно, можно скачать update.
На вопрос какой же браузер выбрать в качестве основного для написания и отладки несущего варианта сайта,
ответить станет легче, если принять во внимание существующую статистику и некоторые факты. Представьте себе, что даже один и тот же браузер, использующийся для разных платформ, не всегда работает одинаково.
Обратимся к статистике (анализ Российской части сети не является особым исключением из общей тенденции):
| операционная система | популярность ОС в % |
|---|---|
| Windows'98 | 68,5% |
| Windows'95 | 12% |
| Windows'NT | 10% |
| Windows'2000 | 8% |
| MacOS | 0,6% |
| Прочие | 0,5% |
| Unix | 0,4% |
Если с платформами все ясно, то с браузерами дело обстоит несколько иначе, Internet Explorer от Windows, довольно недавно обозначился как лидер на рынке браузеров, и пока еще не достиг такого же абсолютного превосходства.
| браузер | популярность | платформы |
|---|---|---|
| Internet Explorer v.5.xx | 63% | Win, Mac |
| Internet Explorer v.4.xx | 20% | Win, Mac, Unix |
| Netscape Navigator v.4.xx | 14.5% | Win, Mac, Unix |
| Internet Explorer v.3.xx | 1% | Win, Mac |
| Прочие | 0.9% | |
| Netscape Navigator v.3.xx | 0.4% | Win, Mac, Unix |
| Netscape Navigator v.2.xx | 0.2% | Win, Mac, Unix, OS/2 |
Однако следующее, что нас сейчас интересует, это то, на сколько в браузерах реализованна поддержка новых технологий.
| браузер | frames | i-frames | css | java | java script | dhtml |
|---|---|---|---|---|---|---|
| Internet Explorer v.5.5 | + | + | % | + | + | + |
| Internet Explorer v.5.0 | + | + | % | + | % | + |
| Internet Explorer v.4.0 | + | + | % | + | % | + |
| Internet Explorer v.3.0 | + | + | % | + | % | - |
| Netscape Navigator v.6.0 | + | + | % | + | + | + |
| Netscape Navigator v.4.5/4.7 | + | - | % | % | % | + |
| Netscape Navigator v.4.0 | + | - | % | + | % | + |
| Netscape Navigator v.3.0 | + | - | - | + | % | - |
Проанализировав данные, приведенные выше, трудно не согласиться с выводом, что для достижения максимальной броузеронезависимости, необходимо при создании основной части сайта ориентироваться на возможности Internet Explorer v.4.xx, т.к. все последующие его версии являются с ним совместимыми, а для оставшихся 14,5 % пользователей создавать альтернативное содержимое.
Хотя в свое время браузер от Netscape и был наиболее предпочитаемым среди пользователей, а вклад компании в развитие языка HTML трудно переоценить, реалии рынка браузеров таковы, что Internet Explorer является самым популярным на сегодняшний день (более чем 80% ! пользователей). И эта популярность пришла к нему не только потому, что он распространяется бесплатно, а еще и потому, что он действительно удобнее в работе. И самое главное - Internet Explorer давно уже избран как стандарт многими разработчиками программ и дополнительных утилит, что обеспечивает их полную совместимость и интеграцию.
Главными недостатками Internet Explorer являются недостатки свойственные всем продуктам от Microsoft - это проблемы при инсталляции, а также стремление расходовать максимальное количество оперативной памяти компьютера и как следствие потеря в скорости. На фоне этого надо отметить, что Netscape несколько быстрее в работе со скриптами, менее требователен к ресурсам компьютера и не исключено, что следующие его версии будут гораздо удобнее, а интерфейс будет более продуманным.
Но скорее всего в будущем конкуренцию браузеру Internet Explorer будет составлять Opera, т.к. в последнее время наметился некоторый к нему интерес, особенно после того, как вышла пятая его версия - бесплатная, со встроенным download-менеджером и ICQ-клиентом. При этом его борьба за пользователя вряд-ли будет легкой, и чтобы выиграть в этой борьбе, создателям следующих версий надо будет сильно удивить мир.
При создании достаточно больших документов надо помнить о том, что не все из посетителей имеют высокоскоростной доступ в Интернет. У большинства модемный коннект, где скорость передачи данных 2-3 kB в секунду не считается плохой. Сосчитайте суммарый "вес" Вашего документа и всех размещенных в нем изображении, а также подгружаемых звуков и оцените как долго он будет грузиться. Большинство потенциальных посетителей прервут загрузку страницы из соображений экономии средств, если она будет грузиться дольше 30-40 секунд. Поэтому оптимальным решением в таком случае будет - разбить документ по разделам на отдельные страницы, исполнить их в том же стиле и организовать навигацию между ними при помощи ссылок. Это позволит Вам разместить гораздо больше графического материала чем раньше и существенно облегчит посетителю поиск именно той информации, какая его интересует.
Создайте шаблон-заготовку страницы с основными структурными тэгами и меняйте только содержимое и адресацию ссылок. Помните, что посетитель может попасть на прямую на любую из ваших страниц - и важно показать ему, что эта страница является частью целого узла, дать ему возможность перейти по ссылке на главную страницу и просмотреть остальные разделы. В этом случае стартовая страница должна иметь информацию о структуре узла, ввиде интуитивно понятного навигационного меню, некоторые разработчики очень успешно осуществляют навигацию по узлу при помощи фреймов,когда в одном из фреймов располагаются ссылки, а в других появляются вызванные по ним страницы.
Нарисуйте на бумаге схему Вашего узла, обозначьте стрелками связи по ссылкам между ними и подумайте о том - легко ли будет ориентироваться посетителю во всех этих переходах, не заблудится ли он в Вашем лабиринте. Замечено что ориентироваться в дереве разветвлений с глубиной проникновения более чем на три уровня становится очень сложно, ведь посетитель заходя на ваш узел, ориентируется в его структуре как если бы, например, он действительно бродил по огромному зданию, с его этажами, коридорами и комнатами.
При такой организации Web-документа отдельные его страницы даже могут физически находиться на совершенно удаленных друг от друга серверах, хотя если один из серверов окажется вдруг недоступен по какой-либо из причин, то соответственно часть Вашего документа посетители не увидят.
Проведите тестирование Вашей страницы сами и попросите это сделать друзей и знакомых. Спросите их мнение и Вы наверняка услышите много полезного и объективного. Проверьте как отображается узел в Вашем любимом браузере, а также не будет лишним посмотреть его в других браузерах. Проверьте все до единой ссылки на работоспособность, спросите у друзей - понятно ли им в принципе что это ссылки. Просмотрите сайт на разных компьютерах с различными пользовательскими настройками, а также на мониторах с различным разрешением и диагональю.
Засеките и проанализируйте время загрузки стартовой страницы, удалите все комментарии в исходном коде, так как они дают Вашему сайту лишние байты и иногда приводят к некорректной работе некоторых браузеров. Например браузеры ранних версий не могут распознать многострочные комментарии, а в закрывающем символе комментария " - -> " двойной минус понимается как ошибочный оператор Java Script, так же начинающийся с этого символа.
Проверьте везде ли, где имеется ссылка на громоздкий файл изображения или мультимедийную вставку, в скобках указана информация о его размере. Некоторые посетители намеренно отключают у себя в настройках браузера возможность загрузки изображений, а посему - если Ваши ссылки оформлены ввиде графических изображений, то вставте в них альтернативный текст с пояснениями куда ведет ссылка.
Проверьте Ваш сайт на предмет читабельности: хорошо ли виден текст на данном фоне, разбит ли он на абзацы, не слишком ли пестрит и рябит в глазах от всевозможной анимации, все ли тэги закрыты и правильно ли отображается шрифт и если использование конкретного шрифта не продиктованно соображениями дизайна, то лучше использовать шрифт по умолчанию. Предоставте посетителю возможность отключить фоновые звуки и проверьте правописание.
В процессе ознакомления с материалами Вашего сайта у посетителей может возникнуть к Вам ряд вопросов по существу освещаемых тем, предложений и просто пожеланий. Это может быть кто угодно - Ваш оппонент предлагающий
развернуть дискуссию, клиент Вашей фирмы, который так и не смог разобраться с механизмом оплаты товара или Web-мастер сайта с подобным контентом изъявил желание обменяться с Вами баннерами. Разместите на своем сайте ссылку на адрес электронной почты для
обратной связи.
Синтаксис: <A href="mailto:webmaster@domen.ru?Subject=E-mail to Web-master"> E-mail to Web-master. </A >.
В этом случае при клике на ссылку
у посетителя запустится программа почтовый клиент, например: Outlook Express в которой автоматически подставится указанный Вами адрес.
Пример: E-mail to Web-master.
Или при помощи картинки :
Синтаксис: <A href="mailto:webmaster@domen.ru?Subject=E-mail to Web-master"> <img src="mail.gif"> </A >
Пример :
А так-же при помощи формы :
Синтаксис:
Выделите для удобства под сообщения с Вашего сайта отдельный почтовый ящик, чтобы не путать их с остальной почтой и в целях предосторожности - в случае если к Вам на e-mail посыпется SPAM - Вы легко сможете сменить почтовый адрес. Это можно сделать здесь :
А по этому адресу Вы сможете получить бесплатный почтовый ящик с возможностью получения почты и через Pop3, обычными почтовыми программами.
 http://top.one.ru/mailhelp.html |
Реагируйте на критику и замечания присылаемые Вам от посетителей сайта, не пытайтесь вступать с ними в полемику, из их субъективных мнений складывается объективная оценка Вашему сайту - прислушайтесь к их мнению. Очень часто Web-мастера размещают на своём сайте гостевую книгу - это делает общедоступными все отзывы и предложения. Для реализации такой формы обратной связи прибегают к помощи CGI скриптов расположенных на сервере и обрабатывающих текст, вводимый посетителем в полях формы и затем отображающих текст сообщения непосредственно на этой странице. По такому же принципу можно организовать пересылку сообщений по указанному E-mail адресу, не прибегая к использованию почтового клиента Outlook Express. Для этого воспользуйтесь бесплатным удобным и легко настраиваемым формоотправителем, который находится здесь :
| http://www.webclub.ru/free/sendform |
Чтобы обзавестись гостевой книгой - сходите сюда :
Чтобы обзавестись чатом - сходите сюда :
| http://www.parachat.com | | http://www.starvoice.com/chatroom/free/ |
| http://www.xoom.com/chat/ | | http://www.sneakerchat.com |
| http://www.chatplanet.com/license.html | | http://www.beseen.com/chat/freechat.html |
Доски объявлений можно получить здесь :
| http://www.cgiforme.com | | http://www.beseen.com |
| http://www.bravenet.com | | http://www.insidetheweb.com/messageboard/ |
| http://www.boardhost.com |
А здесь Вы сможете получить свой аукцион :
| http://www.с99.ru |
Представте себе такую ситуацию, когда Вы были бы вынуждены читать одну и ту же книгу, газету или журнал постоянно изо дня в день. Так вот - Ваш сайт рискует потерять посетителей, если каждый раз заходя на него они не увидят там ничего нового. Нет предела совершенству, еще далеко не все Вами сказано. Совершенствуйте свой сайт, обновляйте его контент, выносите в отдельные разделы новшества или ссылки на них, выделяйте значками или цветом текста информацию о новшествах и о дате предыдущего и будущих обновлений. Некоторые информационные сайты новостей практикуют это ежедневно , а иногда и ежечасно и пользуются заслуженной популярностью, но такой стиль работы требует много рабочего времени и материала. Начните с того, что разместите сначала 40 % информации и дополняйте сайт частями с пометкой продолжение следует - это позволит Вам надеяться на то, что посетитель придет на сайт снова.
Взвесив все ЗА и ПРОТИВ использования на страницах Вашего Web-узла графических изображений Вы, скорее всего, решитесь на её использование.Для работы с изображениями в WWW используют два основных формата: JPEG ( Joint Photographic Experts Group - объединенная группа экспертов фотографии ) и GIF, ( Graphical Interchange Format - графический обменный формат ) реже используют специально созданный формат PNG ( Portable Network Graphics - переносимая сетевая графика )
Формат GIF позволяет создавать изображения не более чем с 256 цветами и использует алгоритм сжатия без потерь качества исходного изображения, кроме того он позволяет конструировать анимационные графические файлы. Этот формат в основном используют для создания баннеров - анимационных картинок или картинок, на которых присутствует текст. Анимация создается по простому принципу: сначала создаются несколько картинок-кадров, задается их очередность, частота обновления кадров в секундах и количество повторений, а после они связываются в один файл с расширением .gif, причем размер такого файла часто меньше суммы размеров, входящих в него изображений. Такая экономия достигается при оптимизации анимации, когда одинаковые во всех изображениях участки запоминаются как один статический.
JPEG файлы позволяют отображать до 16 миллионов цветов при сравнительно небольшом их размере. Однако использование более сильного сжатия файлов приводит к существенному ухудшению их качества. Этот формат в основном используют для создания фотографических изображений.
Для оптимизации т.е. уменьшения размеров графических файлов пользуются различными программами-оптимизаторами умеющими работать с форматами GIF и JPEG. Над созданием таких программ трудятся такие известные компании как Adobe и Ulead, и конечно еще масса менее известных разработчиков. В наборе инструментов практически каждого Web-дизайнера есть программы этих компаний.
Для работы с GIF-изображениями подойдет программа Gif Construction Set с которой можно познакомиться на сайте компании
| http://www.mindworkshop.com |
| http://www.dadaware.com |
| http://www.ulead.com |
 | - до оптимизации |  | - после оптимизации |
| 1.666 kB | 595 B |
Для работы с JPG-изображениями подойдет программа Ulead Smart Saver Pro с которой можно познакомиться на сайте компании
| http://www.ulead.com |
| http://www.adobe.com |
Вариантов для размещения Web-страниц на самом деле довольно много. Если Ваш сайт представляет собой коммерческий проект то лучше всего Вам обзавестись собственным сервером и высоко-скоростным выходом в сеть, либо арендовать место у компаний могущих обеспечить вас всем необходимым. А если это проект поскромнее,
то тут всё немного проще. Можно найти в сети огромное количество ссылок на free web pages , даже некоторые провайдеры предоставляют своим клиентам бесплатное место под страницу.
На этом сервере вы получите возможность устанавливать свои собственные скрипты и доступ к ним по ftp
| http://www.44.ru/cgi-bin/start.pl |
Однако для того чтобы выбрать окончательно необходимо обратить внимание на следующие пункты.
В сети каждый компьютер имеет свой уникальный адрес, который может быть представлен как последовательностью четырех целых чисел от 0 до 255, разделенных между собой точкой, так и именем.
В Интернете используется многоуровневая так называемая доменная система имен или URL - Universal Resource Locator . Каждый уровень называется доменом. Домены разделяются точками. Чем выше доменный уровень тем правее он стоит в имени. Обычно домен верхнего уровня обозначает страну, где расположен сервер т.е. ru-Россия, uа-Украина, de-Германия,
fr-Франция, а кроме того различные организации com-коммерческие, net-сетевые, org-прочие.
Синтаксис : http :// www . отдел . компания . ru
Например, если в вашей Super company есть отдел маркетинга, а сайт компании лежит на сервере провайдера Best server, то URL отдела маркетинга будет выглядеть так: http :// www . marketing . super_company . best_server . ru
где отдел маркетинга будет иметь домен четвертого уровня, Ваша компания - домен третьего уровня, Ваш провайдер - домен второго уровня, соответственно.
Большинство компаний имеют свой именной домен и даже не зная точно - можно угадать, что если она носит имя InterNic, то скорее всего это будет www.internic.com или www.internic.net, где www означает тип информации. Таким образом если Вы желаете чтобы Ваш сайт можно было быстро найти
, то обратитесь в одну из организаций, занимающуюся проверкой и выдачей адресов в сети.
Например :
| http://www.internic.net |
| http://www.ripn.net/nic |
| Взять banner | bookmark | Вернуться назад | Отослать ссылку |
| МЕТА -генератор | Регистратура | Е- mailer | Контакты |
| Главная | Учебник HTML | Web-mastering | Раскрутка |
guide
| On-line учебник HTML с примерами,
| guide
|