Содержание
Вступление
Итак, вы решили создать свою WEB-страницу. И не просто страницу, а самую интересную, самую красивую и часто посещаемую.
С чего начать? Ведь перспектива длительного изучения технической документации по средствам программирования вас, наверное, не очень радует.
Но. Душа горит, а руки тянутся к клавиатуре.
Самый простой выход - обратиться к готовым шаблонам HTML-редактора.
Сделать на основе шаблона простую домашнюю страничку, рассказывающую к примеру, о вас и вашей кошке,
вы сможете ...и она канет "в Лету", как многие подобные страницы Интернета.
Для создания более серьезного проекта все же придется обратиться к книгам, поступить на курсы
HTML-программинга или воспользоваться услугами любой WEB- школы.
Наша школа создана для желающих узнать новое о WEB-программировании и недокументированных воможностях языка HTML.
Вам будут предложены основательные, продуманные и проверенные на опыте,
подкрепленные примерами рекомендации и советы по созданию WEB-страниц.
Сегодня разработкой серьезных WEB-проектов занимаются целые команды специалистов
разного плана - от наборщиков и специалистов по базам данных до профессиональных художников.
Центральное место в команде занимает, конечно, WEB-дизайнер, умениями и способностями которого
рождается на свет образ WEB-проекта. Его знания не должны ограничиваться
только хорошим владением графическими пакетами - необходимо умелое и, что немаловажно,
сбалансированное применение всех WEB-составляющих:
HTML, JavaScript,
CGI, CSS.
Для WEB-страниц, не претендующих на всеохватное использование возможностей WEB-программирования,
вполне достаточно будет статей нашей виртуальной школы.
Браузеры
Один из главных технических терминов в WEB-мастеринге - browser (специализированная компьютерная программа для навигации в Интернете
и просмотра WEB-страниц) - по-русски пишется двояко: броузер либо браузер. Автор этого материала придерживается
второго варианта, т.к. он наиболее правилен с точки зрения английского произношения слова browser.
Первым браузером был Mosaica. В дальнейшем группа разработчиков Mosaica (1994 г.)
создали Netscape Navigator
(начиная с версии 4.0 этот браузер называется Netscape Communicator).
Netscape долго был лидером на просторах Интернет, но Microsoft Internet Explorer,
с успехом исправив все недоработки браузера Netscape, на сегодняшний день - победитель гонки за популярность.
Не так давно (1998 г.) на рынке WEB-программ появился маленький и шустрый браузер Opera,
однако, пока не представляющий собой конкурента для Netscape Communicator и Internet Explorer.
WEB-графика
Создание и оптимизация графики - сложная и капризная задача, особенно для не очень опытного WEB-мастера.
Безусловно, возможно создание WEB-документов и без использования графики - при
помощи шрифтов, скриптов и таблиц стилей
- и это будет красиво и стильно.
Но ведь окончательный вид документа зависит от большого числа различных факторов,
таких как: ширина окна браузера, предварительные настройки браузера, принятые по умолчанию размер шрифта,
его имя и цвет. К тому же не все скрипты и стили поддерживаются всеми браузерами.
Если же будет использована графика, то посетитель вашей страницы увидит ее точно такой,
какой сделали и видите ее вы.
Основная сложность работы с WEB-графикой состоит в том, что пропускная способность каналов
Интернета, в большинстве случаев, очень низкая и перед вами сразу встанут проблемы -
как сделать графический файл небольшой по объему, но хорошего качества, какие программы и приемы
использовать при его оптимизации. Материалы нашей WEB-школы помогут вам и в этом.
HTML
В принципе, WEB-документы могут существовать в любом формате. В качестве
стандарта принят Hyper Text Markup Language - язык разметки гипертекстов,
предназначенный для создания форматированного текста, насыщенного изображениями,
звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы,
разбросанные как по всему WEB-пространству, так и находящиеся на этом же
сервере или являющиеся составной частью этого же WEB-проекта.
HTML был разработан Тимом Бернерс-Ли. В 90-е годы язык получил широкое
распространение вместе с ростом всемирной паутины Интернета. На сегодняшний день
последней является версия 4.0.
Средствами HTML задаются синтаксис и размещение специальных
встроенных указаний (тегов), в соответствии с которыми браузер отображает
содержимое WEB-документа. Текст самих тегов WEB-браузером не отображается.
Попробуйте взглянуть на HTML-код ваших любимых WEB-страниц (например, в Internet
Explorer из меню "Вид" выберите команду "В виде HTML") и сравните с конечным
результатом, отображаемым браузером. Если вы начинающий WEB-мастер, то увиденный HTML-код,
наверное, покажется вам непонятным. Поэтому многие HTML-редакторы позволяют
создавать странички в режиме WYSIWYG (What You See Is What You Get - "Что видите, то и получаете"), при котором вы работаете
непосредственно с графическими и текстовыми объектами - т.е. сразу с конечным результатом, который будет видеть посетитель вашей страницы.
Все изменения немедленно отображаются в HTML-коде страницы. При этом отпадает необходимость
в знании тегов HTML. Казалось бы, что еще нужно? Но для эффективной работы этого будет недостаточно.
Можно предложить такую аналогию: для успешного вождения автомобиля необязательно знать,
что находится у него под капотом. А если, вдруг, он остановится посреди улицы?
Ваша WEB-страница может прекрасно смотреться на мониторе домашнего компьтера, вызывая восхищение близких.
А в Интернете, вдруг, пропадает картинка, занимающая центральное место!
Так что, минимальное знание HTML все же необходимо.
Возможности языка HTML по верстке документов несколько ограничены. В этом случае на
помощь ему приходят CSS.
CSS
Cascading Style Sheets (Каскадные Таблицы Стилей) - это язык, содержащий набор
свойств для описания внешнего вида любых HTML-документов.
Используя возможности CSS вы получите полный контроль над стилем и расположением
любого элемента WEB-страницы.
К примеру, вы хотите, чтобы ваш текст был написан зеленым, полужирным курсивом (наклонным шрифтом).
В HTML это будет выглядеть так:
<font color="green"><b><i>Ваш текст</i></b></font>
А если подобное написание нужно использовать несколько раз? Хорошо, если раза 2-3, а
если 20-30? Вот тут вам и поможет СSS.
Таблица стилей единожды описывает специфическое форматирование элемента,
присваивает ему имя, и далее он употребляется там,
где потребуется. Но возможности CSS этим не ограничиваются.
Более подробно мы поговорим об этом на занятиях нашей школы.
Подготовка к работе
Для успешной работы в WEB-мастеринге мы рекомендуем установить на ваш компьютер:
- Браузеры Netscape Communicator и Microsoft Internet Explorer.
Почему оба? Дело в том, что существуют различия в отображении элементов одного и того же WEB-документа разными браузерами.
В идеале - еще и наличие на компьютере различных версий Microsoft Internet Explorer - причина та же.
Фраза "Страница адаптирована под такой-то браузер" уже давно считается дурным тоном в WEB-мастеринге.
- HTML-редактор. Из огромного количества редакторских программ автор статьи предпочитает HomeSite4.5,
как наиболее стабильный и корректный продукт компании Allaire. Но для начала подойдет и любой другой -
FrontPage, Macromedia Dreamweaver, Hot Metal, CuteHTML и прочее.
- Графические пакеты. Предпочтительно наличие Adobe PhotoShop, как основы. Небходим и набор инструментов для создания
анимации, баннеров, визуалов (вспомогательных графических элементов), кнопок. Все это есть в одном пакете -
Extensis PhotoTools 3.0. Прекрасным помощником в подготовке WEB-графики будет для вас пакет Ulead SmartSaver 2.0
(третья версия этого пакета не рекомендуется автором).
Послесловие
Мы рассмотрели в этом вводном материале лишь основополагающий базис знаний, который
будет необходим вам при работе с HTML-документами и WEB-проектами. Безусловно,
для того чтобы сделать первые шаги в WEB-мастеринге, вам потребуется несколько
больший объем информации.
Мы будем рады помочь вам!
© 2000 V. Philippov.
|
|
