несовет жизнь изнутри
                 Rambler's Top100 на главную

 развернутьв новом окне

несколько слов о HTML

создание макета страницы

обзор HTML-редакторов

использование фреймов, SSI, и некоторые тонкости

 

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

    WEB страницы описываются специальным языком, называемом HTML(Hiper Text Markup Language, Стандартный язык разметки документов). Этот язык является стандартом для обмена документами между различными платформами.

    Термин HTML означает язык маркировки гипертекстов. Для освоения этого языка понадобятся: любой браузер(для проверки результатов работы)и редактор текстовых файлов(для подготовки HTML-файлов), в Windows это Notepad.

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

    HTML- это средство разметки документов и основная задача разметить текст, определить параграф, абзац, заголовок.

    В HTML- документе это делается не просто выделением жирным шрифтом, или переносом строки, как в простом тексте. Все делается при помощи соответствующего кода и в этом есть своя логика.

    Дело в том, что HTML-документ может быть отправлен на любое устройство вывода, а не только на экран монитора. Этим устройством может быть дисплей наручных часов, интернет пейджер, да и голосовой компьютер тоже.

    И если вся разметка выполнена правильно, то смысл задуманного вами вы донесете до всех.

    Для начала нужно распланировать страницу. Все элементы, графика и текст помещаются в ячейки таблицы. Поэтому желательно сначала определиться какую таблицу чертить, сколько в ней будет ячеек. На листе бумаги хотя бы набросать эскиз страницы. Бордюр в таблице, как правило, выбирается 0. Тогда его в окне броузера не видно. Если страница чисто текстовая то можно сделать бордюр = 1, будет похоже на лист. Ширину и высоту таблиц нужно задать в пикселах(можно сделать высоту безразмерную). Когда при загрузке броузер будет планировать размещение меньше времени пройдет.
     Страница должна размещаться в середине окна броузера и быть шириной не более 800 пикселов. Если ваш сайт рассчитан на широкого посетителя, то необходимо учитывать что не у всех компьютеры с высоким разрешением монитора. Ориентироваться на 800x600 точек.
     Если сайт рассчитан на дизайнеров, то можно делать что угодно.
    Существует масса редакторов, которые помогают создать страницу.
    Есть редакторы, которые совсем не показывают код(WYSIWYG), в которых работают только с кодом и гибриды.
     FRONT PAGE-очень привычный интерфейс, кто хоть раз использовал Office
В код можно вставлять элементы ActiveX, сценарии JavaScript и Java-апплеты. Предварительный просмотр страницы производится в окне. В программе есть несколько шаблонов и мастеров, что очень облегчит работу начинающим. Но есть и некоторые недостатки. Программа генерирует избыточный код.
     Страницы сделанные во фронт пейдже хорошо смотрятся в интернет эксплорере, в других броузерах могут быть отклонения от задуманного. Есть сервер, что добавляет возможности для проверки, можно скачать microsoft

     ADOBE PAGE MILL редактор WYSIWYG, но программа не дает возможности править HTML-код. Код приходится редактировать в Notepad. Можно вставлять ActiveX и Java-апплеты. Есть, почти мгновенный просмотр в браузере. Для редактирования картинок использует Photoshop. К недостаткам можно отнести невозможность исправит HTML-код и генерация лишних тегов. Вес около 13 Mb можно взять на ADOBE

     COFFEE CUP <HTML> EDITOR очень хороший редактор но, к сожалению, стоит денег.

     Масса кнопок подсказок и настроек(для начала настраивается кириллический шрифт). Имеет большую коллекцию скриптов, написанных на JavaScript, VBScript, CGI, картинок. В программу встроен FTP-клиент, который поможет закачать программу на сервер. Некоторые функции недоступны, пока не заплатишь. В основном это редактор для редактирования стилей и дает возможность просматривать изготавливаемые стили сразу в двух браузерах. Весит 6868 Kb взять можно здесь ftp://ftp.blackdomino.com

     ARACHNOPHILIA мощный и хорошо сделанный редактор. Вес всего 1,5 Мб. Программа поддерживает создание JavaScript, CGI, фреймов и форм. Позволяет напрямую работать с Ява. Программа прекрасно понимает русский, правда при вставке из буфера бывают проблемы. В программу встроен FTP- клиент. Для просмотра получившейся страницы можно использовать до 6 браузеров, хотя программой используется только системный. Имеется проверка целостности ссылок, поддерживается режим многооконности. Весит 1549 Кб можно скачать arachnoid.

    ACE EXPERT очень простая и симпатичная программа, красиво оформлены все кнопки на панели инструментов. Редактор можно отнести к разряду лучших HTML редакторов. Программа позволяет легко работать с Ява-апплетами и Java-скриптами. Имеет много встроенных шаблонов написанных на DHTML и Perl. Представляет страницу в собственном браузере, но можно просмотреть и во внешнем. В редактор встроен файловый менеджер. Особое отличие редактора то, что теги выделены определенным цветом. Весит программа 3012 Кб, размещена http://tucows.mirror.ac.uk

   HOME SITE одна из самых классных программ для создания WWW-сайта. Имеет удобный ввод наиболее распостраненных тегов, есть поддержка проектов. Имеет меню для редактирования тегов. Редактор поддерживает работу с таблицами, формами, шаблонами и скриптами JavaScript, VBScript. Трудно настраивается русский язык. Проверяет правописание соответственно английского языка. Можно выделить цветовую разметку тегов, осуществляет проверку корректности ссылок и имеет неплохой редактор каскадных стилей. Весит 7747 Кб можно скачать www.allaire.com

   HOT DOG PROFESSIONAL один из самых профессиональных редакторов. При первой загрузке можно, исходя из своих способностей, выбрать новичок или опытный дизайнер. Также необходимо ввести для какого разрешения будет создаваться сайт. Есть два окна для просмотра кода и вид страницы, также есть окошко с тегами, и, если знаешь для чего каждый тег, не нужно тратить время для его написания. Программа поддерживает Java-апплеты, CGI, CSS, JavaScript и VBScript. В редактор входит программа проверки синтаксиса. Единственный минус очень большой обьем 8915 Кб можно скачать sausage.

   VISUAL HTML WORKSHOP это наш российский HTML-редактор. Наш софт самый лучший, и эта программа не исключение. Отличный интерфейс. Отличительной особенностью проекта является обьектная модель работы т.е. все части проекта рассматриваются как единое целое, а не как набор файлов. Есть поддержка автоматического перекодирования документа. Программу отличает маленький вес 933 Кб и цена около 8 долларов. Для начинающих это то что надо, и если навести курсор на Ctrl+F1, то сразу получаем справку по тегу, что он собой представляет и самое главное на русском языке.


     MACROMEDIA( Dreamweaver, Fireworks, Flash, Freehand) это просто супер и для графики и для создания сайтов. Программы скорее для дизайна, хотя есть все для создания, грамотно построенного, и технически насыщенного сайта без дизайнерских изысков, как, например Microsoft.
    Правда, нужно подходить не совсем тупо. Редактировать необходимо в коде, но можно сразу просматривать. Есть масса шаблонов но, на мой взгляд, начинающим ими пользоваться не стоит потом трудно самому разобраться что получилось, и редактировать страницу, которую с самого начала делал не сам трудно. В макромедиа нужно сразу установить на странице кодировку
<meta http-equiv=Content-Type content="text/html; charset=windows-1251"> а ту что там генерируется убрать. Я думаю программ от макромедиа достаточно для создания сайта любого качества.

    Netscape Composer для создания сайта способом "что видишь, то и получаишь", больше ничего особенного.

    И наверное небезинтересно будет заметить, что все вышеперечисленные программы работают под Windows. Для любителей Linux могу порекомендовать WebSphere Homepage Builder и CoffeeCup.
     На странице можно использовать фреймы. К фреймам неоднозначное отношение. Они усложняют страницу и плохо индексируются поисковыми системами. Если можно обойтись без них, то нужно обойтись. Есть приемы не показывать роботам, что страница с фреймами об этом в разделе "?".
     Технология SSI Server Side Includes. Она позволяет сделать шаблон страницы и с помощью однотипных команд собирать страницу по частям. Можно на всех страницах оставить один заголовок, шапку, банер. Очень легко будет заменить элемент. Все это хорошо, но во первых необходимо знать азы программирования, а во вторых не все серверы с бесплатным хостингом поддерживают SSI.
     Страница, на которую вы смотрите со встроенными фреймами с указанием цели.
     Таким способом достигается статичность меню. Но банеры приходится заменять на страницах и банер уходит с прокруткой текста из поля зрения.

Rambler's Top100 Rambler's Top100 Яндекс.Метрика
   Газель-спб.Компания перевозчик.

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