![]() |
||
---|---|---|
![]() |
||
о HTML
|
||
Итак, с чего начать? Думаю, что вначале создатель будущей
|
||
страницы должен ответить для себя на два вопроса.
|
Во-первых, какова цель создания страницы, какие функции
она будет
|
|
выполнять? А, во-вторых, каким образом люди будут находить
эту
|
|
страницу среди миллионов подобных?
|
|
Но к конструированию можно приступать немедленно. В
плане
|
|
поиска идей можно посоветовать следующее. Некоторые
|
провайдеры создают наборы ссылок для доступа к страницам
|
своих клиентов. Посмотрите, как и что сделано у других,
|
и если вам понравится какой-нибудь эффект, откройте
страницу
|
в режиме источника (когда видны элементы HTML) и посмотрите,
|
как это закодировано, а при необходимости оставьте у
себя копию.
|
Но не забывайте, что вам доступен целый Интернет примеров. Очень красивые сайты делают известные компании. Там тоже есть чему поучиться. Бывает, правда, что страница создана программным путем, и ее элементы расположены в нескольких очень длинных строках. Тогда, прежде чем разбираться в структуре страницы, надо отделить элементы друг от друга, создав дополнительные строки. Это удобно делать в Блокноте. Разработка новой страницы всегда начинается с общей схемы: как страница разделена на фреймы, где находятся крупные рисунки и заголовки, какие используются ссылки. Продумайте схему своих страниц, их объем и содержание. Сделайте заготовки страниц, а потом заполняйте их деталями и смотрите, что получается. Страницы легко модернизировать и тогда, когда они уже выложены на сервер. Только не ставьте на страницах ужасный значок “under construction”! Нет ничего более вечного, чем эта пиктограмма. Как только будет готова новая версия страницы, за несколько минут замените свои файлы на сервере. Для этого можно использовать программу CuteFTP или аналогичную. Посмотрите сайт своего провайдера. Там наверняка должны быть рекомендации по созданию персональных страниц (например, как назвать файл заглавной страницы). Что касается ответа на второй вопрос, то сейчас активно используется обмен баннерами, гиперссылками, а также проводятся конкурсы на лучшую страницу. Можно также включить адрес своей страницы в базы данных поисковых серверов и всевозможных “желтых страниц”. Тут все зависит от личной инициативы, так как эти места надо найти и заполнить соответствующие формы. Как разместить на страницах большое количество графики? Загрузка крупных рисунков и фотографий вносит самые большие задержки в просмотр страниц. Поэтому надо принимать меры к тому, чтобы пользователи не ждали подолгу. Первый шаг в этом направлении – уменьшение объема файлов в формате JPG. Мне больше всего нравится использовать для этой цели графический редактор MS Photo Editor (он устанавливается вместе с программами MS Office). При сохранении JPG-изображения в новом файле можно выбирать качество рисунка в процентах. Чуть-чуть снизив качество, можно получить значительно меньший размер файла. В таблице приведены данные для исходного файла (фотографии) размером 30 Кбайт, обработанного в двух популярных редакторах. Надо также учитывать, что “качество изображения” – понятие условное. Разместив на экране рядом две фотографии с качеством 100% и 80%, вы вряд ли заметите различия. Но в 60-процентных изображениях ухудшения уже заметны на глаз. Вид фотографий необходимо проверять в двух режимах монитора: High Color и True Color. Размеры (в килобайтах) файлов формата JPG Графический редактор Качество изображения, % 100 90 80 70 60 MS Photo Editor 30 14 10,3 7,9 6,6 Adobe Photoshop 4 30 29,6 23,3 19,8 17,1 Второй прием – размещение фотографий на нескольких страницах. Пользователь сам решит, надо ли ему просматривать изображения дальше или нет. Несмотря на то, что эта идея очевидна, в Интернете можно встретить множество страниц, которые загружаются очень долго из-за того, что на них находится большая коллекция фотографий. Как “оживить” страницу? Если вы хотите создавать движущиеся картинки, то главное, что нужно - установить какую-нибудь программу для создания “мультиков”. Одна из самых популярных – GIF Animator. В последнее время стало модным программировать реакцию страницы на позиционирование указателя мыши. Делается это при помощи несложной программки на языке JavaScript. Как только указатель появляется над рисунком, последний заменяется другим изображением такого же размера. С помощью этого несложного действия можно имитировать подсветку, нажатие кнопок, подсказки и т.д. Но размер рисунков должен быть небольшим, чтобы реакция была быстрой. Каким образом использовать изображения WordArt? Пользователи пакета MS Office подчас не догадываются, какие изобразительные возможности скрыты в недрах редактора Word. C помощью инструмента WordArt можно не только создавать красивые надписи, но и получить массу интересных изображений. Например, можно использовать различные текстуры (бумагу, камень, золото, ткань, хром и др.) с несколькими видами освещенности. Для получения образца текстуры надо создать надпись, состоящую из единственного спецсимвола в виде прямоугольника (он есть, например, в шрифте Webdings) и выбрать большой размер шрифта. Но есть одна проблема: объект WordArt нельзя скопировать в буфер обмена как рисунок. Поэтому для получения обычного изображения надо нажать клавишу Print Screen, вставить содержимое буфера обмена в пустой документ в графическом редакторе, а затем вырезать фрагмент, относящийся к WordArt, и сохранить его как файл типа GIF или JPG. В качестве последнего штриха для подобных рисунков можно посоветовать использование эффекта “Блик” в редакторе Adobe Photoshop. Какой тип файла выбрать для Web-странцы: htm или html? Нет никакой разницы, какой тип используется. Просто в MS-DOS расширение файла не может быть длиннее трех символов, а в Windows или UNIX - может. Тип файла зависит и от того, какой программой редактируется Web-документ. Для чего используется элемент META? С одной стороны, он вроде бы и не нужен, поскольку страницы прекрасно работают без него. Но его можно “нагрузить” рядом полезных функций: задать номер кодовой страницы, ввести ключевые слова для обеспечения работы поисковых машин, указать использованный для создания страницы гипертекстовый редактор. Во всяком случае, наличие этого элемента не должно препятствовать нормальному просмотру страницы. Как вернуться из фрейма на заглавную страницу, которая не использует фрейм? Действительно, возможна ситуация, когда на заглавной странице (ее еще называют home page или index) фреймы не использованы, а на подчиненной странице фреймы есть (см. рисунок). Тогда возвратная ссылка должна быть оформлена особым образом: Переход на заглавную страницу Если атрибут target не использовать, то такая ссылка позволит заменить страницу f2.htm страницей index.htm так, что заглавная страница окажется внутри фрейма. Другие значения атрибута target: _self - как будто атрибута target нет; _top - то же, что и _parent; _blank - открытие еще одного окна броузера и показ страницы в нем. При нажатии кнопки “Назад” в броузере возврат из фрейма происходит корректно в любом случае. Как создать счетчик? Счетчик – это программа, которая работает на стороне провайдера, поэтому на личной странице необходимо поместить только команду вызова этой программы. Как это сделать, надо проконсультироваться у провайдера, так как существует много разновидностей счетчиков. С помощью параметров вызова можно выбрать стиль цифр и другие опции. Знание HTML необходимо, чтобы отличать настоящие счетчики от фальшивых. Если вместо вызова программы-счетчика имеются ссылки на картинки с изображениями цифр, то счетчик ненастоящий. Поэтому, увидев у кого-нибудь на странице пятизначное число, не спешите завидовать: возможно, это просто картинка. Обязательно создайте счетчик на своей странице: полезно знать, сколько человек ее просмотрели.
2000г. |