|
§ 4.
Разработка
web-документов
при помощи текстового процессора Microsoft Word. |
Технологии.
Вебсайты это любые программные
комплексы, имеющие Интернет-интерфейс. В полном соответствии с
названием: web site - место в паутине. Все труднее сообразить, какие
программные комплексы не имеют (или в ближайшие годы не будут иметь)
этот самый Интернет-интерфейс. Поэтому программы становятся
вебсайтами, а сайтостроительство и собственно прикладное
программирование становятся неразличимыми. Вебдизайнеры, наконец,
займут свое законное место иллюстраторов программистской работы -
как книжные художники заняли свое место иллюстраторов работы
писательской. Гипертекстовых страниц - файлов уж практически нет
(если и есть, то только для заводящих домашние странички любителей).
На сегодняшний день наблюдается многоуровневый синтез вебстраниц.
- Первый уровень: сбор необходимой
для страницы информации внутри многочисленных информационных систем
организации (например, вытаскивание на страницу вебмагазина только
тех товарных позиций, которые есть на складе, а также имеющихся цен
на товары и необходимых фотографий из базы данных, ведущийся отделом
маркетинга).
- Второй уровень - раскладка этой
информации внутри шаблонов, фиксирующих текущий дизайн сайта.
- Третий уровень - браузер вытягивает
из того же вебсайта картинки (в том числе flash -
анимационные).
- Четвертый уровень - браузер
вытягивает из других вебсайтов недостающие части страницы (например,
банеры, счетчики, курсы валют). Собственно, если программы
становятся вебсайтами, то все инструменты программирования
становятся инструментами вебстроительства.
Что
такое web-дизайн?
Любой ресурс, опубликованный во
Всемирной сети, от глобального информационного портала с десятками
тысяч посетителей в день до скромной домашней странички, куда
заходят всего два человека в месяц, включая ее автора, это прежде
всего художественное произведение, сложный комплекс
инженерно-дизайнерских решений. Процесс создания такого произведения
и называется web-дизайном.
Web-дизайн — это творчество, причем творчество ярко выраженное. Именно в сфере
web-дизайна вы можете полностью проявить все свои способности, ведь
здесь цензором результатов вашего труда являетесь вы сами и
посетители вашей странички. Никто не ограничивает вас ни в объеме,
ни в содержании, ни в компоновке разрабатываемого вами ресурса,
никто не загоняет вас в какие-либо жесткие рамки. Творите, и рано
или поздно созданный вами проект найдет заслуженное признание
многомиллионной аудитории пользователей Интернета.
Ø
ВНИМАНИЕ:
В современном Интернете принято молчаливое соглашение о том, что —
профессиональный сайт должен корректно отображаться при экранном
разрешении 640x480 точек с цветовой палитрой в 256 цветов.
Ø
СОВЕТ: Для того чтобы web-страница правильно отображалась при использовании
экранной палитры в 256 цветов, в случае включения в состав документа
графических элементов старайтесь представлять максимально возможное
количество графики в формате GIF и лишь самые необходимые
изображения — в формате JPEG.
Ø
ВНИМАНИЕ: Все страницы
web-сайта, а также все интегрированные в них графические и
интерактивные элементы должны быть минимальными по объему.
Ø
ВНИМАНИЕ: Созданная
вами web-страница должна обязательно включать навигационные
элементы, охватывающие все разделы вашего сайта, причем эти элементы
должны всегда быть на виду. Их расположение следует выбирать, исходя
из максимального удобства для пользователя. Если они размещены в
верхней части страницы и пропадают из поля зрения после скроллинга
(прокрутки экрана вниз), не забудьте продублировать их в нижней
части документа.
Ø
ВНИМАНИЕ:
Старайтесь
выдержать весь проект в одном дизайнерском стиле, оформляйте
различные его разделы таким образом, чтобы общее художественное
решение было схожим для всего сайта.
Ø
ВНИМАНИЕ: Не
используйте но одной web-странице более трех различных шрифтов,
включая шрифты, применяемые при создании графических элементов.
Ø
ВНИМАНИЕ:
Используйте
только корректные цветовые схемы и не применяйте при оформлении
документов более трех различных цветов.
Для операций с Веб-страницей
необходимо включить Веб-компоненты
При
вставке бегущей строки появляется сервисное окно для настройки
данного режима.
При создании Веб-документов часто
используются различные перемещения как по сайтам, так и по странице
конкретного сайта, а для этого рационально использовать гипер-ссылки.
Для создания перемещения по странице необходимо сначала оформить
закладки в тексте, а затем указать на них в гипер-ссылке.
В гипертекстовых документах
используются два основных типа ссылок:
v
Внутренние гиперссылки
связывают документы внутри одного и того же узла.
v
Внешние гиперссылки
связывают Web-страницу с документами, не при-надлежащими данному
Web-узлу.
v
Гиперссылка может
указывать на почтовый адрес.
v
Гипересылка может
указывать на метки (якоря), которые позволяют посетителю переходить
в определенные места документа. Каждая HTML-страница имеет свой
уникальный адрес в Интернете, который называется универсальным
указателем ресурса (Uniform Resource Locator, URL). Когда создается
локальная (внутренняя) гиперссылка, совсем не обязательно указывать
полный URL документа. Вместо этого можно указать относительный путь
от данной страницы или от корневой папки Web-узла. Далее
представлены примеры трех типов гипересылок используемых при
связывании документов:
v
Абсолютный путь:
www.dodbarna.ru/ru/index.html
Создание
закладки:
Для
этого необходимо в меню выбрать пункт Вставка/Закладка
Имя закладки должно быть написано
только латинскими буквами.

Для корректного отображения страницы в
различных браузерах с разным разрешением рекомендуется размещать
содержимое в динамической таблице, с последующим возможным
обесцвечиванием границ.
При вставке графических объектов в
таблицы намного упрощается их форматирование и ориентация на
странице.
©
Васильева Ю.В. Электронное приложение "Уроки сайтостроения"
© 2012 год. При использовании материалов обязательна ссылка на владельца
|