Смекни!
smekni.com
Информатика и программирование

Internet Explorer создание Webстраниц

Водчиц ВиталийНиколаевич18

Введение

Ростпопулярностисети Интернети быстрая эволюцияобозревателяресурсов отпростейшегосредства дляпросмотрастатичногосодержимогодо богатейшейплатформы дляпубликациидокументов,коллективнойработы, мультимедиа,электроннойкоммерции ит.д. были оченьвпечатляющими.Обозреватели,постояннопредоставляющиепользователямвсе новые возможностипо поддержкепередовыхвеб-технологийсыграли в этомразвитии ключевуюроль. С появлениемкаждого новогопоколенияобозревателейклиенты (т.е.конечныепользователи,сетевые администраторыкорпоративныхсетей иразработчики-программисты)обнаруживалиновые задачии области применения,которые должныбыть охваченыэтими программами,чтобы отвечатьих нуждам. КорпорацияMicrosoft постоянноприкладывалаусилия к решениюэтих ключевыхзадач при разработкекаждой из версийMicrosoft Internet Explorer, предоставляятаким образомсвоим пользователямнаиболеетехнологичноерешение, соответствующееих насущнымпотребностям.

MicrosoftInternet Explorer 5 - это очереднаяверсия программыпросмотраресурсов ИнтернетаInternet Explorer. Этот документпризван помочьв изученииобозревателяInternet Explorer 5. Особоевнимание уделеноинформациио целях, которыекорпорацияMicrosoft преследовалапри усовершенствованииего возможностей,и преимуществахэтого продуктаперед конкурентами.

Всефункциональныевозможности,описанные вэтом документе,доступны прииспользованииобозревателяInternet Explorer 5 как компонентаодной из следующих32-разрядныхоперационныхсистем семействаWindows(r): Windows 95, Windows 98, Windows NT(r) версии4.0 или Windows 2000.

InternetExplorer (IE).

Основныефункции.

Д

лязагрузки IEнеобходимощелкнуть назначок  нарабочем столеWindows 98, или загрузитьего черезПуск_Программы}InternetExplorer}InternetExplorer.Послезагрузки намониторе компьютерапоявится оболочкаIE.

КнопкиНазад(1) и Вперед(2). Эти кнопки- наиболее частоиспользуемыйинструментброузера (IE) принавигации поWeb. Нажатие наэти кнопкипоследовательновозвращаетнас к предыдущемуили следующемупросмотренномудокументу(внутри спискауже просмотренныхдокументов).Как только мыдойдем до последнегоиз просмотренныхранее документов,кнопка Назадстанет недоступна,а если пройдемвперед по спискуиз просмотренныхранее документов,- то станетнедоступнакнопка Вперед.

КнопкаСтоп(3) предназначенадля остановкипроцесса загрузкиWeb-страницы,требуется призагрузке документапо ошибочномуадресу иличастичнойоткрытия документа.

4 - кнопкаОбновить. Принавигации поWeb может оказаться,что какая-либостраница загрузиласьне полностью,причем особенночасто это бываетсо страницамис картинками.Такое случаетсясплошь и рядом,посколькузагрузка каналовИнтернета всевремя изменяется,периодическивозникают сбоипередачи ипотеря частипереданнойинформации.В таких случаяхпомогает кнопкаперезагрузкистраницы - Обновить.При нажатиина эту кнопкутекущая страницазаново передаетсяс сервера нанаш компьютер,и часто этогобывает достаточнодля разрешенияпроблемы.

ОкноInternetExplorer

Кроме того,у кнопки обновленияесть еще однафункция, связаннаяс использованиемдисковой кэш-памяти.Дело в том, чтопереданныеиз Интернетастраницы хранятсяна жесткомдиске компьютерав виде временныхфайлов. Когдамы нажимаемкнопки Впередили Назад,то броузерможет загрузитьстраницу ссервера илиже восстановитьиз временногофайла с диска.Как правило,«по умолчанию»броузер грузитстраницу сжесткого диска(можно выбратьнужный режимс помощью параметровиз окна СвойстваОбозревателя,вызываемогоиз меню Вид).

5 - кнопкаДомой. Этакнопка нужна,чтобы перейтик домашнейстранице (первойстранице, котораявыводится наэкран при запускеобозревателя).Ее настраиваютна Web-страницу,с которойпользовательчаще всегоначинает работув Интернете.

6 - кнопкаПоиск. Этакнопка служитдля открытияпанели поискаи выбора соответствующейслужбы дляпоиска в Интернете.

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

КнопкаЖурнал(8) предназначенадля открытияпанели, в которойнаходятсясгруппированныев хронологическомпорядке ссылкина Web-страницыи сайты посещенныеза последниенесколько дней.

9 - Адреснаястрока. Внее вводятадреса (URL) Web-страницили пути кдокументам,хранимым накомпьютере.

10 – кнопкаПереход,предназначенадля переходак Web-страницепо адресу, введенномув адреснуюстроку.

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

Поискнужной информации

Для поискаинформациив Web,можно использоватьразличныеспособы:

-         с помощьющелчка на кнопкеПоискпанели инструментовможно получитьдоступ к рядупоисковыхслужб. Ввестислово или фразув поле Поиск;

-         нужноввести go,find или ?за словом илифразой в панелиадрес;

-         послеоткрытия Web– страницыможно искатьспецифическийтекст в ней,используя менюПравкаНайтина этой странице.

Быстроеоткрытие любимыхстраниц (папкаИзбранное)

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

-         добавлениемWeb-узла визбранное;

-         добавлениемв панель ссылок;

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

Добавлениек списку избранного

1.     Нужноперейти настраницу, которуюнужно добавитьк списку избранного.

2.     Выбратьв меню Избранное_Добавитьв избранное.

3.     Ввестиновое имя страницы.

ДобавлятьWeb-узлы кпанели ссылокможно несколькимиспособами:

-         перетаскиваяпиктограммуWeb-страницыс панели адресовна панель ссылок;

-         перетаскиваясвязь Web-страницы напанель ссылок.

Изменениедомашней страницы

1.     Нужнооткрыть Web-страницу,которую нужносделать домашней.

2.     Выбратьв меню Сервис_Свойстваобозревателя.

3.     В группеДомашняя страницащелкнуть накнопку стекущей.

Поиск недавнопосещаемыхизбранных мест.

1.     На стандартнойпанели инструментовщелкнуть накнопку Журнал.Появится панель,содержащаяWeb-узлы,посещенныев предыдущиедни и недели.

2.     В спискеЖурнал выбратьнеделю илидень, щелкнутьна папке, чтобыотобразитьиндивидуальныестраницы, азатем щелкнутьна пиктограмместраницы, чтобыотобразитьее.

ПоискпосещенныхWeb-узлов.

1.     Чтобывозвратитьсяк предыдущейстранице, щелкнутьна кнопке Назадстандартнойпанели инструментов.

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

Электроннаяпочта

Outlook Express - это программаэлектроннойпочты и новостей,которую можноиспользоватьдля отправкии получениясообщений,участия в группахновостей Интернетаи даже для отправкистраниц HTML поэлектроннойпочте. Эта программаобеспечиваетлегкий импортконтактов иадресных книгиз другихкоммуникационныхпрограмм. Чтобыпроверитьпочтовый ящик,не нужно дажеоткрыватьOutlook Express: просто нужнонажать кнопкуПочтана панелиинструментовInternet Explorer. 

Созданиестраниц, доступныхдля автономногопросмотра

1.     Перейтина страницу,которую нужносделать доступнойавтономно.

2.    Выбратьв меню Избранное,Добавитьв избранное.

3.    В появившемсядиалоговомокне установитьфлажок Сделатьдоступнойавтономно.

4.     Определитьрасписаниеизменениястраницы исодержимоедля загрузкив диалоговомокне, котороеоткрываетсяс помощью кнопкиНастройка.

ПросмотрWeb-страницыбез подключенияк Интернет

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

1.     Передотключениемот Интернетвыполните ихсинхронизациюс помощью менюСервисСинхронизировать.

2.     Выбратьв меню Файл_Автономнаяработа.

3.     В спискеизбранноевыбрать элемент,который нужнопросмотреть.

Печать Web-страницы

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

Чтобы распечататьфрейм или какой-тоэлемент Web-страницы,нужно щелкнутьна нем правойкнопкой мышии в контекстномменю выбратьПечать фреймыили печать.

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

В меню Файлнужно выбратькоманду Сохранитькак….Указать местона жесткомдиске, где будетсохраненастраница. Вполе Имя файлаввести имястраницы. Вполе Тип файлавыбрать нужныйформат файла.Чтобы сохранитьвсе файлы этойстраницы, включаяграфику, фреймы,таблицы и т.д.,нужно выбратьВеб-страницаполностью.

Для сохранениятолько текстаи ссылок нужновыбрать Веб–страница,только HTML.Эта опцияпозволяетсохранятьинформациюо странице, нонельзя сохранитьграфику, звукиили другиефайлы.

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

Измерениешрифтов, цветови кодировок

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

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

При созданииWeb-страниц,они часто имеютспецифическиецвета шрифтаи размеры, атакже фоновыецвета. Можноотменить любуюили все установки,а также шрифтцветовые предпочтениядля всех страниц.

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

Для ускорениязагрузкиWeb-документови отображениятолько текстанеобходимоотключитьграфику. Дляэтого в обозревателеInternet Explorer в меню Сервисвыбирают Свойстваобозревателя.На вкладкеДополнительно,в группе Мультимедианужно снятьодин или несколькоиз следующихфлажков: Отображатьрисунки, Воспроизводитьанимацию,Воспроизводитьзвуки, Воспроизводитьвидео.

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

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


ВидыWWW-страничек

Персональныестранички

“Домашняястраничка”.Самый простойи доступныйвсем тип сайта.Как правило,состоит “домашнийсайт” из четырех-пятиотдельныхстраничек-документов.Заглавная можетсодержатькраткую биографическуюсправку о ееавторе. На второйстранице можетбыть описанохобби автора(музыкальные,книжные пристрастияи т.д.), на третьейвозможна коллекциядомашних фотографий,четвертая можетсодержатьколлекциюссылок сетевыхресурсов. Т.е.– это основныечасти “домашнейстранички”,изготовленныепо шаблонамв любом визуальномHTML-редакторе.

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

“Интернет-газета”.Чаще такуюстраничкуназываютWWW-обозрением.По сути дела,это – настоящаясетевая газета,которую делаетодин человек.Обозрение –это в отличииот “домашнейстранички”издание, котороепостояннообновляется(хотя бы раз внеделю). Предметомобозрения можетбыть любаятема, т.е. всеот событий вмире до кулинарныхрецептов.

“Виртуальныйфэн-клуб”. Втораяпо численности(после домашнихстраничек)группа сетевыхстраниц.

Музыка, книги,кино, живопись,туризм, коллекционирование,работа, компьютери многие другиекатегорийинтересов могутлежать в качествеосновной темысайта. Разделыв “Виртуальномфэн-клубе”могут бытьтакие как: “Новости”,биографическо-справочныйматериал, обзорыи рецензии,коллекции фото.Иногда можетбыть “Гостеваякнига” в которойпосетителисайта могутоставлять своизаметки натему, которойпосвящен данныйсайт.

Коллективныестранички

“Сетевое издание”.Журнал, газета,альманах, агентствоновостей и т.д.Динамичный,часто обновляемыйи объемныйсайт, которыйвесьма сходенс “фэн-клубом”и “обозрением”.Такой сайтможет состоятьуже из сотени даже тысячдокументов.Также в структуремогут сочетатьсячерты “сетевогожурнала” итестовой лаборатории.

Еще один типизданий этойгруппы – электронныекопии традиционныхпечатных изданий,газет и журналов.

“Виртуальныепредставительства”организаций.Диапазон сайтовв этой группеогромен – открохотнойстраничкинебольшой фирмысборщика компьютеровдо гигантских“корпоративныхсайтов”, какMicrosoft, а так жеправительственныхструктур илиобщественныхобъединений.


ИнструментыWeb-дизайна

Выбор визуальныхредакторовHTML-кода оченьвелик, однакосамые распространенные– Microsoft FrontPage 98/2000/XP и Macromedia DreamWeaver6.0 MMX. Второй изних болеепрофессиональныйи сложный. MicrosoftFrontPage своим интерфейсомпохож на Word, поэтомупринципы работыс ним одинаковы.Точно так женабираетсятекст, вставляютсякартинки иэлементы оформления,меняется цвети шрифты, выполняетсяформатирование.Но также естьвозможностьвставлениякнопок, выпадающихменю, бегущихстрок и анимации.

Для созданияграфическихобъектов лучшевсего подходятпрограмму отAdobe (PhotoShop), для анимациипакеты программот Xara и Ulead.

Текст.Текст можновводить в тойже самой программе,в которой будетпроисходитьверстка страницы– Microsoft FrontPage. Но созданныйтекст можноперенести черезбуфер обменаиз любого текстовогоредактора.

Также в MicrosoftFrontPage существуетвозможностьсозданияанимированноготекста. Модификация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-клиент. К томуже, как правило,вместе с пространствомпод сайт можнополучить ибесплатныйэлектронныйпочтовый ящик.


MicrosoftFrontPage

Microsoft FrontPage относитсяк семействувизуальныхредакторовWWW-страниц. Этапрограмма слегкостьюпозволяетсоздавать нетолько отдельныестраницы, нои целые системыстраничек –сайты. Здесьможно вставлятьи позиционироватьлюбые картинки,использоватьтаблицы, звук,анимацию инебольшиеапплеты. FrontPage такжерасполагаетбольшой коллекциейготовых шаблоновформ и схем.Есть возможностьработы с фреймами(страницы состоящиеиз несколькихокон).

FrontPage позволяетработать в трехрежимах: стандартномрежиме версткидокумента,режиме просмотрав окне броузераи режиме редактораHTML-тегов.


Работав редактореFrontPage

Начинаяработу в редактореFrontPage,следует отдаватьсебе отчет, чтов результатеего примененияполучаетсядокумент HTML,построенныйпо тем же правилам,что и создаваемыйвручную. Этотфакт сразу жеопределяетвозможностии ограниченияв работе этогоредактора.

• Все функцииредактораFrontPageоднозначнореализуютсятегами HTML

• РедакторFrontPageне имеет средств,которые нельзябыло бы предста­витьв виде теговHTML

• Пользовательобычно не знает,какие именносредства HTMLиспользуютсядля достижениязаданногоэффекта и насколькокорректно ониприменяются.

РедакторFrontPage«ориентирован»на применениеобозревателяInternetExplorer,так что создаваемыйим код HTMLнаиболееадекватноотображаетсяименно в этомброузере. Вчастности,FrontPageпозволяетиспользовать«бегущую строку»,средство, котороене входит встандарт HTML,но поддерживаетсяInternetExplorer.Из числа стандартныхсредств HTMLредакторFrontPageне под­держиваетфреймы (точнееговоря, созданиедокументовописания фреймов).


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

Окно программыFrontPageпредставляетсобой комбинациюокнаредактора иокна броузера.ДокументHTMLотображаетсяредактором,как специ­фическимброузером,отображающимдаже обычноневидимыеэлементы (такиекак якоря). Вто же время,этот текстможно редактироватьсредствами,аналогич­нымиимеющимся втекстовомпроцессоре.

В качествеосновногосредстваформатированияиспользуетсяПанель инструментовформатирования.Она содержит:

• раскрывающийсясписок Изменениестиля, позволяющийвыбрать стильоформле­нияабзаца (соответствующийстандартнымфункциональнымэлементамHTML);

• раскрывающийсясписок Изменениешрифта, позволяющийвыбрать гарнитурушрифта (наличиетакого же шрифтав ходе просмотрадокумента черезИнтернет негарантируется);

в кнопкиувеличенияи уменьшенияразмера текста(в относительныхединицах HTML);

• кнопкивыбора начертания;

• кнопки выборавыравниваниятекста;

• кнопки созданиямаркированных(неупорядоченных)и нумерованных(упорядо­ченных)списков;

• кнопкизадания отступатекста (на основенекорректногоиспользованияэлемен­товHTML).

ОкнопроводникаFrontPage


Дополнительныеэлементыформатирования,не вынесенныена панельинструментов,задаются вотдельныхдиалоговыхокнах. Их можнооткрыть, например,с помощью командФормат >Шрифти Формат > Список.

Для созданиягиперссылкинадо выделитьфрагмент текста,который будетисполь­зоватьсякак ссылка, идать командуВставка >Гиперссылка.В открывшемсядиало­говомокне "Создатьгиперссылку"выбирают вкладкуWWWдля созданиявнешней ссылки,вкладку Открытьстраницы длясоздания ссылкина другую страницусвоего узла(используетсяотносительныйадрес) и вкладкуНовая страницадля одновремен­ногосоздания ссылкии соответствующегодокумента,который немедленнооткры­ваетсядля редактирования.

Поле Кадр назначенияслужит дляуказания именифрейма, в которомбудет откры­ватьсястраница, аполе Закладка— для указанияякоря, которыйпри этом исполь­зуется.

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

Таблицыи формы невозможносоздать толькоформатированием.Чтобы создатьтаблицу, используюткоманду Таблица> Вставитьтаблицу. Воткрывшемсядиалого­вомокне указываютразмер таблицы(в ячейках), атакже дополнительныепараметры,реализуемыекак атрибутысоответствующихтегов. Чтобызанести информациюв таблицу, следуетустановитькурсор в нужнуюячейку и начатьввод. При работес ячейкамитаблицы можноприменять любыекоманды форматирования.

Окно Web-редактораFrontPage


Специальнойкоманды созданияформы редакторFrontPageне имеет. Однакопри добавленииполя формы(черезменю Вставка> Поле формы)создается иформа, включающаяэто поле. Придобавлениипоследующихполей следуетследить за тем,чтобы они включалисьв ту же самуюформу.

В языкеHTMLсвойстваэлемента задаютсяатрибутамитега. РедакторFrontPageобеспечиваетих задание спомощью специальныхдиалоговыхокон. Чтобыоткрыть такоедиалоговоеокно, следуетщелкнуть наредактируемомэлементе правойкнопкой мыши.В нижней частиконтекстногоменю располагаютсякоманды, относящиесяк элементамдокумента,рассматриваемымредакторомкак открытые.Порядок следо­ваниякоманд соответствуетпорядку вложенияэлементов.Выбор однойиз этих командприводит коткрытию диалоговогоокна свойствсоответствующегоэлемента. Элементыуправленияв этом диалоговомокне соответствуютатрибутамоткрываю­щеготега для выбранногоэлемента.

Дополнительныеобъекты вставляютсяв редактируемыйдокумент припомощи менюВставка. Например,для вставкиизображенияиспользуетсякоманда Вставка> Изображение.Если в диалоговомокне Изображениещелкнуть накнопке Обзор,можно выбратьфайл с изображением.В ходе созданиядокументаразличныеграфи­ческиеформаты автоматическипреобразуютсяв форматы GIFи JPEG.Сохране­ниепреобразованногофайла осуществляетсяпри сохранениидокумента.

Другие элементы,которые можноразместитьна странице,— это:

• горизонтальнаялинейка (Вставка> Горизонтальнаялиния);

• видеозапись(Вставка > Видеозапись);

• фоновое звуковоесопровождение(Вставка > Фоновыйзвук);

• «бегущаястрока» (Вставка> Бегущаястрока, этотэлемент воспроизводитсятолько обозревателемInternetExplorer).

Ограниченностьвозможностейредактированияпри помощиFrontPageиногда приводитк необходимостивмешательстванепосредственнов создаваемыйкод HTML.Это можноосуществитьдвумя способами.Во-первых, можнодать командуВставка > РазметкаHTML.В этом случаеоткрываетсядиалоговоеокно РазметкаHTML,в котором можновводить произвольныйтекст с разметкой.Редактор FrontPageмаркирует егоособым способоми отображаетв виде небольшогозначка. Чтобы

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

Второйспособ заключаетсяв открытии окнапросмотрагенерируемогокода при помощикоманды Вид> HTMLПри этом открываетсядиалоговоеокно Просмотрили правкаHTML,в которомотображаетсякод HTML,сгенерированныйпрограммойFrontPage.Цветная маркировкапозволяетнемедленноувидеть ключевыеслова тегов(изображеныфиолетовымцветом), атрибуты(красным) и значенияатрибутов(синим). Этоткод можноредактироватьвручную,однакопосле щелчкана кнопке ОКредакторпроанализируетвнесенныеизменения иоткорректи­руетполученныйдокумент всоответствиис собственнымвнутреннимстандартом.


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

Для упрощенияи автоматизациисоздания Web-страницредактор FrontPageпозволяетиспользоватьмастераи шаблоны.Для этогонадо создатьновый документкомандой Файл> Создать — наэкране появитсядиалоговоеокно Новаястраница. Выборв списке Шаблонили мастерлюбого варианта,кроме пунктаНормальнаястраница, приводитк использованиюмастера илишаблона.

При использованиимастера (Мастерперсональныхосновных страницили Мастерформ) программазадает рядвопросов и наоснованииответов формируетзаготовку

документа.Результатпредставляетсобой скорееплан страницы,чем законченныйпродукт, и отпользователятребуетсянаполнениесозданныхразделов конкретнымсодержимым.

Шаблоны(Форма обозренияили Формаподтверждения)представляютсобой гото­выйдокумент «общегохарактера».В тех местах,где долженрасполагатьсятекст, соответствующийнуждам конкретногопользователя,вместо этогопомещен текст,описывающийпринципы заполнениясоответствующегораздела. Этоттекст заменя­етсяв ходе редактированиядокумента. Вначале документа-шаблонаимеется ком­ментарий(не отображаемыйв обычном броузере),описывающийобщие правилазаполненияданного шаблона.Сохранениедокумента,сформированногона основе шаблона,не изменяетсам шаблон,который можетиспользоватьсямногократно.


ПубликацияWeb-документов

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

• Как подготовитьдокументыWeb-узлатаким образом,чтобы переносих на Web-серверне привел кнарушениюцелостностиструктуры узла?

• Как произвестикопированиефайлов на Web-сервер?

Первыйвопрос возникаетв том случае,если файлы наWeb-серверепредполагаетсяразместитьв группе тематическихкаталогов. Онрешается так:при работе надWeb-документомнеобходимовоссоздатьна своем компьютереструктуру папокWeb-узлаи сразу же размещатьдокументы всоответствующихпапках. Во внутреннихссылках следуетиспользоватьтолько относительныеадреса документов.Переносфайлов и папокна Web-серверс сохранениемструктурысохраняетработоспособностьссылок и корректностьподключениявставных объектов(иллюстрацийи мультимедиа).При таком подходеоблегчаетсятакже обновлениеWeb-узлав целом или егоотдель­ныхфайлов.

Для копированиянужных документовна Web-серверможно применятькак передачуданных на съемномносителе, таки прямое копированиеданных черезИнтернет. Последнийспособ полностьюавтоматизировани поэтому болеенадежен. Чтобывоспользоватьсяим, следуетузнать адреса,используемыепри отправкефайлов (обычнодля публикацииWeb-страницприменяютпротокол FTP).

В этом случаедля проведенияпубликацииможно использоватьМастер изданияWeb,входящий всостав Windows98 (такое названиеэтот мастерполучает послеуста­новкиобозревателяInternetExplorer5.0). После запускамастера и щелчкана кнопке Далеетребуетсяуказать имяпапки или файла,который долженбыть отправленна Web-сервер.При публикацииузла в целомследует выбратьпапку, используемуюв качествекорневой папкиузла, и убедитьсяв том, что флажокВключая вложенныепапки установлен.

После щелчкана кнопке Далееследует задатьимя Web-сервера.Это имя можетбыть произвольным— оно используетсядля упрощенияпоследующихотправокданных на тотже сервер. Наследующем этапеработы мастеразадается методотправки. Приотсутствииинформацииследует выбратьвариант Автоматическийвыбор постав­щикауслуг. Затемзадается адрес,используемыйпри публикации,и локальнаяпапка. Мастерустанавливаетсоединениес Интернетоми проверяетправильностьуказан­ногоадреса. Послещелчка на кнопкеГотово осуществляетсяпередача данных.По ее завершенииобновленныйWeb-узелдоступен любымпосетителямв Интернете.


Регистрацияна поисковыхсерверах

Для регистрациистранички можноиспользоватьпоисковыесервера данногорегиона. Дляэтого нужнозайти на сервер,затем “кликнуть”на ссылке (кнопке)“добавитьресурс” (“добавитьадрес”, “Add URL” ит.п.). Далее впоявившемсяокне (чаще всегокакой ни будьвид анкеты)заполняетсяформа-бланк,в которой указываютсяключевые слова,тема, точныйадрес и т.д. Здесьтакже вводитсякраткое описаниестраницы и еесодержание(одно, два предложения).В самом концежмется кнопка“OK” или какаяни будь другаяссылка в этомроде.

Заключение

Наиболееразвитая инаиболее популярнаяслужба ИнтернетаназываетсяWorldWideWeb(WWW)или просто Web.Эта служба дляпередачи данныхиспользуетпротокол HTTP.Документы,циркулирующиев этой службеимеют особуюструктуру. ИхназываютWeb-страницами.

Для работыс Web-документамииспользуетсяспециальныйкласс программногообеспечения.Программы дляпросмотраWeb-страниц получилиназвания броузеров.Одним из наиболееразвитых средствпросмотра Webявляется программаInternetExplorer5.0. За даннымпрограммнымпродуктомзакрепилосьназваниеобозреватель.

ОбозревательInternetExplorerпредназначенпрежде всегодля просмотраWeb-документови навигациив WorldWideWebпо системегиперссылок,связывающихWeb-страницыСети.

Большиевозможностиобозревателяпредполагаютнеобходимостьшироких возможностейнастройкипрограммы,которые легконастраиваемы.

К простейшимсредствамразработкиWeb-документовотносятсяспециальныеWeb-редакторы.Наиболее мощнымпрограммнымсредством этогокласса являетсяпакет от MicrosoftFrontPage97.

Приемыработы с редакторомFrontPageсходны с приемамиработы в текстовомпроцессоре.Для упрощенияразработкипервого Web-документаредакторпредоставляетвозможностьиспользованиямастеров ишаблонов. Публикацииготовой Web-страницывыполняетсяее размещениемна серверепоставщикауслуг Интернетав соответствиис его указаниями.

Используемаялитература

http://lanserv1.kemsu.ru/obuch3.html

http://www.helloworld.ru/texts/comp/web/html/html3/lab1.htm

http://www.sao.ru/racs/reques/diplom.html

http://mail1.kemsu.ru/obuch3.html

С.В.СимоновичИнформатика.Базовый курс.Издательство«Питер» 1999


ВодчицВиталий Николаевич

Содержание.

Введение3

InternetExplorer3

Основныефункции3

Поиск нужнойинформации5

Быстроеоткрытие любимыхстраниц (папкаИзбранное)5

Добавлениек списку избранного5

Поиск посещенныхWeb-узлов.6

Электроннаяпочта6

Созданиестраниц, доступныхдля автономногопросмотра6

ПросмотрWeb-страницы безподключенияк Интернет6

СохранениеWeb-страниц6

Измерениешрифтов, цветови кодировок7

ВидыWWW-страничек7

Персональныестранички7

Домашняястраничка8

Виртуальноерезюме8

Интернет-газета8

Виртуальныйфэн-клуб8

Коллективныестранички8

Сетевоеиздание8

Виртуальныепредставительства8

ИнструментыWeb-дизайна8

Текст9

Графика9

Музыка10

JAVA-апплеты10

CGI-скрипты.Формы10

Счетчики10

Фреймы10

Схема сайта.Разделы10

Новости10

Ссылки10

Гостеваякнига10

Созданиестраницы11

Публикацияготовых WWW-страницв Интернет11

MicrosoftFrontPage12

Работав редактореFrontPage12

Созданиеи редактированиедокумента12

Применениемастеров ишаблонов15

ПубликацияWeb-документов16

Регистрацияна поисковыхсерверах17

Заключение17

Используемаялитература18


Лунинецкийпрофессиональныйлицей приборостроения


«УТВЕРЖДАЮ»

Зам. директорапо УПР

____________ В. Г. Ермолович


Письменнаяэкзаменационнаяработа


Тема:INTERNETEXPLORER. СозданиеWEB-страниц.


Выпускник:ВодчицВиталий Николаевич


Группа№ 32


Специальность:ОператорЭВМ


МастерП/О: А.Н. Паулич, Л. П.Тельпук


Консультанты:Р.В. Босько


Рецензия______________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________


Работадопущена кзащите с оценкой______________________________


Преподавательспецтехнологии:Р.В. Босько


«___»________________ 2003 года.

 
НАПИШИТЕ НАМ
Copyright © Smekni.com. All rigths reserved.