Вход    
Логин 
Пароль 
Регистрация  
 
Блоги   
Демотиваторы 
Картинки, приколы 
Книги   
Проза и поэзия 
Старинные 
Приключения 
Фантастика 
История 
Детективы 
Культура 
Научные 
Анекдоты   
Лучшие 
Новые 
Самые короткие 
Рубрикатор 
Персонажи
Новые русские
Студенты
Компьютерные
Вовочка, про школу
Семейные
Армия, милиция, ГАИ
Остальные
Истории   
Лучшие 
Новые 
Самые короткие 
Рубрикатор 
Авто
Армия
Врачи и больные
Дети
Женщины
Животные
Национальности
Отношения
Притчи
Работа
Разное
Семья
Студенты
Стихи   
Лучшие 
Новые 
Самые короткие 
Рубрикатор 
Иронические
Непристойные
Афоризмы   
Лучшие 
Новые 
Самые короткие 
Рефераты   
Безопасность жизнедеятельности 
Биографии 
Биология и химия 
География 
Иностранный язык 
Информатика и программирование 
История 
История техники 
Краткое содержание произведений 
Культура и искусство 
Литература  
Математика 
Медицина и здоровье 
Менеджмент и маркетинг 
Москвоведение 
Музыка 
Наука и техника 
Новейшая история 
Промышленность 
Психология и педагогика 
Реклама 
Религия и мифология 
Сексология 
СМИ 
Физкультура и спорт 
Философия 
Экология 
Экономика 
Юриспруденция 
Языкознание 
Другое 
Новости   
Новости культуры 
 
Рассылка   
e-mail 
Рассылка 'Лучшие анекдоты и афоризмы от IPages'
Главная Поиск Форум

Компьютерная документация - - Web-дизайн: Тонкости, хитрости и секреты

Проза и поэзия >> Проза 90-х годов >> Леонтьев, Борис >> См. также >> Компьютерная документация
Хороший Средний Плохой    Скачать в архиве Скачать 
Читать целиком
Борис Леонтьев. Web-дизайн: Тонкости, хитрости и секреты

---------------------------------------------------------------

© Copyright Борис Леонтьев

Home page: http://members.rotfl.com/bobleon/

Email: bobleon@uniinc.msk.ru

---------------------------------------------------------------



     ББК 32.973

     УДК 681.3

     Главный редактор

     Дмитрий Царик

     Корректор

     Ирина Царик

     Художник-дизайнер

     Борис Леонтьев

     Леонтьев Б.

     Л80 Web-дизайн: Тонкости, хитрости и секреты. -- М.: Познавательная книга плюс, 1999. -- 192 с.

     ISBN 5-88548-067-2

     Вы хотите научиться создавать web-страницы просто, красиво и профессионально? Тогда просто прочитайте эту небольшую книгу и Ваш web-дизайн будет всегда великолепным!

     Книга рассчитана как на широкий круг пользователей, так и на профессионалов.

     Copyright © Борис Леонтьев, 1999.

     Copyright © Издательство "Познавательная книга плюс", 1999.

     Copyright © Студия дизайна и рекламы МиК, 1999. Оформление серии и этой книги.

     Copyright © Издательство "Утро" совместно с фирмой "Олег и Павел", 1999.

     Авторские права на настоящую книгу, название серии "Кратко, доступно, просто" и оформление самой серии принадлежат Борису Леонтьеву и студии дизайна и рекламы МиК. Полное или частичное копирование книги, а также публикация других рукописей в рамках этой серии без разрешения правообладателя является нарушением авторского права и может иметь юридические последствия в соответствии с действующим законодательством.


     Все названия продуктов, упомянутые в этой книге, являются товарными знаками или зарегистрированными товарными знаками соответствующих организаций.

     Программное обеспечение, описанное в этой книге, поставляется исключительно по лицензионному договору и может использоваться или копироваться только в соответствии с условиями этого договора. Копирование этого программного обеспечения на какой-либо носитель информации, если на это нет специального разрешения по лицензионному договору, является нарушением Закона Российской Федерации "О правовой охране программ для ЭВМ и баз данных" и норм международного права.

     ЛР No 069954 от 01.12.1991 г. Сдано в набор 06.07.98. Подписано в печать 12.12.98. Формат 60X84/16.

     Бумага типографская. Гарнитура "Newton". Печать офсетная. Физ. печ. л. 12. Тираж 5 000 экз. Заказ 48.


     Web-дизайн

     Web-страницы можно создавать несколькими способами -- с нуля или на основе существующего шаблона. В последнем случае, впрочем как и в первом, у вас могут быть проблемы при тестировании созданного документа, так как сгенерированным ссылкам свойственно ошибаться. Решить эту проблему может уже не редактор, а обыкновенный обозреватель WWW.

     Eсли у вас имеется коллекция картинок, фонов, маркеров и разделителей, то создание Web-страниц -- весьма увлекательное занятие. Кроме всего этого, помните, что вам обязательно понадобится софт для преобразования обычных текстовых файлов в файлы формата HyperText Markup Language.

     Хороший редактор Web-страниц должен, с одной стороны, позволять редактировать код HTML, а с другой -- просматривать произведенные таким образом изменения в режиме непосредственного просмотра.

     Если вы начинаете с нуля, то вы должны ввести или импортировать текст в документ, отформатировать абзацы, разместить картинки. Все картинки и текстовые файлы сохраняются в одном каталоге. Затем все это хозяйство отправляется к вашему поставщику Internet на его винчестер.


     Гипертекстовый документ

     Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Реализовано все это через протокол передачи гипертекста HTTP (HyperText Transfer Protocol).

     Информация в документах Web может быть найдена по ключевым словам. Это означает, что каждый обозреватель Web содержит определенные ссылки, через которые образуются так называемые гиперсвязи, позволяющие миллионам пользователей Internet вести поиск информации по всему миру.

     Гипертекстовые документы создаются на базе языка HTML (HyperText Markup Language). Этот язык весьма прост, управляющие коды его, которые, собственно, и компилируются обозревателем для отображения на экране, состоят из текста ASCII. Ссылки, списки, заголовки, картинки и формы называются элементами языка HTML.


     Универсальный локатор ресурса

     Web может открывать доступ к другим ресурсам Internet, например к электронной почте, FTP, Gopher, WAIS или конференциям Usenet. Одно из таких средств серфинга по Web обеспечивает встроенный в Windows 98 обозреватель Microsoft Internet Explorer 4.0.

     Документ в Internet ищется по так называемому адресу URL (Uniform Resource Locator), синтаксис которого следующий:


     protocol://hostport/path


     hostport -- адрес сервера с соответствующим номером порта. Этот параметр отображает так называемую машинную адресацию. Машинная адресация может быть числовой или буквенной.


     path -- путь.

     Вместо аргумента protocol может стоять:

     http -- любая гипертекстовая информация.

     ftp -- протокол передачи файлов.

     telnet -- терминальный доступ.

     gopher -- "предшественник" WWW.

     afs -- файловая система Internet.

     news -- конференции Usenet.

     wais -- система баз данных Internet.


     Домены Internet

     Все узлы Web классифицированы Международным центром сетевой информации (NIC) на шесть доменов:


     com -- коммерческие предприятия, например, провайдеры Internet


     edu -- образовательные учреждения, колледжи и университеты


     net -- действующие сети, например, Network Information Center


     org -- непрофессиональные организации


     mil -- военные сети


     gov -- правительственные учреждения, например, whitehouse.gov

     Кроме этого, все доменные имена имеют указатели на страну, в которой расположен данный узел. Например, доменные имена .uk, .jp и .us представляют соответственно Великобританию, Японию и США.


     HTML

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

     HTML позволяет вам формировать различную гипертекстовую информацию на основе структурированных документов.

     Обозреватель определяет сформированные ссылки и, через протокол передачи гипертекста HTTP, открывает доступ к вашему документу другим пользователям Internet. Разумеется, для успешной реализации всего этого необходим софт, полностью совместимый с WWW и поддерживающий HTML.


     Описание HTML

     HTML-документ -- это обычный текстовой файл. Используя, например, обозреватель Netscape Navigator вы можете просмотреть результат вашей работы, просто загрузив в него созданный на основе синтаксиса HTML текстовой файл.

     Гипертекстовый язык предоставляет только информацию для чтения. Это означает, что редактировать Web-страницы может лишь тот, кто их создал, а не простой пользователь Сети сетей. Впрочем, если забежать немного вперед, можно сказать, что используя общий шлюзовой интерфейс (CGI) можно добавлять некоторые операторы HTML в сгенерированную страницу.


     Тэги

     Самый смак гипертекстового языка -- это ссылки. В мировой паутине вы просто нажимаете на ссылку и мгновенно оказываетесь в другой точке земного шара на выбранной вами страничке.

     По традиции всех классических руководств по HTML мы приводим самый простой гипертекстовый документ.


     <TITLE>Пример простого HTML документа</TITLE>

     <H1>Здесь размещен заголовок первого уровня</H1>

     Добро пожаловать в Internet!

     Первый и последний параграф.<P>

     В этом примере мы использовали следующие термины гипертекста (так называемые тэги):


     <TITLE> -- тэг, использующийся для определения заголовка.


     <H1> -- тэг заголовка.


     <P> -- тэг метки параграфа.

     В языке описания гипертекстовых документов все тэги парные. В конечном тэге присутствует слэш, который сообщает обозревателю о завершении. Но! Существует одно исключение из этого правила пар:

     В природе не существует тэга </P>.

     Не все тэги совместимы с обозревателями. Если обозреватель не понимает тэг, то он его просто пропускает.

     Итак, документ HTML это заголовок:


     <html>

     <head> Заголовок </head>

     <body>

     ...

     и текст


     ...

     </body>

     с названием:


     <head>

     <title> Название </title>

     </head>

     Название документа

     Это не правило, и даже не закон, это факт:

     Любой документ HTML имеет название.

     По названию вашего документа HTML другие обозреватели могут найти информацию. Место для названия всегда определено -- оно находится вверху экрана, и отдельно от содержимого документа. Максимальная длина названия -- 40 символов.


     Форматирование

     Форматирование может быть непосредственным или авторским. Если вы используете тэг <pre>, то форматирование считается авторским:


     <body>

     <pre>

     Следующие тэги присущи непосредственному форматированию:


     <p> -- параграф.


     <hr> -- горизонтальная линия.


     <br> -- обрыв строки.


     Заголовки и подзаголовки

     Язык HTML позволяет вам работать с шестью уровнями заголовков. Первый заголовок -- самый главный. На него обращается особое внимание. Остальные заголовки могут быть оформлены, например, жирным шрифтом или прописными буквами.

     В HTML первый заголовок обозначается как <H1>:


     <Hn>Текст</Hn>

     Под n понимается уровень заголовка, то есть числа 1, 2, 3, 4, 5 или 6.

     В HTML первый заголовок может совпадать с названием документа.


     Списки

     Списки подразделяются на ненумерованные:


     <ul>

     <li> Элемент списка

     </ul>

     нумерованные:


     <ol>

     <li> Элемент списка

     </ol>

     c описаниями:


     <DL>

     <DT> Собака (элемент)

     <DD> Друг человека (описание элемента)

     </DL>

     и вложенные:

     <UL>

     <LI> Примус

     <OL>

     <LI> Другой примус

     ...

     </OL>

     <LI>

     ...

     </UL>

     Выделение текста

     Текст в документе HTML может быть выделен одним из следующих способов:


     <cite> -- цитата </cite>


     <code> -- программный код </code>


     <dfn> -- определение </dfn>


     <em> -- логический акцент </em>


     <kbd> -- ввод с клавиатуры </kbd>


     <samp> -- сообщения компьютера </samp>


     <strong> -- сильный акцент </strong>


     <var> -- переменные </var>


     Один большой параграф

     В HTML разбиение на строки не принципиально. Это означает, что вы можете разбить строки вашего документа в любом его месте. Связано это с тем, что в гипертекстовом документе идущие подряд отбивки превращаются в одну. Но! Если отбивка сделана после тэга <P>, то она учитывается. Если какой-нибудь тэг <H> игнорируется, то отбивка также учитывается. В остальных случаях обозреватель будет пропускать отбивки.


     Ссылки

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

     Для этого используется тэг <A>. Помните, что после буквы A должен стоять пробел.

     Чтобы сформировать ссылку:

     n наберите <A

     n введите HREF="filename">

     n наберите после > текст гипертекстовой ссылки

     n наберите тэг </A>

     Один из вариантов гипертекстовой ссылки может выглядеть так:


     <A HREF="BobAnapa.html">Bob</A>

     Здесь слово Bob ссылается на документ BobAnapa.html, образуя гипертекстовую ссылку.

     Если документ, формирующий ссылку, находится в другой директории, то подобная ссылка называется относительной:


     <A HREF="BobAnapa/ВobMoscow.html">Bob</A>

     Если вы хотите указать полное имя файла, то вам необходимо использовать синтаксис UNIX.

     Ссылки можно формировать на основе так называемого универсального локатора ресурса, то есть используя следующий синтаксис:


     protocol: //hostport/path

     Предварительное форматирование текста

     Тэг <PRE> позволяет сформировать текст, оформленный моноширинным шрифтом.

     Используйте этот тэг для оформления листингов программ.


     Расширенные цитаты

     Тэг <BLOCKQUOTE> позволяет вам включить цитату в уединенный объект.


     Адрес

     Тэг <ADDRESS> позволяет сформировать информацию об авторе документа HTML.


     Куча слов по поводу форматирования символов

     В HTML слова и строки кодируются логическими и физическими стилями.

     Физические стили форматируют текст.

     Логические стили форматируют через определение в гипертекстовом документе некоторого значения. Это в частности означает, что тэг заголовка первого уровня не содержит информации о размере шрифта и гарнитуре. Поэтому, чтобы изменить символьное форматирование заголовка вы должны модифицировать заголовок первого уровня. Через логические (в том числе и символьные) тэги вы можете сформировать согласованный гипертекстовый документ, то есть определить заголовок первого уровня в качестве только <H1> (без информации о гарнитуре шрифта и его кегле).


     Логические стили

     Ниже мы представляем примеры логических стилей документа HTML.


     <DFN>

     Определить слово. Как правило, курсив.


     <EM>

     Усилить акцент. Как правило, курсив.


     <CITE>

     Заголовок чего-то большого и хорошего. Курсив.


     <CODE>

     Компьютерный код. Моноширинный шрифт.


     <KBD>

     Текст, введенный с клавиатуры. Моноширинный жирный шрифт.


     <SAMP>

     Сообщение программы. Моноширинный шрифт.


     <STRONG>

     Ну очень важные участки. Жирный шрифт.


     <VAR>

     Замена переменной на число. Курсив.


     Физические стили

     Гипертекстовый документ может быть оформлен с использованием следующих стилей:


     <b>Полужирный

     <i>Курсив

     <TT> Моноширинный


     Специальные символы

     Символы, которые не могут быть введены в текст документа непосредственно через клавиатуру называются специальными символами. Для таких символов существуют особые тэги.

     Четыре символа -- знак меньше <, знак больше >, амперсанд & и двойные кавычки " имеют специальное значение внутри HTML и следовательно не могут быть использованы в тексте в своем обычном значении.

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


     <

     Знак меньше.


     >

     Знак больше.


     &

     Амперсанд.


     "

     Кавычки.


     Принудительный перевод строки

     Тэг <BR> переводит только одну строку, то есть без дополнительного пробела.


     Горизонтальные разделители

     Тэг <HR> формирует горизонтальную линию по всей ширине окна.


     Встроенные изображения

     Вы можете встраивать в ваш документ картинки. Синтаксис встроенной картинки следующий:


     <IMG SRC=image_URL>

     Здесь image_URL есть указатель на файл картинки, синтаксис которого совпадает с синтаксисом ссылки HTML.


     Звуковоспроизведение

     Для того, чтобы вставить в вашу страничку звуковой файл, например, midi-файл, используйте следующую конструкцию:


     <EMBED SRC="bob1.mid" WIDTH="140" HEIGHT="50"

     ALIGN="MIDDLE" BORDER="0" AUTOSTART=TRUE>

     Это одна строка.

     В этом тэге были использованы следующие параметры:


     WIDTH

     Параметр, определяющий ширину midi-плеера.


     HEIGHT

     Параметр, определяющий высоту midi-плеера.


     BORDER

     Ширина рамки midi-плеера.


     AUTOSTART

     Запустить midi-плеер сразу после того, как загрузится документ HTML.


     Распределение ссылок по картинке

     Используя технологию распределения ссылок по картинке, вы можете, например, создать графическое меню из одной большой картинки таким образом, чтобы каждый элемент системы меню содержал определенный URL.

     Распределение ссылок по картинке описывается в тэге IMG следующим параметром:


     <IMG SRC="url" USEMAP="url#map_name">

     Здесь аргумент USEMAP задает расположение схемы распределения map_name в URL.

     Если URL не указан, то поиск схемы map_name ведется в текущем документе.

     Код схемы может выглядеть так:

     <MAP NAME="map_name">

     <AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>

     </MAP>

     Здесь были использованы следующие тэги:


     <AREA>

     Определить для данного URL область на картинке посредством параметров SHAPE и COORDS.


     SHAPE

     Форма области. Вы можете выделить область на

     картинке так:

     n default -- стандартная форма

     n rect -- прямоугольник

     n circle -- круг

     n poly -- многоугольник произвольной формы


     COORDS

     Координаты области. Задаются в пикселах. Отсчет начинается с нуля. Круг имеет три координаты,

     прямоугольник -- четыре, а для многоугольника вы должны описать каждый его угол в двух координатах. Например, область, имеющая размеры 50 на 50 пикселов, описывается так:


     <AREA COORDS="0,0,54,54" ...>

     HREF="url"

     Определить ссылку на схеме, то есть вписать URL.


     NOHREF

     Указать, что в данной области картинки отсутствует ссылка. Этот параметр работает всегда, когда не определен параметр HREF.


     </MAP>

     Закончить описание схемы распределения ссылок по картинке.


     Общий шлюзовой интерфейс и

     формы HTML

     Общий шлюзовой интерфейс (Common Gateway Interface) позволяет работать с данными сервера Web в интерактивном режиме. Сервер Web через CGI запускает поисковую программу и пересылает обработанные данные назад. Сама программа CGI хранится в каталоге CGI-BIN. Это означает, что файл из каталога CGI-BIN всегда исполняемый файл. Если CGI- программа, например, взаимодействует с системой управления базой данных, то пользователь может получать некоторую интересующую его информацию в интерактивном режиме.

     Это тривиально, но факт: CGI-программы создаются посредством CGI. Код программы пишется, как правило, на языке описания сценариев Perl. Perl является интерпретируемым языком, интерпретатор которого соответствует операционной системе.

     Передача данных от сервера к программе CGI осуществляется сервером через командную строку и переменные окружения.

     Таким образом, сервер через общий шлюзовой интерфейс запускает программу CGI и пересылает ей вводимые пользователем данные. Сами данные вводятся через так называемые формы HTML.

     Форма представляет собой гипертекстовую страницу с одним или несколькими полями данных и специальной кнопкой для передачи введенной информации.

     Как и код любого гипертекстового документа, код формы начинается с тэга FORM ACTION = /SGI-BIN/EXAMPLE.PL и заканчивается тэгом /FORM.


     ACTION

     Аргумент ACTION -- это URL программы CGI, то есть /SGI-BIN/EXAMPLE.PL.


     METHOD

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

     Этот параметр задает режим передачи данных из формы в программу CGI.

     Основные режимы передачи -- GET, HEAD и POST. Программа CGI должна поддерживать один из этих режимов, иначе обработки данных не произойдет.

     В режиме GET данные входят через URL в строку запроса. Например, если программа обработки данных BOB.PL лежит в каталоге CGI-BIN, то запрос HTML пойдет на сервер через ACTION следующим образом:


     FORM ACTION=/CGI-BIN/BOB.PL METHOD=GET

     Теперь сервер знает, где находится программа BOB.PL, поэтому он ее запустит в режиме GET.

     Программы CGI получают данные от переменных окружения и посылают выходные данные через общий шлюзовой интерфейс обратно пользователю. Например, после ввода тэга A HREF=BOB.HTML на сервер пойдет запрос GET /BOB.HTML. Заголовок GET определяет получение документа BOB.HTML в корневом каталоге сервера.


     Относительно аргумента POST

     CGI реализован в программах, поддерживающих Unix и некоторые приложения Windows. CGI для Windows реализуется лишь в том случае, если сервер Web способен декодировать данные тех форм HTML, которые пересылаются в режиме POST. Это можно сделать двумя способами:


     URL-Encoded. Данные формы пересылаются на сервер в виде HTML.


     Multipart Form Data. Данные формы пересылаются на сервер в виде MIME-сообщения.


     INPUT TYPE=TEXT

     Поместить в форму текстовое поле данных.


     NAME=NAME

     Определить имя текстового поля данных NAME.


     MXLENGTH=NUMBER

     Размер текстового поля данных. Вместо NUMBER вы можете ввести целое число.


     RADIO

     Определить кнопку переключения.


     NAME=PRODTYPE

     Определить логическое поле PRODTYPE.


     INPUT TYPE=CHECKBOX

     Определить флажок для протокола передачи.


     ACCEPT

     Метод, используемый для интерпретации пересылаемых файлов. Файлы могут пересылаться в виде ASCII или HTML.

     Количество заголовков ACCEPT соответствует типам данных MIME (Multipurpose Internet Mail Extensions). Заголовок ACCEPT: TYPE/SUB-TYPE {parameters} пересылается как значение параметра ACCEPT. Каждый тип данных имеет собственный параметр ACCEPT.


     Фреймы

     Технология фреймирования в HTML позволяет просматривать в одном окне обозревателя несколько гипертекстовых документов. Один фрейм отображает только один гипертекстовый документ.


     Создание фрейма

     Создание фрейма осуществляется через тэг <FRAMESET>. Тэг <BODY> в этом случае не используется.

     Тэг </FRAMESET> заканчивает выполнение кода после тэга <FRAMESET>.

     Далее идет стандартное применение HTML.


     Описание фрейма

     Тэг <FRAME SRC="Name1"> позволяет описать первый фрейм, т.е. присвоить имя гипертекстовому документу. Второй фрейм описывается тэгом <FRAME SRC="Name2" NAME="Main">.


     Если обозреватель не поддерживает фреймы

     Если обозреватель того или иного пользователя не поддержавает фреймы, то между тэгом <NOFRAMES> и тэгом </NOFRAMES> заносится текст, который распознает обозреватель.


     Свойства фреймов

     Тэг <FRAMESET COL="N1, N2,..> позволяет определить количество фреймов и задать размер фреймов в процентах от размера окна обозревателя или зафиксировать эти размеры в пикселах.


     Тэг с большими возможностями

     Тэг <FRAME>, имеющий самое большое количество атрибутов, позволяет настроить свойства фрейма. Ниже описываются эти атрибуты.


     NAME=

     Имя фрейма.


     MARGINWIDTH=

     Горизонтальный отступ (от 1 до 6) между фреймом и его границей.


     MARGINHEIGHT=

     Вертикальный отступ (от 1 до 6) между фреймом и его границей.


     SCROLLING=

     Прокрутка фрейма. Податрибут SCROLLING=YES позволяет создать полосы прокрутки, SCROLLING=NO -- указывает обозревателя, что полосы прокрутки отсутствуют в данном фрейме, а податрибут SCROLLING=AUTO позволяет отображать полосы прокрутки в зависимости от свойств обозревателя.


     NORESIZE

     Фиксированный размер фрейма.


     SRC=

     Задать гипертекстовый документ для этого фрейма.


     TARGET=Name

     Открыть ссылку во фрейме с именем Name.


     Создание web-страниц в Microsoft FrontPage Express

     Microsoft FrontPage Express один из тех редакторов Web-страниц, которые не требуют от вас знаний основ HTML. Забудьте о программировании! Просто размечайте и оформляйте!

     В законченной среде разработки Web в режиме непосредственного отображения вы можете профессионально создавать web-документы и даже организовывать небольшие web-сервера.

     В Microsoft FrontPage Express вы можете подготавливать к публикации в Internet web-страницы, используя JavaScript, VB Script, ActiveX и даже выборки к вашим базам данных. Кроме этого, в Microsoft FrontPage Express встроены весьма неплохие графические эффекты, которые оживят ваш дизайн.

     Вы можете управлять созданным в среде Microsoft FrontPage Express web-сервером из локальной сети или используя удаленный доступ к основному компьютеру.

     Забудьте о контроле за ложными ссылками! В Microsoft FrontPage Express встроено средство, позволяющее автоматически фиксировать подобные ссылки.

     Вы можете:

     n создавать и сохранять web-страницы

     n сохранять web-страницы непосредственно в Web

     n загружать из Internet и редактировать web-страницы

     n использовать в оформлении вашей web-страницы

     подложки

     n просматривать и администрировать web-страницы

     n создавать сложный дизайн web-страниц

     n использовать готовые тэги HTML

     n использовать готовые изображения из комплекта

     поставки программы

     n использовать компоненты WebBot для придания вашей

     web-страничке динамики

     n использовать в оформлении web-страниц элементы

     управления ActiveX

     Если вы хотите стать профессионалом в области дизайна web-страниц, вам необходимо освоить некоторые специальные HTML-редакторы с полной поддержкой тэгов HTML.


     Интерфейс пользователя

     Microsoft FrontPage Express считается одним из лучших средств подготовки документов для их публикации Web. Вы просто создаете web-страницу в том виде, в каком она будет выглядеть в окне обозревателя.

     Ниже приведено краткое описание набора средств, с помощью которого вы можете взаимодействовать с редактором web-страниц Microsoft FrontPage Express.

     С помощью стрелок полос прокрутки или посредством клавиш PgUp и PgDn вы можете перемещать текущую страницу в вертикальном или горизонтальном направлении.

     Вверху экрана находятся панели инструментов, с помощью которых вы можете быстро выполнить то или иное действие.

     Доступ к командам редактора осуществляется через щелчок мышью на соответвующем имени меню.


     Команды меню

     В редакторе гипертекстовых документов Microsoft FrontPage Express все наборы команд и опций, использующиеся в процессе работы с Internet содержатся в:

     n меню Файл

     n меню Правка

     n меню Вид

     n меню Переход

     n меню Вставка

     n меню Формат

     n меню Сервис

     n меню Таблица

     n меню Окно

     n меню Справка

     Панели инструментов

     Редактор Microsoft FrontPage Express содержит три панели инструментов. Каждая кнопка той или иной панели соответствует команде меню.


     Панель форматирования

     С помощью Панели форматирования вы можете форматировать абзацы, определять параграфу тот или иной шрифтовой стиль, раскрашивать текст и выравнивать параграфы.


     Панель редактирования

     С помощью Панели редактирования вы можете:

     n создавать, открывать и сохранять web-страницы

     n выводить на печать и предварительно просматривать

     web-публикации перед выводом на печать

     n выполнять операции копирования и вставки

     n создавать или изменять ссылки

     n вставлять компоненты WebBot, изображения,

     горизонтальные строки и таблицы

     n показывать или скрывать метки параграфа

     n возвратиться на одну страницу назад

     n перейти на одну страницу вперед

     n вызвать справочную систему редактора

     Microsoft FrontPage Express

     n прервать загрузку текущей страницы


     Панель форм

     С помощь Панели форм вы можете создать поле формы из:

     n однострочного текстового поля

     n прокручиваемого текстового поля

     n флажка

     n кнопки-переключателя

     n простой кнопки


     Всплывающее меню

     Всплывающее меню позволяет более удобно обратиться к той или иной команде. Просто поместите курсор на интересующий элемент вашего документа и нажмите правую кнопку мыши.

     С помощью элементов всплывающего меню вы можете выполнять следующие команды и функции:

     n Вырезать (выполнить операцию удаления элемента и

     помещения его в буфер промежуточного хранения)

     n Копировать (поместить элемент в буфер промежуточного

     хранения)

     n Вставить (вставить элемент из буфера промежуточного

     хранения)

     n Свойства страницы (обратиться к диалоговому окну

     свойств Свойства страницы)

     n Свойства таблицы (обратиться к диалоговому окну свойств


     Свойства таблицы)

     n Свойства ячейки (обратиться к диалоговому окну Свойства

     ячейки)

     n Свойства абзаца (обратиться к диалоговому окну Свойства

     абзаца)

     n Свойства шрифта (обратиться к диалоговому окну Шрифт)

     n Свойства изображения (обратиться к диалоговому окну

     свойств Свойства изображения)

     n Проверка достоверности поля формы (обратиться к

     диалоговому окну Проверка достоверности текстового поля)

     n Свойства поля формы (обратиться к диалоговому окну


     Свойства прокручиваемого текстового поля)

     n Свойства компонента WebBot (обратиться к диалоговому

     окну Свойства компонента WebBot)


     Буксировка

     Вы можете перемещать один или несколько элементов вашего документа из одного окна программы в другое, или между элементами основного окна программы, или из Проводника. Просто выделите тот или иной элемент и отбуксируйте его в нужное место редактируемого документа. При буксировке файлов изображений Microsoft FrontPage Express автоматически преобразует файлы формата BMP в формат JPEG.


     Создание новой web-страницы

    

... ... ...
Продолжение "Web-дизайн: Тонкости, хитрости и секреты" Вы можете прочитать здесь

Читать целиком
Все темы
Добавьте мнение в форум 
 
 
Прочитаные 
 Web-дизайн: Тонкости, хитрости и секреты
показать все


Анекдот 
Сидит мужик на рыбалке и пристально смотрит на поплавок, мимо проплывает крокодил. Увидев рыбака, смотрит на него. Спустя минуту крокодил спрашивает:

- Что, мужик, не клюет?
Мужик отвечает:

- Нет.
Крокодил:

- Может пока искупаешься?
показать все
    Профессиональная разработка и поддержка сайтов Rambler's Top100