Веб-школа
Интернет-технологии

РЕКЛАМА

Начинающим

Стандарты, ограничения и результаты

Вступление

Итак, вы решили создать свою Веб-страницу. И не просто страницу, а самую интересную, самую красивую и часто посещаемую.

С чего начать? Ведь перспектива длительного изучения технической документации по средствам программирования вас, наверное, не очень радует. Но. Душа горит, а руки тянутся к клавиатуре.

Самый простой выход - обратиться к готовым шаблонам HTML-редактора[?]. Сделать на основе шаблона простую домашнюю страничку, рассказывающую к примеру, о вас и вашей кошке, вы сможете ...и она канет "в Лету", как многие подобные страницы Интернета.

Для создания более серьезного проекта все же придется обратиться к книгам, поступить на курсы HTML-программинга или воспользоваться услугами нашей Веб-школы. Наши уроки созданы как для начинающих Веб-мастеров, так и для желающих узнать новое о Веб-программировании и недокументированных воможностях языка HTML[?]. Вам будут предложены основательные, продуманные и проверенные на опыте, подкрепленные примерами рекомендации и советы по созданию Веб-страниц.

Сегодня разработкой серьезных Веб-проектов занимаются целые команды специалистов разного плана - от наборщиков и специалистов по базам данных до профессиональных художников. Центральное место в команде занимает, конечно, Веб-дизайнер, умениями и способностями которого рождается на свет образ Веб-проекта. Его знания не должны ограничиваться только хорошим владением графическими пакетами - необходимо умелое и, что немаловажно, сбалансированное применение всех основных Веб-составляющих: HTML, JavaScript[?], CGI[?], CSS[?]. Для Веб-страниц, не претендующих на всеохватное использование возможностей Веб-программирования, вполне достаточно будет уроков нашей виртуальной школы.
 

Реклама

Браузеры

Один из главных технических терминов в WEB-мастеринге - browser (специализированная компьютерная программа для навигации в Интернете и просмотра WEB-страниц) - по-русски пишется двояко: броузер либо браузер. Автор этого материала придерживается второго варианта, т.к. он наиболее правилен с точки зрения английского произношения слова browser. Самыми популярными явяляются Microsoft Internet Explorer, который, по данным сервера SpyLog, занимает около 80% рынка Веб-программ. Второе место у самого старого браузера Netscape Communicator - около 19%. И последнее место у молодого маленького и шустрого браузера Opera - менее 1%.

Веб-графика

Создание и оптимизация графики - сложная и капризная задача, особенно для не очень опытного Веб-мастера. Безусловно, возможно создание Веб-документов и без использования графики - при помощи шрифтов, скриптов и таблиц стилей (CSS) - и это будет красиво и стильно. Но ведь окончательный вид документа зависит от большого числа различных факторов, таких как: ширина окна браузера, предварительные настройки браузера, принятые по умолчанию размер шрифта, его имя и цвет. К тому же не все скрипты и стили поддерживаются всеми браузерами. Если же будет использована графика, то посетитель вашей страницы увидит ее точно такой, какой сделали и видите ее вы.

Основная сложность работы с Веб-графикой состоит в том, что пропускная способность каналов Интернета, в большинстве случаев, очень низкая и перед вами сразу встанут проблемы - как сделать графический файл небольшой по объему, но хорошего качества, какие программы и приемы использовать при его оптимизации. Материалы нашей Веб-школы помогут вам и в этом.

HTML

В принципе, Веб-документы могут существовать в любом формате. В качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Веб-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.

Средствами HTML задаются синтаксис и размещение специальных встроенных указаний (тегов[?]), в соответствии с которыми браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.

Попробуйте взглянуть на HTML-код ваших любимых Веб-страниц (например, в Internet Explorer из меню "Вид" выберите команду "В виде HTML") и сравните с конечным результатом, отображаемым браузером. Если вы начинающий Веб-мастер, то увиденный HTML-код, наверное, покажется вам непонятным. Поэтому многие HTML-редакторы (о них у нас есть небольшая статья) позволяют создавать странички в режиме WYSIWYG (What You See Is What You Get - "Что видите, то и получаете"), при котором вы работаете непосредственно с графическими и текстовыми объектами - т.е. сразу с конечным результатом, который будет видеть посетитель вашей страницы. Все изменения немедленно отображаются в HTML-коде страницы. При этом отпадает необходимость в знании тегов HTML. Казалось бы, что еще нужно? Но для эффективной работы этого будет недостаточно. Можно предложить такую аналогию: для успешного вождения автомобиля необязательно знать, что находится у него под капотом. А если, вдруг, он остановится посреди улицы? Ваша Веб-страница может прекрасно смотреться на мониторе домашнего компьтера, вызывая восхищение близких. А в Интернете, вдруг, пропадает картинка, занимающая центральное место! Так что, минимальное знание HTML все же необходимо.
 

Реклама

Каждому сайту - механизм организации собственной ленты новостей бесплатно! Подробнее >>

Подготовка к обучению

Для успешного обучения мы рекомендуем установить на ваш компьютер:

  1. Браузеры Netscape Communicator и Microsoft Internet Explorer. Почему оба? Дело в том, что существуют различия в отображении элементов одного и того же Веб-документа разными браузерами. В идеале - еще и наличие на компьютере различных версий Microsoft Internet Explorer - причина та же. Фраза "Страница адаптирована под такой-то браузер" уже давно считается дурным тоном в Веб-мастеринге.
  2. HTML-редактор. Из огромного количества редакторских программ автор статьи предпочитает HomeSite4.5, как наиболее стабильный и корректный продукт компании Allaire. Но для начального обучения подойдет и любой другой - FrontPage, Macromedia Dreamweaver (у нас есть отдельный курс), Hot Metal, CuteHTML и прочее.
  3. Графические пакеты. Предпочтительно наличие Adobe PhotoShop, как основы (есть специальный раздел). Небходим и набор инструментов для создания анимации, баннеров, визуалов (вспомогательных графических элементов), кнопок. Все это есть в одном пакете - Extensis PhotoTools 3.0. Прекрасным помощником в подготовке Веб-графики будет для вас пакет Ulead SmartSaver 2.0 (третья версия этого пакета не рекомендуется автором).

Курс для начинающих

В начальном курсе создания Веб-страниц вы освоите минимально неоходимый инструментарий Веб-мастера, узнаете о существующем сервисе для размещения продуктов вашего Веб-творчества в Интернете. И, разумеется, получите основополагающие знания о HTML-программировании и Веб-дизайне, включающие следующие разделы:

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

Конечно, пока не в ваших силах будет создание он-лайн магазина, гостевой книги, чата, самогенерирующихся страниц на основе ASP[?], FLASH[?]-сайтов и роликов, т.к. ВВОДНЫЙ КУРС ДЛЯ НАЧИНАЮЩИХ не предполагает глубокого изучения HTML, CGI, CSS, JavaScript, технологий FLASH и ASP.

Послесловие

Мы рассмотрели в этом вводном материале лишь основополагающий базис знаний, который будет необходим вам при работе с HTML-документами и Веб-проектами. Безусловно, для того чтобы сделать первые шаги в Веб-мастеринге, вам потребуется несколько больший объем информации. Для этого и существует наша виртуальная школа.

Мы будем рады сотрудничеству с вами!

© 2000 В. Филиппов.
 

Реклама

ВАКАНСИИ (Компьютеры, Интернет). Подробнее >>

ПОИСК по сайту: 
© iD, 2000

Hosted by uCoz