Здавалка
Главная | Обратная связь

Создание Web-страниц

Web-дизайн Web-страницы можно создавать несколькими способами -- с нуля или наоснове существующего шаблона. В последнем случае, впрочем как и в первом, увас могут быть проблемы при тестировании созданного документа, так каксгенерированным ссылкам свойственно ошибаться. Решить эту проблему может ужене редактор, а обыкновенный обозреватель WWW. Eсли у вас имеется коллекция картинок, фонов, маркеров и разделителей,то создание Web-страниц -- весьма увлекательное занятие. Кроме всего этого,помните, что вам обязательно понадобится софт для преобразования обычныхтекстовых файлов в файлы формата HyperText Markup Language. Хороший редактор Web-страниц должен, с одной стороны, позволятьредактировать код HTML, а с другой -- просматривать произведенные такимобразом изменения в режиме непосредственного просмотра. Если вы начинаете с нуля, то вы должны ввести или импортировать текст вдокумент, отформатировать абзацы, разместить картинки. Все картинки итекстовые файлы сохраняются в одном каталоге. Затем все это хозяйствоотправляется к вашему поставщику Internet на его винчестер. 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> ... HTML HTML ВАЖНО! В язке HTML нет разницы между прописными и строчными символами. и текст ... </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> HTML HTML Web-дизайн 265 266 Web-дизайн и вложенные: <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 Форма области. Вы можете выделить область на картинке так: default -- стандартная форма rect -- прямоугольник circle -- круг poly -- многоугольник произвольной формы COORDS Координаты области. Задаются в пикселах. Отсчетначинается с нуля. Круг имеет три координаты, прямоугольник -- четыре, а длямногоугольника вы должны описать каждый его угол в двух координатах.Например, область, имеющая размеры 50 на 50 пикселов, описывается так: <AREA COORDS="0,0,54,54" ...> HREF="url" Определить ссылку на схеме, то есть вписать URL. HTMLHTML Web-дизайн 273 274 Web-дизайн 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 (MultipurposeInternet Mail Extensions). Заголовок ACCEPT: TYPE/SUB-TYPE{parameters} пересылается как значение параметра ACCEPT. Каждыйтип данных имеет собственный параметр Создание 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 Expressweb-сервером из локальной сети или используя удаленный доступ к основномукомпьютеру. Забудьте о контроле за ложными ссылками! В Microsoft FrontPage Expressвстроено средство, позволяющее автоматически фиксировать подобные ссылки. Вы можете: создавать и сохранять web-страницы сохранять web-страницы непосредственно в Web загружать из Internet и редактировать web-страницы использовать в оформлении вашей web-страницы подложки просматривать и администрировать web-страницы создавать сложный дизайн web-страниц n использовать готовые теги HTML использовать готовые изображения из комплекта поставки программы использовать компоненты WebBot для придания вашей web-страничкединамики использовать в оформлении web-страниц элементы управления ActiveX Если вы хотите стать профессионалом в области дизайна web-страниц, вамнеобходимо освоить некоторые специальные HTML-редакторы с полной поддержкойтэгов HTML. Интерфейс пользователя Microsoft FrontPage Express считается одним из лучших средствподготовки документов для их публикации Web. Вы просто создаете web-страницув том виде, в каком она будет выглядеть в окне обозревателя. Ниже приведено краткое описание набора средств, с помощью которого выможете взаимодействовать с редактором web-страниц Microsoft FrontPageExpress. С помощью стрелок полос прокрутки или посредством клавиш PgUpи PgDn вы можете перемещать текущую страницу в вертикальном илигоризонтальном направлении. Вверху экрана находятся панели инструментов, с помощью которыхвы можете быстро выполнить то или иное действие. Доступ к командам редактора осуществляется через щелчок мышью насоответвующем имени меню. Команды меню В редакторе гипертекстовых документов Microsoft FrontPage Express всенаборы команд и опций, использующиеся в процессе работы с Internetсодержатся в: меню Файл меню Правка меню Вид меню Переход меню Вставка меню Формат меню Сервис меню Таблица меню Окно меню Справка Панели инструментов Редактор Microsoft FrontPage Express содержит три панели инструментов.Каждая кнопка той или иной панели соответствует команде меню. Панель форматирования С помощью Панели форматирования вы можете форматировать абзацы,определять параграфу тот или иной шрифтовой стиль, раскрашивать текст ивыравнивать параграфы. С помощью Панели редактирования вы можете: создавать, открывать и сохранять web-страницы выводить на печать и предварительно просматривать web-публикацииперед выводом на печать выполнять операции копирования и вставки создавать или изменять ссылки вставлять компоненты WebBot, изображения, горизонтальные строки итаблицы показывать или скрывать метки параграфа возвратиться на одну страницу назад перейти на одну страницу вперед вызвать справочную систему редактора Microsoft FrontPage Express прервать загрузку текущей страницы Панель форм С помощь Панели форм вы можете создать поле формы из: однострочного текстового поля прокручиваемого текстового поля флажка кнопки-переключателя простой кнопки Всплывающее меню Всплывающее меню позволяет более удобно обратиться к той или инойкоманде. Просто поместите курсор на интересующий элемент вашего документа инажмите правую кнопку мыши. С помощью элементов всплывающего меню вы можете выполнять следующиекоманды и функции: n Вырезать (выполнить операцию удаления элемента ипомещения его в буфер промежуточного хранения) Копировать (поместить элемент в буфер промежуточного хранения) Вставить (вставить элемент из буфера промежуточного хранения) Свойства страницы (обратиться к диалоговому окну свойствСвойства страницы) Свойства таблицы (обратиться к диалоговому окну свойствСвойства таблицы) Свойства ячейки (обратиться к диалоговому окну Свойстваячейки) Свойства абзаца (обратиться к диалоговому окну Свойстваабзаца) Свойства шрифта (обратиться к диалоговому окну Шрифт) Свойства изображения (обратиться к диалоговому окну свойствСвойства изображения) Проверка достоверности поля формы (обратиться к диалоговомуокну Проверка достоверности текстового поля) Свойства поля формы (обратиться к диалоговому окну Свойствапрокручиваемого текстового поля) Свойства компонента WebBot (обратиться к диалоговому окнуСвойства компонента WebBot) Буксировка Вы можете перемещать один или несколько элементов вашего документа изодного окна программы в другое, или между элементами основного окнапрограммы, или из Проводника. Просто выделите тот или иной элемент иотбуксируйте его в нужное место редактируемого документа. При буксировкефайлов изображений Microsoft FrontPage Express автоматически преобразуетфайлы формата BMP в формат JPEG. Создание новой web-страницы Создание новой web-страницы осуществляется через выбор командыСоздать в меню Файл (вы также можете выбрать эту команду черезкомбинацию клавиш Ctrl+N). В появившемся диалоговом окне Новаястраница просто выберите из списка Шаблон или мастер параметрНормальная страница. Вы можете также создать web-страницу с помощью Мастера личнойосновной страницы или Мастера страниц форм. Для этого выберите изсписка Шаблон или мастер небходимый параметр и далее следуйтеуказаниям Мастера страниц. Сохранение web-страницы Сохранение web-страницы осуществляется через выбор командыСохранить в меню Файл (вы также можете выбрать эту командучерез комбинацию клавиш Ctrl+S). В появившемся диалоговом окневведите название страницы. Если же вы хотите сохранить страницу в видефайла, нажмите кнопку Как файл и в появившемся диалоговом окнеукажите имя файла вашего документа HTML. Если вы хотите сохранить страницу прямо в Web, определите ееместоположение. Открытие файла Выбранная команда Файл к к Открыть открывает доступ кдиалоговому окну Открыть файл, с помощью которого можно загрузить впрограмму: файлы HTML файлы HTML после предварительной обработки текстовые файлы шаблоны гипертекста документы Microsoft Word 6.0, Microsoft Word 95 и Microsoft Word 97 документы текстового процессора Windows Write документы WordPerfect 5.x и WordPerfect 6.x книги Microsoft Excel Чтобы открыть файл нужно выбрать его имя из списка и нажать кнопкуОткрыть. Выход из программы Выйти из редактора Microsoft FrontPage Express можно, выбрав командуменю Файл к к Выход. Если документ, находящийся на экране былизменен, то Microsoft FrontPage Express выведет запрос о том, сохранять ливнесенные изменения. В качестве ответа можно воспользоваться кнопкой Да,Нет или Отмена. Редактирование текста web-страницы Microsoft FrontPage Express позволяет редактировать также, как вы этоделаете в текстовых процессорах Windows. Ввод текста осуществляется через щелчок левой клавишей мыши в том местевашего документа, где вы хотите ввести текст. Помните, что четыре символа --знак меньше (<), знак больше (>), амперсанд (&) и двойные кавычки (")имеют специальное значение внутри HTML и следовательно не могут бытьиспользованы в тексте вашего документа в своем обычном значении. Отмена и восстановление выполненной команды Отмена выполненной команды осуществляется через выбор командыОтменить в меню Правка. Microsoft FrontPage Express позволяет отменить только последнеевыполненное действие. Например, если удален текст, а затем набран новый, тонельзя отменить удаление текста. Выбранная команда Правка к к Восстановить восстанавливаетпоследнее отмененное действие. Выделение слова Если вы хотите выбрать слово, дважды щелкните по нему левой клавишеймыши. Выделение строки Выделение строки осуществляется простым щелчком левой клавишей мыши принажатой клавише Alt в любом месте строки. Выделение параграфа Выделение параграфа осуществляется простым щелчком левой клавишей мышипри нажатых клавишах Alt и Ctrl в любом месте параграфа. Выделение всех элементов вашего документа Команда Правка к к Выделить все используется длявыделения текстовых и графических элементов на текущей странице. Отображение абзацных меток Отображение абзацных меток осуществляется через выбор командыМаркеры форматов в меню Вид. Операции вырезания, копирования и вставки Выбранная команда Правка к к Вырезать удаляет активныйэлемент из документа Microsoft FrontPage Express и помещает его в буферпромежуточного хранения. Вы можете удалить из документа и поместить в буферобмена любой выбранный текстовой или графический элемент как MicrosoftFrontPage Express, так и приложения Windows. Команда Файл к к Скопировать используется для вставкиактивного элемента в буфер промежуточного хранения. Вы можете поместить вбуфер обмена любой выбранный текстовой или графический элемент как MicrosoftFrontPage Express так и приложения Windows. Выбранная команда Правка к к Вставить помещает копиюэлемента из буфера промежуточного хранения в документ Microsoft FrontPageExpress. Вы можете поместить в документ Microsoft FrontPage Express текстовойили графический элемент из любого приложения Windows. Поиск и заменатекста Выбранная команда Правка к к Заменить открывает доступ квстроенному в Microsoft FrontPage Express инструменту редактирования,который используется для поиска и замены символов (включая прописные истрочные буквы), целых слов или частей слов. Поиск и замена спецсимволов осуществляется так же, как поиск и заменапростого текста -- достаточно ввести в поля данных Образец илиЗаменить на ключевые комбинации для специальных символов или ANSI(ASCII) коды символов. Вывод на печать Выбранная команда Файл к к Напечатать открывает доступ кдиалоговому окну Печать, с помощью которого можно выбрать принтер дляпечати текущего документа, установить параметры работы этого принтера ивывести на печать текущий документ. С помощью этого диалогового окна вы можете распечатать текущуюweb-страницу Оперирование открытыми окнами С помощью команд меню Окно вы можете: Рядом Расположить все окна без взаимного перекрытия погоризонтали. Каскадом Упорядочить все окна с перекрытием так, чтобы названиекаждого окна было видимо. Упорядочить значки Упорядочить пиктограммы минимизированныхокон. Установив курсор мыши на кнопке со стрелкой и буксируя мышью один изуказателей прокрутки, можно перемещать страницу до тех пор, пока в документене покажется нужное место. Вертикальный указатель предназначен дляпередвижения страницы по вертикали, горизонтальный -- по горизонтали. Доступ к системе оперативной подсказки С помощью команд меню Справка можно получить доступ к системеоперативной подсказки редактора web-страниц Microsoft FrontPage Express. Стили форматирования В языке описания гипертекстовых документов слова и строки кодируютсялогическими и физическими стилями. Поэтому в редакторе web-страниц MicrosoftFrontPage Express доступны только два стиля оформления параграфов: Стили оформления символов (физические стили) влияют навыравнивание параграфов, тип, размер, гарнитуру и цвет шрифта. Стилиоформления параграфов (логические стили) влияют на все параграфывыделенного текста. Эти виды стиля позволяют вести форматирование черезуказания заголовков того или иного уровня и игнорировать информацию оразмере шрифта и гарнитуре. Поэтому, чтобы изменить форматированиезаголовка, вы должны модифицировать заголовок первого уровня. Через стилиоформления вы можете сформировать согласованный гипертекстовый документ, тоесть определить заголовок первого уровня в качестве только <H1>(без информации о гарнитуре шрифта и его кегле). Физические стили Физические стили или стили оформления параграфов доступны черезПанель форматирования или через команду Абзац менюФормат. Вы можете оформить доступным физическим стилем не только выбранныйабзац, но и несколько выделенных абзацев. К каждому из этих стилей вы можете применить выравнивание по центру, полевому или по правому краю. Для этого в меню Формат выберите командуАбзац и в появившемся диалоговом окне Свойства абзацаобратитесь к списку Выравнивание абзаца. Просто определите точку вставки и выберите необходимый стиль абзаца изсписка следующих стилей: Стили оформления параграфов Адрес Подпись автора web-страницы. Обычно располагается в концедокумента. Заголовки с 1 по 6 уровень Разделение текста документа наразделы, каждый из которых оформлен текстом определенного размера. Маркированый список Список, оформленный маркерами. Обычный Стиль абзаца по умолчанию. Список определений Оформление глоссариев или других списков. Нумерованный список Иерархия с использованием цифр. Список каталогов Специальный стиль для оформления списков файловили каталогов. Список меню Специальный стиль для оформления небольшихпараграфов. Форматированный Специальный стиль для оформления листинговпрограмм и другой технической документации. Логические стили Microsoft FrontPage Express поддерживаетследующие типы логических стилей: n Полужирный Курсивный Полужирный курсив Машинописный шрифт Верхний индекс Нижний индекс Подчеркнутый Зачеркнутый Вы можете оформить доступным логическим стилем не только выбранныйсимвол, но и несколько выделенных символов. Просто выделите текст,обратитесь к диалоговому окну Шрифт (доступ: Формат к кШрифт) и выберите необходимый атрибут шрифта. Раскрашивание текста Вы можете оформить цветом не только выбранный символ, но и нескольковыделенных символов. Просто выделите текст, обратитесь к диалоговому окнуШрифт (доступ: Формат к к Шрифт) и выберите из списка Цвет понравившийся вам цветшрифта. Многоплатформенные шрифты В принципе с помощью Microsoft FrontPage Express вы можете оформлятьсвои web-страницы всеми доступными шрифтами вашей системы. С другой стороны,если вы хотите, чтобы вашу страницу могли просмотривать пользователи другихоперационных систем, вы должны использовать в оформлении так называемыемногоплатформенные шрифты. К ним относятся следующие шрифты: Arial Courier Times Горизонтальные линии Вы можете украсить дизайн вашей web-страницы горизонтальной линией. Дляэтого определите место в вашем документе, в котором должна быть линия, ивыберите из меню Вставка команду Горизонтальная линия. Просмотр и правка исходного кода HTML Microsoft FrontPage Express позволяет вам просмотреть текст исходногокода HTML и, в случае необходимости, произвести редактирование. Для этоговыберите из меню Вид команду HTML. Вставка в документ тэгов HTML Вы можете вставить в ваш документ любой тэг HTML, включая Java Script.Для этого выберите из меню Вид команду Разметка HTML,обратитесь к диалоговому окну Разметка HTML и поместите ваш тэг вполе данных Вставляемая метка HTML. Одновременно вы можете вставитьтолько один тэг. Дизайн web-страниц с помощью таблиц Мощнейшее средство HTML -- таблицы -- позволяют создавать достаточносложный дизайн web-страницы, например, вы можете расположить текст вашегодокумента в нескольких колонках. Для того, чтобы разместить в вашем документе таблицу, определите точкувставки и обратитесь к диалоговому окну Добавить таблицу черезкоманду Вставить таблицу меню Таблица. Опции диалогового окна Добавить таблицу позволяют: Размер строки Указать количество строк таблицы. Размер колонки Указать количество колонок таблицы. Выравнивание Определить тип выравнивания элементов таблицы. Размер рамки Определить размер линий границ ячеек в пикселах (до100 пикселей). Если размер рамки будет иметь нулевое значение, то линияграницы таблицы отобразится пунктирами, а при просмотре документа вобозревателе станет невидимой. Промежуток между столбцами Определить расстояние между столбцамив пикселах. Ширина Указать ширину таблицы в пикселах или в процентах отширины основного окна соответствующего обозревателя. Независимо от того или иного обозревателя, таблица, ширина которойопределена в пикселах, будет иметь постоянный размер. Таблица, ширина которой определена в процентах, будет подстраиваться ктому или иному обозревателю. Дополнительно Обратиться к диалоговому окну Дополнительныеатрибуты, с помощью которого можно вставить в таблицу тэг HTML илисценарий Java. Как добавить в таблицу строку или столбец В созданную таблицу вы можете добавить строку или столбец. Для этоговыберите в таблице место вставки и обратитесь к диалоговому окну Вставитьстроки или столбцы (доступ: Таблица к к Вставить строки илистолбцы). Совет: Ничто вам не мешает вставить таблицу в другую таблицу. Этимчасто пользуются опытные дизайнеры web- страниц. Как добавить в таблицу ячейку В созданную таблицу вы можете добавить ячейку. Для этого выберите втаблице место вставки и дайте команду Вставить ячейку (доступ:Таблица к к Вставить ячейку). Как выделить таблицу С помощью меню Таблица вы можете выделить всю таблицу или толькоодну ячейку, строку или столбец, просто дав одну из следующих команд:Выделить таблицу, Выделить ячейку, Выделить строку, Выделить столбец. К выделенной таблице вы можете применить стандартные операциикопирования и вставки. Как разбить ячейку на столбцы или строки Вы можете разбить ячейку на столбцы или строки с помощью диалоговогоокна Разбить ячейки (доступ: Таблица к к Разбить ячейки). В поле данных Число колонок определитеколичество столбцов вашей новой ячейки, а в поле данных Число строкукажите количество строк. Свойства таблицы Cозданной таблице вы можете назначить те или иные свойства (шириналинии границы, поля и отступы ячеек, ширина, цвет). Для этого в менюТаблица выберите команду Свойства таблицы и обратитесь кдиалоговому окну Свойства таблицы. Опции диалогового окна Свойства таблицы позволяют: ВыравниваниеОпределить тип выравнивания элементов таблицы. Размер рамки Определить размер линий границ ячеек в пикселах (до100 пикселей). Если размер рамки будет иметь нулевое значение, то линияграницы таблицы отобразится пунктирами, а при просмотре документа вобозревателе станет невидимой. Заполнение ячеек Определить максимальный размер заполненияячейки в пикселах (до 100 пикселей). Промежуток между столбцами Определить расстояние между столбцамив пикселах. Ширина Указать ширину таблицы в пикселах или в процентах отширины основного окна соответствующего обозревателя. Независимо от того илииного обозревателя, таблица, ширина которой определена в пикселах будетиметь постоянный размер. Таблица, ширина которой определена в процентахбудет подстраиваться к тому или иному обозревателю. Специальный фон Использовать в качестве фона таблицы картинку.Просто выберите флажок Использовать фоновое изображение и нажмитекнопку Обзор для поиска файла картинки в форматах GIF, JPG, BMP, TIF,WMF, RAS, EPS, PCX или TGA. Цвет фона Раскрасить подложку таблицы. Дополнительные цвета В этом разделе вы можете определить цветдля рамки вашей таблицы. Если вы выберите только параметр Граница,т.е. параметры Светлая и Темная рамка останутся используемыми поумолчанию, то через ниспадающий список цветов можно присвоить цвет всейрамке вашей таблице. Имеющие приоритет параметры Светлая и Темная рамка позволяютприсвоить цвет верхней и нижней рамкам таблицы. Манипулирование ячейками таблицы Вы можете назначить те или иные свойства не всей таблице, а только ееячейкам. Для этого в меню Таблица выберите команду Свойстваячейки и обратитесь к диалоговому окну Свойства ячейки. Опции диалогового окна Свойства ячейки позволяют: Выравнивание по горизонтали Определить горизонтальную выключкуэлементов таблицы (по горизонтали, влево и вправо). Вертикальное выравнивание Определить вертикальную выключкуэлементов таблицы (сверху, снизу и посередине). Ячейка с заголовкомПрисвоить выбранной ячейке таблицы заголовок. Без разбиения Не допускать переноса текста ячейки на следующуюстроку. Минимальная ширина Указать минимальную ширину ячейки в пикселахили в процентах от ширины таблицы. Ячейка, ширина которой определена впроцентах, будет подстраиваться к тому или иному обозревателю. Специальный фон Использовать в качестве фона ячейки картинку.Просто выберите флажок Использовать фоновое изображение и нажмитекнопку Обзор для поиска файла картинки в форматах GIF, JPG, BMP, TIF,WMF, RAS, EPS, PCX или TGA. Цвет фона Раскрасить подложку ячейки. Дополнительные цвета В этом разделе вы можете определить цветдля рамки ячейки. Если вы выберите только параметр Граница, т.е.параметры Светлая и Темная рамка останутся используемыми поумолчанию, то через ниспадающий список цветов можно присвоить цвет всейрамке ячейки. Имеющие приоритет параметры Светлая и Темная рамка позволяютприсвоить цвет верхней и нижней рамкам ячейки. Дизайн web-страниц с использованием графики Редактор web-страниц Microsoft FrontPage Express поддерживаетграфические изображения двумя форматами GIF (CompuServe Graphics InterchangeFormat Расширение .GIF) и JPEG (Joint Photographic Experts Group Расширение.JPG). Это означает, что любой файл формата BMP, TIF, WMF, RAS, EPS, PCX иTGA при вставке в рабочую среду Microsoft FrontPage Express будетпреобразован в GIF-картинку. Несколько слов о форматах GIF и JPEG. GIF-формат хорош тем, что онмаленький и имеет всего 256 цветов. Формат JPEG используется только длякартинок, имеющих более 256 цветов. С другой стороны, вы можете создатьJPEG-файл с потерей качества, но без потери количества цветов, это можетзначительно уменьшить размер файла. Поэтому, если вы хотите иметь хорошуюкартинку, просто преобразуйте ее в формат JPG. Вы можете поместить в Microsoft FrontPage Express изображениепосредством выбора из меню Вставка команды Изображение. Изображение Microsoft FrontPage Express может быть помещено в любоеместо вашего документа, определенное точкой вставки. Просто поместите точкувставки в нужное место, выберите через диалоговое окно Изображение(доступ: Вставка к к Изображение) имя графического файла инажмите кнопку OK. Вы можете помещать в документ Microsoft FrontPage Express толькорастровые (двоичные отображения) картинки. Растровые картинки строятся изотдельных точек и хранятся в виде групп точек, а экран представляется в видепрямоугольного массива точек, компьютеру указывается цвет каждого элементаизображения. Если документ с помещенной картинкой был сохранен, а затем картинкаподверглась редактированию в какой-либо программе, то Microsoft FrontPageExpress не внесет эти изменения в ваш документ. Если вы переместите файл изображения в другую папку, то самоизображение не отобразится в вашем документе. Помните, что ваше изображениедолжно храниться в том же каталоге, в каком находится файл исходногодокумента. Если формат графического файла не поддерживается программой, то стоитпопытаться вставить картинку в Microsoft FrontPage Express из буфера обмена,или открыть картинку в исходном приложении, или сохранить ее в другомформате. Если же файл загружается в исходное приложение, но неправильноотображает картинку, то необходимо записать файл в другом графическом формате или распрощаться с этим файлом раз инавсегда. При импортировании картинки в Microsoft FrontPage Express размер файладокумента практически не увеличивается. Библиотека рисунков Microsoft FrontPage Express С помощью вкладки Картинки диалогового окна Изображениевы можете воспользоваться библиотекой рисунков Microsoft FrontPage Express. Альтернативное отображение картинок Microsoft FrontPage Express отображает изображения посредствомзаменяющего текста и так называемой превью- картинки. Превью-картинка имеетнизкое разрешение (при загрузке исходного изображения сначало проявитсяизображение с низким разрешением), а заменяющий текст используется припросмотре web-страниц в текстовом режиме. Чтобы отобразить картинкупосредством заменяющего текста, выберите ее, обратитесь к вкладкеОбщие диалогового окна Свойства изображения (доступ:Правка к к Свойства изображения) и в поле данных Текствведите информацию, тем или иным образом описывающую вашу картинку. Чтобы отобразить картинку посредством превью-картинки, выберите ее,обратитесь к вкладке Общие диалогового окна Свойстваизображения (доступ: Правка к к Свойства изображения) и спомощью кнопки Обзор раздела Другие представления выберитекартинку с низким разрешением. Как присвоить изображению ссылку Вы можете присвоить помещенной в рабочую среду Microsoft FrontPageExpress картинке любую ссылку. Для этого выберите картинку, обратитесь квкладке Общие диалогового окна Свойства изображения (доступ:Правка к к Свойства изображения) и с помощью кнопкиОбзор раздела Ссылка по умолчанию выберите документ HTML, накоторый должен быть сделан переход. СОВЕТ Мультипликационные изображения или так называемые анимированные GIF-картинки можно создать с помощью инструмента GIFMake, который дожидается васна http://www.fastlane.net/~samiel. Позиционирование изображений Вы можете позиционировать изображениями, помещенными в рабочую средуMicrosoft FrontPage Express. Для этого выберите изображение и обратитесь квкладке Внешний вид диалогового окна Свойства изображения(доступ: Правка к к Свойства изображения к к Внешний вид). С помощью ниспадающего списка Выравнивание укажите типпозиционирования вашего изображения относительно страницы. С помощью опции Интервал по горизонтали вы можете сместитьвыбранное изображение относительно страницы по горизонтали. Параметрсмещения одновременно воздействует на правую и левую части выбранногоизображения. С помощью опции Интервал по вертикали вы можете сместитьвыбранное изображение относительно страницы по вертикали. Параметр смещенияодновременно воздействует на верхнюю и нижнюю части выбранного изображения.Основные свойства web-страницы Свойства созданной страницы представлены диалоговым окном Свойствастраницы (доступ: Файл к к Свойства страницы). Папка Укажите путь к папке, в которой хранятся все файлы вашейweb-страницы. Заголовок Текст, который вы впишите в это поле данныхотобразится в заголовке окна обозревателя. Практически все поисковые машиныInternet начинают сканирование web- страниц с заголовка. Как озвучить web-страницу Вы можете озвучить вашу web-страницу, просто поместив в нее файлызвуков WAV, AIFF, AU MIDI. Для этого определите точку вставки и обратитесь кразделу Фоновый звук вкладки Общие диалогового окнаСвойства страницы (доступ: Файл к к Свойства страницы). С помощью кнопки Обзор выберите звуковой файл на вашем диске.Если вы хотите, чтобы ваш звук все время играл в окне обозревателя, поставьте флажок Непрерывно. Если же выхотите, чтобы ваш звук воспроизводился в течение определенного цикла,снимите флажок Непрерывно и укажите количество циклов воспроизведенияс помощью счетчика Цикл. Кодирование web-страниц С помощью Microsoft FrontPage Express вы можете изменить кодировкусимволов web-страницы. Для этого обратитесь к разделу Кодировка HTMLвкладки Общие диалогового окна Свойства страницы (доступ:Файл к к Свойства страницы). Отображение русских букв зависит от вашей кодировки. Поэтому для того,чтобы в обозревателе нормально отображались русские буквы, вам необходимоустановить в систему многоязыковую поддержку и шрифты с соответствующейкодировкой, например KOI8. Как правило, при pаботе в Windows 98 длякириллизации используется кодиpовка CP1251, а на непонятных компьютерах сUNIX -- кодиpовка KOI-8. Стандарт KOI8 является кириллической кодовой таблицей, позволяющей вамобмениваться некоторыми сообщениями электронной почты и просматриватьweb-страницы. Для того, чтобы Windows 98 понимала KOI8, необходимоустановить многоязыковую поддержку и шрифты с кодировкой KOI8. Помните, что российские серверы Web поддерживают русский язык либочерез кодовую страницу 1251 (Windows 95), либо через таблицу КОИ-8 (Unix). Как присвоить цвет или фон вашей web-странице Вы можете указать цвет фона для вашего документа HTML. Для этогообратитесь к вкладке Фон вид диалогового окна Свойствастраницы (доступ: Файл к к Свойства страницы), поставьтефлажок Фоновое изображение и с помощью кнопки Обзор выберитефайл изображения, который будет использоваться в качестве фона. Вы можете указать дополнительный цвет фона для текущего документа. Дляэтого обратитесь к вкладке Фон диалогового окна Свойствастраницы (доступ: Файл к к Свойства страницы) и выберитеиз наспадающего списка Фон понравившийся вам цвет. С помощью этой вкладки вы можете указать цвет фона для вашего документаHTML Как присвоить цвет тексту и ссылкам Вы можете присвоить цвет любому выделенному фрагменту текста, а такжегиперссылке, просмотренной и активной ссылкам. Для этого обратитесь квкладке Фон диалогового окна Свойства страницы (доступ:Файл к к Свойства страницы) и выберите из наспадающего спискаТекст цвет для выделенного фрагмента текста. Цвет ссылки вы можете изменить с помощью ниспадающих списковГиперссылка, Просмотренная ссылка и Активная ссылка. Мета-тэги С помощью вкладки Специальный диалогового окна Свойствастраницы (доступ: Файл к к Свойства страницы) вы можетевключить в ваш документ HTML дополнительную информацию, которая неотобразится в окне обозревателя, но помогает той или иной поисковой машинеInternet более легко обнаружить вашу web-страницу. Речь идет о так называемых мета-тэгах. Используя мета- тэги вы можетевключить в свой документ, например, ключевые слова и короткое описание вашейweb-странички: <META name="description" content="Хороший сайт"> <META name="keywords" content="автомобиль, стоп"> Использование гипертекстовых ссылок Гипертекстовая ссылка считается активной частью документа HTML. Этоозначает, что любому пользователю Internet достаточно щелкнуть по ссылке дляперехода к другой web-странице или другому узлу Internet. Для того, чтобысоздать ссылку выделите текст или изображение и обратитесь к диалоговомуокну Создать гиперссылку (доступ: Правка к к Гиперссылка). С помощью ниспадающего списка Типгиперссылки укажите необходимый тип гиперссылки, а в поле данныхАдрес (URL) введите необходимый адрес URL. Абсолютные ссылки указывают путь к месту вашего диска, где находитсядокумент HTML. Такие ссылки совершенно не пригодны для публикации вашегодокумента в Web. Относительные ссылки не имеют пути, поэтому, если выпереместите ваши файлы, ссылки все равно будут работать. Бесплатное размещение Web-страницы на сервере www.geocities.com Вы можете бесплатно разместить свою Web-страничку и бесплатно получитьадрес e-mail на сервере GeoCities. Эта компания полагает, что каждый человекимеет право разместить в киберпространстве собственную домашнюю страничку.Программа поддержки бесплатных Home Page создана для представленияиндивидуальных проектов в World Wide Web. Эта программа поддерживаетсяспонсорами, которые имеют постоянные коммерческие Web-страницы. Вам достаточно выполнить все указания Main Homesteading Page. Если вашадрес электронной почты действительно существует, то на него придет письмо синформацией относительно использования вашей Web-странички. GeoCities разработала уникальный Home Page Editor, с помощью котороговы можете создать персональную Web- страничку и специальная секцияNeighborhoods, где выбирается тема страницы. Выбираем тему Вы можете выбрать тему для своей странички из двадцати девятинижепубликуемых рубрик. Вам достаточно щелкнуть на названии понравившейсявам рубрики, получить дополнительную информацию, заполнить форму, получитьписьмо и, наконец, приступить к публикации собственного гипертекстовогодокумента. Area51 или Area51/Vault Научная фантастика. Athens или Athens/Acropolis Все что может быть связано собразованием. Преподаватели, философы, и все, кто интересуется литературой,будут чувствовать себя здесь как дома. BourbonStreet GeoCities не может не включить в свои рубрикитему, связанную с великолепным легким джазом. Broadway Театры и шоу. CapeCanaveral Наука и технологии. Инженерия, математика, авиацияи т.д. CapitolHill Политика, государство и национальные интересы.Участники этой рубрики весьма смело высказываются обо всем этом. CollegePark Почувствуйте вкус университетской жизни! Colosseum или Colosseum/Field Если вы любите спорт, то здесь выможете разместить соответствующую страничку. Олимпийские игры,профессиональный спорт и т.д. Enchanted Forest Место для детей. Игры, рассказы, учебные ссылкии домашние странички, созданные детьми. Heartland или Heartland/Plains Отцы, дети и проблемы в семье. Hollywood или Hollywood/Hills Кинематограф, телевидение и живоевидео! HotSprings Центр вашего здоровья и профессиональной пригодности.Правильная пища, медицинские проблемы, лечебные курорты. MotorCity С волной пестрого флага, MotorCity приветствуетавтомобильных фанатов. NapaValley Откупорьте бутылку вина, возьмите прекрасную сигару иприсоединяйтесь к NapaValley, чтобы стать истиным гурманом и ценителемвкусной пищи. Paris или Paris/LeftBank Сообщество романтиков. ВеликолепныйПариж. Поэзия, искусство, прекрасное вино и континентальный образ жизни. SiliconValley, SiliconValley/Park или SiliconValley/Heights orSiliconValley/Pines Компьютеры и программное обеспечение. Самаяпопулярная рубрика в GeoCities. SoHo или SoHo/Lofts Писатели и еще раз писатели. SouthBeach или SouthBeach Marina Местечко для праздношатающихсягуляк. TheTropics Каждый когда-нибудь мечтал оказаться в Раю. Рубрикадля всех тех, кто в каникулы любит путешествовать. TelevisionCity Все о телевидении. TimesSquare или TimesSquare/Arcade Игры и приключения. Tokyo или Tokyo/Towers Для всех тех, кто интересуется ДальнимВостоком. Vienna Классическая музыка, оперетта и балет. WallStreet Здесь GeoCitizens делает бизнес. Инвестиции, финансы,бизнес и коммерция. WestHollywood Геи, лесбиянки и прочие сексуальные меньшинства. Yosemite Любители свежего воздуха. Путешествия, альпинизм,лыжный спорт, рэфтинг, кемпинг и все то, что можно делать на свежем воздухе. Три шага -- и ваш мегабайт в киберпространстве! Вам нужно сделать только три шага для того, чтобы ваша Home Page сталаполновластным членом киберпространства. Ниже публикуется информацияотносительно этого. Просмотрите каталог Neighborhood Directory и выберите тему длясвоей странички. Будьте уверены в том, что выбранная тема соответствуетвашей страничке. Найдите незанятый адрес в соответствующей секции Neighborhood.Для этого существует два способа. Выбрав из секции Neighborhood опциюmain page, вы можете вести поиск через пронумерованные блоки адресовуже существующих страниц до тех пор, пока не найдете свободное место. Выможете также просто щелкнуть на слове Join и следовать предложенныминструкциям. Выбрав Yes на следующей странице, вы сможетеавтоматически найти свободное место посредством поля данных VacancyLocator. Щелкните на Apply for this address для резервирования места подсвою страничку. После этого вы автоматически переместитесь на страничку срегистрационной формой. Здесь вы должны ввести свои персональные данные.Особо хотим подчеркнуть -- правильно укажите ваш адрес электронной почты.Именно по этому адресу будет выслан пароль, без которого невозможен доступ квашей страничке. Подтверждение регистрации Если вы правильно заполнили регистрационную форму, то вы получите такназываемое подтверждение регистрации. Вас поприветствуют, сообщат выбраннуюрубрику и укажут электронный адрес, по которому будет выслана дополнительнаяинформация. Если вам известен пароль, то вы можете изменить свой адресэлектронной почты посредством Personal Profile Editor. Поддерживаемые типы файлов Вы можете просмотреть специальный список, в котором указаны всеподдерживаемые типы файлов. Если вам необходима поддержка какого-либодругого типа, вы должны обратиться с соответствующим запросом на серверGeocites. Отошлите соответствующее письмо по адресу: comments@geocities.com.В целях безопасности не поддерживаются скрипты CGI и EXE-файлы. Это,конечно, не относится к счетчикам, формам и картам картинок, разработаннымиGeocites. Относительно файла index.html Вы можете модифицировать свой документ, находясь у себя дома или делатьвсе то же самое, используя Home Page. Несмотря на то, что в вашем каталогеможет находиться несколько гипертекстовых страниц, файл вашей первойстранички должен быть назван как index.html. Именно этот файл будет загружать документ, когда кто- нибудь обратитсяпо вашему адресу. Вы должны удалить старый файл index.html из вашего каталога. Это можносделать посредством Disk Usage Utility, то есть специальнойстранички, которая позволяет манипулировать файлами вашего каталога. Все остальные гипертекстовые страницы могут иметь любые названия.Помните, что вы можете создать новую страницу непосредственно на сервереGeocites с помощью Home Page Editor. Если вы изменили свою страничку через Home Page Editor, то вамдостаточно нажать на кнопку Create/View. Теперь ваша страничкамодифицируется и вы сможете увидеть произведенные изменения в режимепредварительного просмотра. Соглашения относительно имен при пересылке гипертекстовых файлов В пределах вашего документа HTML, вы должны использовать определенноесоглашение, касающееся имен файлов размещенных на сервере Geocites. Конечно,вы можете через встроенные ссылки обращаться к другим гипертекстовымдокументам WWW. Но файлы, переданные на сервер через FTP, должныудовлетворять следующим требованиям: <IMG SRC = "image.gif"> или <A HREF = "util.zip"> Вы можете обратиться к любому типу файла, который поддерживаетсясервером Geoсites. Например, вы можете обратиться к страничке page2.html,находящейся внутри index.html, используя ссылку <HREF ="hobbies.html"> Это моя вторая страница </A> и обратиться к картинке, находящейся в вашем текущем каталоге,используя ссылку <IMG SRC = "photo.jpg"> Использование протокола передачи Вы можете пересылать ваши файлы на сервер ftp.geocities.com. В полеLogin укажите Member Name, а в поле Password ваш пароль(эти две вещи должны быть вами получены от Geocites по электронной почте).Соединившись с ftp.geocities.com, вы автоматически окажетесь в вашем текущемкаталоге. Этот каталог предназначен для файлов вашей Web- странички. Вы не можете создавать подкаталоги на сервере Geocities. Передавайтевсе ваши файлы только в свой текущий каталог. Пересылка всех не текстовыхфайлов (GIF, JPG, ZIP) осуществляется в бинарном режиме или через командуraw. Файлы HTML и другие текстовые файлы должны передаваться в режимеASCII. Вы можете иметь в своем текущем каталоге столько файлов, сколькохотите, но пространство на диске ограничено для использования только одниммегабайтом. Ваш собственный универсальный локатор ресурса Каждый зарегистрированный пользователь получает собственный уникальныйURL. Этот локатор вы можете сообщать всем поисковым службам Internet. ВашURL будет всегда начинаться с http://www.geocities.com изаканчиваться выбранной рубрикой и полученным номером вашего адреса. Например, если ваш адрес есть 2090 и находится в Athens Neighborhood,то ваш URL будет выглядеть так: http://www.geocities.com/Athens/2090/ Предварительный просмотр, обновление и удаление Ваши файлы будут автоматически перемещены посредством FTP в ваш текущийкаталог. Вы можете просмотреть свою страничку, выбрав в рубрикеNeighborhood соответствующий каталог и свой адрес. Кроме этого, вы можете обновлять ваш гипертекстовый документпосредством обыкновенной пересылки файлов через FTP в ваш текущий каталог.Вы можете так же удалить все переданные файлы, используя утилиту PersonalProfile Deletion Utility. Вам не нужно удалять старые файлы перед тем,как передавать новые. Когда вы будете передавать файлы, то в вашем каталогефайл с прежним именем просто автоматически перезапишется. Удостоверьтесь в том, что имя нового файла точно такое же как текущийфайл, особенно при посылке вашего файла index.html. При использовании Basic Home Page Editor вы можете получитьсообщение: "Page not created with Home Page Editor", означающее, что вашастраничка не создана в HTML-редакторе Geocities. Вы пересылаете через FTPфайл index.html и затем можете модифицировать основанный на этом файлегипертекстовый документ с помощью основного редактора Geocities илиAdvanced HTML Editor. Вы можете, конечно, не производить никакихизменений, а просто передать файл index.html через FTP или EZ File UploadUtility. Скорее всего, это сообщение появилось из-за того, что вы добавили тэгиHTML в строку Title основного или расширенного редактора, а системаGeocities не смогла понять этого. Итак, если вы попали в такую ситуацию, тоу вас имеется два решения: n Не изменяя текущего экаунта, удалите ваш профайл и измените свойадрес посредством Profile Deletion Utility n Сделайте все будущие изменения вашего гипертекстового документаindex.html через FTP или Advanced HTML Editor Ссылки на другие страницы Вы можете добавить в свой гипертекстовый документ ссылки на другиестраницы, находящиеся в вашем текущем каталоге. Для этого вы должныпользоваться файлами с непосредственными ссылками. Например, если ваш файлindex.html имеет ссылку ко второй странице в пределах вашего каталога, тотакая ссылка должна быть организована следующим образом: <a href="secondpage.html"> Это означает, что вам вообще не нужно указывать начало ссылки, то естьhttp:/www.geocities.com/. Аналогичный метод используется и в том случае, если вы хотите связатьвашу страницу со страницей другого пользователя. Например, если вы хотите связаться с 1000 Colosseum, то вы простопишите: <a href="/Colosseum/1000/"> Cкрипты Вы не можете передавать скрипты на сервер Geocities. Это связано сбезопасностью. Теоретически, запущенная на сервере скрипт-программа может открыть доступ ко всем областям сервера. ПоэтомуGeoсities предлагает только свои разработки. Вы можете использовать формытрех скриптов: imagemap counter mailto Все остальные формы должны передаваться только на электронный адрессервера. Они будут рассматриваться, изучаться, в общем, тестироваться. Бесплатная регистрация вашей web-страницы в поисковых машинах Internet Если вы хотите бесплатно зарегистрировать вашу web- страницу впоисковых машинах Internet, просто обратитесь к одному из ниже перечисленныхсерверов. 1000 Christian Links In 72 Categories ADD-URL http://www.newcreations.net/sermoncentral/addurl.html PM FFA Link Page http://11pm.com/links/links.htm Register's Cool Site Award http://www.123register.com/award.html Mockingbird Lane FFA Link Page http://1313mockingbirdlane.com/links/links.htm Have Fun FFA Link Page http://www.2havefun.com/links/links.htm FFA Link Page http://www.4u2.de/ Free Banner Exchange http://1-2-free.com/ Banners http://www.123banners.com/ AmericaMall http://www.1second.com/1america.htm StopBiz http://www.1stopbiz.com/ FFA Link Page http://212.net/ BuySell http://www.2buysell.com/ Cool Web Coolest Site http://www.2coolweb.com/ Hand Internet Market http://www.2him.com/ Советы и секреты Web-мастера Небольшой наезд... Путешествуя по Internet, вы, наверное, обратиливнимание на различный вид web-страниц. Некоторые страницы выглядят весьмакрасиво и до отказа заполнены нужной вам информацией. Другие -- безобразны,отвратительны и заполнены, как правило, всякой ерундой. Разработкой и тех идругих страниц занимаются пользователи, называющие себя web- дизайнерами илиweb-мастерами. Понятно, что хороший web- дизайн напрямую зависит от того,как пользователь владеет интеллектуальной дисциплиной, называемойweb-дизайном. Если вы программист, никогда не пускайтесь в авантюры типа "Разработкаweb-сервера". Поверьте, это не для вас. Web- дизайн -- это далеко не кодыHTML! Именно на этих самых кодах зацикливаются многие программисты, забываяпро главное -- красивый дизайн, функциональность и содержание.Профессиональный дизайн web-страничек и серверов WWW не может быть выполненпрограммистом. Тестируйте свой дизайн различными обозревателями Помните, что не все пользователи Internet путешествуют черезобозреватель Microsoft Interenet Explorer. В мире существует масса другихобозревателей, например, Netscape Communicator. Функциональность и содержание Дизайн дизайном, но web-страница должна иметь хорошее информационноенаполнение. Как работать с графикой Стандартный пользователь Internet -- это пользователь, имеющий мониторс разрешением 640 на 480 пикселов. Поэтому любая графика вашего web-дизайнадолжна укладываться в этот размер. Кроме этого, графика в документе HTMLдолжна иметь небольшой размер, иначе, ваше творение останется незамеченным. Подписывайтесь под своим дизайном! Это правила хорошего тона. Подпись должна иметь ссылку на ваш адресэлектронной почты. Отмечайте время! Всегда ставьте дату последнего редактирования web- страницы. Оставляйте в документе белые места Они помогают отдыхать пользователю от обилия графики и текстовойинформации. Если вы что-то рекламируете... ...то используйте в тексте повторения. Чтобы создать иллюзию безразмерности... ...выносите ваши рисунки на самую малость за край страницы. Служебные объявления Служебные объявления всегда черно-белые. Жирный шрифт и фотография Жирный шрифт и фотография -- элементы одного дизайна. Текстовые и графические объекты Выравнивайте текстовые и графические объекты только одним способом,например, по центру. Симметричность оформления Соблюдайте симметричность оформления графики и текста. Не трогайте основной стиль! Изменяйте дизайн, не трогая основной стиль оформления вашего документа. Текст над заголовками Текст над заголовками всегда оформляется уплотненным шрифтом, при этомзаголовки оформляются одним шрифтом, а основной текст -- другим. Дизайн заголовока, текста над заголовком и строки автора -- всегдаединый и гармоничный. Строка автора набирается маленькими прописными буквами. Шрифт строкиавтора идентичен шрифту заголовка. Огромная оформительская работа Вы должны так спроектировать свой документ так, чтобы у пользователясложилось впечатление, что над документом была проделана огромнаяоформительская работа. Принцип контрастности Применяйте принцип контрастности: на фоне текста, набранного светлымшрифтом располагаются жирные заголовки. Цитата Цитата -- внедренный текст. Шрифт цитаты идентичен шрифту строкиавтора. Прочно привязывайте смысловую графику Прочно привязывайте смысловую графику к соответствующему ей основномутексту. Комбинируйте! Комбинируйте различные элементы дизайна. Дизайн первой страницы Дизайн первой страницы вашего документа должен отличаться от дизайнавсех остальных страниц. Прежде чем начать Прежде чем начать создание вашего документа, проведите предпроектноеисследование, то есть выясните, для кого будет предназначена публикуемаяинформация: профессионалы, художники, бизнесмены и т.д. Симпатичныекартинки<



©2015 arhivinfo.ru Все права принадлежат авторам размещенных материалов.