|
а большинстве Web-страниц содержится информация, на основании которой Explorer может установить необходимую языковую кодировку (язык и набор символов). Если на Web-странице такая информация отсутствует, то Internet Explorer обычно сам определяет соответствующую языковую кодировку при включенной функции автоматического выбора.Если все же на открытой Web-странице текст представлен в нечитаемом виде, то необходимо вручную установить кодировку. Для изменения кодировки отображаемого текстового материала требуется в меню Вид выбрать команду Вид кодировки и из списка выбрать нужную, при отсутствии таковой нажать Дополнительно. Русскоязычные кодировки называются Кириллица.При создании Web-страниц, они часто имеют специфические цвета шрифта и размеры, а также фоновые цвета. Можно отменить любую или все установки, а также шрифт цветовые предпочтения для всех страниц.Для изменения размера отображаемого текстового материала в меню Вид имеется команда Размер шрифта, с помощью которой можно установить нужный размер.Для ускорения загрузки Web-документов и отображения только текста необходимо отключить графику. Для этого в обозревателе Internet Explorer в меню Сервис выбирают Свойства обозревателя. На вкладке Дополнительно, в группе Мультимедиа нужно снять один или несколько из следующих флажков: Отображать рисунки, Воспроизводить анимацию, Воспроизводить звуки, Воспроизводить видео.Даже если флажки Отображать рисунки и Воспроизводить видео сняты, можно посмотреть отдельный рисунок (или анимацию), щелкнув по его рамке правой кнопкой мыши и выбрав пункт Показать рисунок.Если рисунок на активной странице продолжает оставаться видимым после снятия флажка Отображать рисунки, а необходимо его скрыть, требуется нажать кнопку Обновить.Виды WWW-страничекПерсональные странички“Домашняя страничка”. Самый простой и доступный всем тип сайта. Как правило, состоит “домашний сайт” из четырех-пяти отдельных страничек-документов. Заглавная может содержать краткую биографическую справку о ее авторе. На второй странице может быть описано хобби автора (музыкальные, книжные пристрастия и т.д.), на третьей возможна коллекция домашних фотографий, четвертая может содержать коллекцию ссылок сетевых ресурсов. Т.е. - это основные части “домашней странички”, изготовленные по шаблонам в любом визуальном HTML-редакторе.“Виртуальное резюме”. Еще более простой тип странички - на этот раз действительно странички, поскольку никакой разветвленной структуры в этом случае не нужно. Один единственный документ, на котором сжато изложены все важные данные об авторе - год и место рождения, образование, специальность, опыт работы и т.д. Такая страничка весьма специфическая и служит при поисках работы в сети.“Интернет-газета”. Чаще такую страничку называют WWW-обозрением. По сути дела, это - настоящая сетевая газета, которую делает один человек. Обозрение - это в отличии от “домашней странички” издание, которое постоянно обновляется (хотя бы раз в неделю). Предметом обозрения может быть любая тема, т.е. все от событий в мире до кулинарных рецептов.“Виртуальный фэн-клуб”. Вторая по численности (после домашних страничек) группа сетевых страниц.Музыка, книги, кино, живопись, туризм, коллекционирование, работа, компьютер и многие другие категорий интересов могут лежать в качестве основной темы сайта. Разделы в “Виртуальном фэн-клубе” могут быть такие как: “Новости”, биографическо-справочный материал, обзоры и рецензии, коллекции фото. Иногда может быть “Гостевая книга” в которой посетители сайта могут оставлять свои заметки на тему, которой посвящен данный сайт.Коллективные странички“Сетевое издание”. Журнал, газета, альманах, агентство новостей и т.д. Динамичный, часто обновляемый и объемный сайт, который весьма сходен с “фэн-клубом” и “обозрением”. Такой сайт может состоять уже из сотен и даже тысяч документов. Также в структуре могут сочетаться черты “сетевого журнала” и тестовой лаборатории.Еще один тип изданий этой группы - электронные копии традиционных печатных изданий, газет и журналов.“Виртуальные представительства” организаций. Диапазон сайтов в этой группе огромен - от крохотной странички небольшой фирмы сборщика компьютеров до гигантских “корпоративных сайтов”, как Microsoft, а так же правительственных структур или общественных объединений.Инструменты Web-дизайнаВыбор визуальных редакторов HTML-кода очень велик, однако самые распространенные - Microsoft FrontPage 98/2000/XP и Macromedia DreamWeaver 6.0 MMX. Второй из них более профессиональный и сложный. Microsoft FrontPage своим интерфейсом похож на Word, поэтому принципы работы с ним одинаковы. Точно так же набирается текст, вставляются картинки и элементы оформления, меняется цвет и шрифты, выполняется форматирование. Но также есть возможность вставления кнопок, выпадающих меню, бегущих строк и анимации.Для создания графических объектов лучше всего подходят программу от Adobe (PhotoShop), для анимации пакеты программ от Xara и Ulead. Текст. Текст можно вводить в той же самой программе, в которой будет происходить верстка страницы - Microsoft FrontPage. Но созданный текст можно перенести через буфер обмена из любого текстового редактора. Также в Microsoft FrontPage существует возможность создания анимированного текста. Модификация HTML - язык DHTML - позволяет добавить различные эффекты к тексту: текст может “осыпаться” с верха окна, ползти змейкой, закручиваться и т.д. Так же можно задать одноцветный фон, который будет украшать страницы. Графика. Кроме оформленного текста можно вставить картинки. Они бывают разного размера и выполняют различные функции, например в виде кнопок, с помощью которых можно переходить от одной к страницы к другой, элементы фона и др. Однако графика занимает очень много места, а скорость загрузки данных из сети на наших линиях не очень высокая, следовательно нужно следить за тем, чтобы загрузка страницы не была очень долгой. Для этого поможет следующий прием: чтобы создать фон для страницы достаточно маленькой картинки малого размера и объема, которая в процессе загрузки будет размножена броузером заполнив всю страницу. В сети используются картинки только трех форматов - GIF, PNG и JPG(JPEG). Первые два формата идеальны для создания небольших оформительных элементов размером в несколько килобайт - кнопок, заголовков, “шапок”, третий для более крупных изображений (фотографий). Еще у GIF-а есть возможность содержать в себе несколько картинок которые сменяются по очереди, образуя анимированное изображение. Еще одна тонкость - разрешение картинок. Для корректного отображения картинки на экране вполне достаточно разрешения в 70-80 dpi. Помимо кнопок, меню и фона на странице могут быть баннеры. Это картинки с различной рекламой, часто анимированные. Среди анимации используется стандарт Flash, созданный корпорацией Macromedia. По своему устройству “флэш-файлы” похожи на “анимированный” GIF. Вот только реализованы они не на основе растровых изображений, а с использованием векторной графики. Самое главное, что flash-анифация занимает значительно меньше места чем обыкновенная графика. Музыка. Есть возможность вставить для проигрывания MIDI, WAV-файлы которые будут проигрываться при просмотре страницы. Для них с помощью JAVA-апплетов можно сделать кнопки управления мелодией. JAVA-апплеты. Язык программирования JAVA был специально создан специально для Интернет. С помощью него можно создать довольно эффектные элементы страницы - например выезжающее меню или анимированные кнопки. CGI-скрипты. Формы. Другая дизайнерская полезность, созданная программистами. CGI-скрипты - это “мини-программы”, ссылки на которые можно вставить в тело самой страницы. Эти программы помогают автоматизировать многие сложные операции вводимыми посетителями, данными и т.д. С помощью них можно создать гостевую книгу, анкету, поисковик и другие вещи. Счетчики. Одна из самых распространенных форм скриптов, которая служит для подсчета посетителей страницы. Фреймы. Собственно, это не какой-нибудь дополнительный элемент оформления странички, а способ ее оформления. При использовании фреймов большое окно броузера разделено на несколько частей, каждая из которых является самостоятельной независимой. Большая из которых, собственно и отображает содержимое странички, и маленькие содержат панели для навигации по сайту, заголовки и рекламные поля для баннеров. Размеры и местоположения фреймов могут быть разные и редактируются как отдельные страницы. Навигационная панель присутствует на экране постоянно, упрощая перемещение по сайту. При щелчке по любой кнопке-ссылке новая страница открывается во втором, большом окне. Схема сайта. Разделы Перед созданием всего сайта создается его структура, т.е. создается главная страница, а с ней связанные с помощью ссылок дополнительные страницы, которые отвечают за свои разделы. В редакторе FrontPage структуру можно задать по готовым шаблонам, но и можно создать самому. Новости - именно этого типа страницы создаются главными. И на этого типа страницах отражаются основные изменения произошедшие на сайте. Ссылки. Ссылки на основные страницы должны иметь свой определенный порядок расположения и распределены по определенным темам. Гостевая книга. Структура гостевой книги крайне проста - цепочка отзывов - и не предполагает активного общения. Именно поэтому гостевую книгу используют, в основном, маленькие сайты с небольшим числом посетителей. Помимо гостевой книги может быть и “форум”, позволяющий создавать древовидную структуру сообщений, сгруппированных по веткам-темам. В форуме на каждое сообщение можно поместить множество отзывов и комментариев, каждый из которых может стать отправной точкой для новой дискуссии. Чтобы создать форум или гостевую книгу, необходимо написать специальную программу-скрипт. Создание страницы Первым делом создается папка, в которой будет находиться до размещения в Интернет, будущий сайт. В этой папке должны находиться еще и “подпапки” предназначенные для картинок, музыкальных файлов прочего. Полезно также выделить отдельную папку для каждого раздела сайта. В корневом каталоге должна находиться главная страничка сайта. Существует еще одно правило: размер странички должен укладываться в размер одного экрана. Т.е. если сайт рассчитан на пользователей 15 дюймового экрана то разрешение должно быть 600х800, а для 17 дюймового - 1024х786. Сначала создается структура документа. При создании структуры указываются имена страниц (не файлов). Затем страница заполняется нужными картинками и текстом. В конце, когда страница создана, ее нужно сохранить в нужной папке. Имя файла для главной страницы должно быть index.html . Далее созданные страницы объединяют с помощью ссылок. При связке в общий документ ссылки можно спрятать под любой видимый объект (картинки, меню, кнопки и т.д.) . Публикация готовых WWW-страниц в Интернет Местом прописки для страницы может стать сервер провайдера - эта услуга как правило бесплатная. Страничка может быть размещена в личном каталоге, причем правами на редактирование, удаление и добавление информации в нем будет обладать сам автор. Это обеспечит безопасность страницы и защиту ее от посторонних. Точный адрес каталога можно узнать у провайдера. Для публикации страницы на ftp-сервере нужно указать точный адрес сервера, где она будет размещена, а также логин и пароль для доступа к нему. Если страница размещается на сервере провайдера, то логин и пароль совпадут с теми, что используются для выхода в Интернет. А вместо точного адреса можно указать просто название сервера. При подключении к ftp-серверу, он сам вычислит из пароля и логина, в какую папку “переадресовать” копируемые файлы. Для закачки используется какой либо ftp-клиент. К тому же, как правило, вместе с пространством под сайт можно получить и бесплатный электронный почтовый ящик. Microsoft FrontPage Microsoft FrontPage относится к семейству визуальных редакторов WWW-страниц. Эта программа с легкостью позволяет создавать не только отдельные страницы, но и целые системы страничек - сайты. Здесь можно вставлять и позиционировать любые картинки, использовать таблицы, звук, анимацию и небольшие апплеты. FrontPage также располагает большой коллекцией готовых шаблонов форм и схем. Есть возможность работы с фреймами (страницы состоящие из нескольких окон). FrontPage позволяет работать в трех режимах: стандартном режиме верстки документа, режиме просмотра в окне броузера и режиме редактора HTML-тегов. Работа в редакторе FrontPage Начиная работу в редакторе FrontPage, следует отдавать себе отчет, что в результате его применения получается документ HTML, построенный по тем же правилам, что и создаваемый вручную. Этот факт сразу же определяет возможности и ограничения в работе этого редактора. * Все функции редактора FrontPage однозначно реализуются тегами HTML * Редактор FrontPage не имеет средств, которые нельзя было бы предста-вить в виде тегов HTML * Пользователь обычно не знает, какие именно средства HTML используются для достижения заданного эффекта и насколько корректно они применяются.
Страницы: 1, 2, 3
|
