Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Программа MS Word как средство создания html-страниц, возможности.






С помощью этой программы также можно создавать сайты. Она позволяет работать с графикой, текстом и всем остальным. Гиперссылки: Для этого, нажимаем «Вставка» — «Гиперссылка». В появившемся окне в поле «Текст» пишем текст нашей ссылки – например «О сайте», в поле «Адрес» пишем текстом index1.htm (или другое имя английскими буквами). После создания разметки и внешнего вида сайта в Word 2007 нужно: меню Файл - пункт Сохранить как – пункт Текст OpenDocument – написать имя файла английскими буквами, расширение выбрать веб-страница с фильтром. Все картинки, используемые в документе, автоматически будут сохранены в папку с именем этого документа. Далее необходимо сохранить все файлы как exe-файл с помощью специальной программы. Например SBookBuilder. Работа с программой: меню sbook – пункт select directory – указать каталог с копией сайта – меню sbook – пункт create as – место расположения и имя создаваемого exe-файла. При запуске файл будет открываться во встроенном браузере, который имеет кнопки печать, вперед, назад, домашняя и о программе. Это не позволит пользователю изменить отображение сайта. Медиафайлы перед просмотром сначала распаковываются в текущий каталог диска а потом воспроизводятся через соответсвующую прогу (проигрыватель например). Также в том же каталоге создается ini-файл, поэтому при работе с подобным exe-файлом необходимо перезаписать его на жесткий диск (если он распространяется на диске или дискете и недостаточным количеством места).

15.Программа MS FrontPage как средство создания html-страниц, возможности.

FrontPage — редактор HTML, входящий в состав пакета приложений Microsoft Office. Данное приложение при разработке страниц веб-узла пользуется html-движком Trident, который лежит в основе браузера Internet Explorer. В браузерах, использующих другие движки, например Gecko, страницы, созданные с помощью FrontPage, могут отображаться по-другому. Программа обладает широким спектром возможностей, в частности, может автоматически отправлять изменения, внесённые разработчиком сайта в исходные тексты, в режиме реального времени. Специальные возможности в программе Microsoft FrontPage: 1.Средства разработки веб-узлов со специальными возможностями (Проверка специальных возможностей) 2.Сочетания клавиш (Просмотр всех сочетаний клавиш, Отображение или скрытие сочетаний клавиш во всплывающих подсказках) 3.Параметры размера (Увеличение размеров кнопок панели инструментов, Изменение ширины раскрывающегося списка на панели инструментов, Прокрутка и изменение масштаба при помощи мыши Microsoft IntelliMouse или другого указывающего устройства) 4.Параметры панели управления и меню (Добавление кнопки на панель управления, Создание настраиваемой панели инструментов, Группировка связанных кнопок и меню на панели инструментов) 5.Параметры цвета и звука (Изменение цвета текста с помощью панели инструментов, Включение и выключения звука для кнопок, меню и других экранных элементов).

 

16. Графика в Интернете. Оптимизация количества цветовых оттенков. при работе с графикой полезно освоить некоторые хитрости, позволяющие существенно улучшить скорость работы и внешний вид сайта: это оптимизация числа оттенков, чересстрочная загрузка, прозрачный цвет фона и пр.

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

Последнее замечание заставляет при подготовке графических изображений для их размещения на Интернет-страницах прибегать к помощи специальных программ — оптимизаторов. Хорошим примером такой программы является WebGraphics Optimizer. Эта программа позволяет выполнить следующие операции:

•загрузить в нее рисунок с диска, •произвести дополнительную обработку изображения (изменение размеров, добавление «трехмерных» надписей и пр.); •вывести на экран рядом с исходным изображением (Master) от 1 до 5 автоматически генерируемых программой копий, перепакованных в другие графические форматы, имеющих иную глубину цвета (количество битов на пиксель) и т. д. с выводом для каждой копии длины получаемого файла, что позволяет визуально сравнить их с оригиналом и выбрать вариант, наиболее приемлемый как по качеству изображения, так и по длине в байтах.

 

17. Карты изображений. Программа создания карт изображений. Карты изображений (image maps) позволяют пользователю связывать ссылки на другие документы с отдельными частями изображений. Щелкая мышью на частях изображения, так называемых активных областях (hot spots), пользователь может выполнять те или иные действия, переходить к другим документам и т. п.

-Тег < MAP> применяется для представления графического изображения в виде карты с активными областями.

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

USEMAP в тег IMG: < img src=" url" usemap=" url#map_name" > Атрибут USEMAP указывает, в каком месте находится карта изображения. Карта изображения определяет, какому участку изображения какой URL-адрес соответствует Пр < map name=" map_name" > < area [shape=" shape " ] coords=" x, y,..." [href=" reference " ]

[nohref]> < /map>. -Тег < AREA> определяет активную область в составе карты изображений на стороне клиента

Синтаксис: < map name=" имя" > < area атрибуты> < /map> Для каждой активной области карты имеется свой тег < AREA>. -Атрибут SHAPE задает форму активной области на карте и ее координаты, он может принимать значения: -rect— прямоугольная область; -circle — область в форме круга; -poly — область в форме многоугольника; -default— вся область. Атрибуты, определяющие форму области на карте, являются обязательными -Атрибут COORDS определяет позицию области на экране. Синтаксис: coords=" координаты" -для круга необходимо задать координаты центра и радиус в пикселах (координаты центра отсчитываются от левого края и верхнего края рисунка); -для прямоугольной области задаются координаты всех четырех углов; ‰ -для многоугольной области задаются координаты каждого из углов многоугольника, который точно или приблизительно соответствует форме области. -Атрибут HREF задает URL-адрес для ссылки. Синтаксис: < area href=" url" >

 

18. Анимация.Осн. элемент анимации – это использования gif-анимации. Можно выводить и avi-файлы. Недостаток – пользователь должен сохранить эти файлы, а это дорого. В html нет графических операторов, функций графики.Тегдвиж-я текста < marquee> …< /marquee> Параметры управления движением 1. Direction = right, left, up, down. Если нужно что бы движение было под каким-то углом, то достаточно двух параметров. 2. Loop = INFINITE (бесконечно) Loop = 0; Loop = N (анимационный повтор N раз) 3.Behavior = scroll изображение двигается слева направо и наоборот, Behavior = slide движение до конца строки, Behavior = alternative движение из одного конца строки в другой. Размер обложки анимации Width = DxHeight = DyAlign = middle (top) перемещение по центру, по верхней части экрана. bgcolor = цвет- цвет фона, области движения. scrollmount = K- скорость движения. scrolldelay = M- величина задержки между движениями.< marquee width=" 300" scrolldelay=" 300" direction=" left" behavior=" alternate" onmouseover=" this.stop(); " color: blue; font-size: 11px; border: 1px" > Текст< /marquee>

 

 

19 Интерактивные технологии. Технология «клиент-сервер» при организации html-страниц. Возможности: 1) команды м.б. включены непосредственно в стандарт очередной обновленной версии языка HTML. 2) переадресация обработки нестандартных для HTMLформатов данных др. WIN-приложений. 3) предполагает наличие на сервере обработки запросов. 4) использование разнообразных скриптов. Авто обновление страницы- метатег REFRESH < meta http-equtv=”refresh” content = “[задержка]”>. Видео эффекты при откр/закр стр – метатег PAGE-ENTER (откр) PAGE-EXIT(закр) < meta http-equtv=” PAGE-ENTER” content= “ravealTrans (Duration = 6, 0, Transition = [цыфра]”>. Технология «Клиент-сервер» 1. Пересыка исходной формы на лок ПК. 2) возврат заполненой формы прогр обработки на сервере. 3) пересылка рез-ов обработки на лок ПК.

сервер
исходная HTML-стр (форма) программа обработки (CGI/DLL)
  2 3
Локальный ПК

 

20.Технологии создания интерактивных страниц: ASP, PHP, SSI. ASP(активные страницы) – серверная среда разработки и выполнения динамических интерактивных веб прилож. Технология ASP предполагает интенсивное использование серверных сценариев и объектов СОМ для создания активных веб-серверов. Сценарии м.б встроены в HTML страницы для форматирования содержимого. Файл ASP представляет собой текстовый файл с расширением *.ASP этот файл может содержать текстовые данные, теги языка HTML и серверные сценарии. Обработка этого файла происходит последовательно, от начала до конца, при этом выполн всё содерж в нем команды сценария, после чего файл отправл на обозреватель в виде веб-стр. PHP-серверный мультиформатный язык описания сценария встроенный в HTML код. Осн сферы применения - создание серверных прилож и интерфейсов БД. Не пригоден для использования сложных проектов. Особенности: падение производительности при обработки больших скрипов. В РНР3 нет поддержки сессии, в отличии от ASP. SSI- позволяет контекст во множество стр, причем незаметно от пользователя. Это значит что при запросе документа браузеру передается уже готовый, полностью сформированный код. Управл веб-сервера и представляет собой набор команд вставляемых в HTML-файл. Расширение *.shtml.

 

21.Интерактивные окна. Создание форм. Получение данных введенных в форму. Задавать форму можно в любом месте html документа. Когда польз-ль передаёт форму серверу, браузер посылает на сервер все значения этих элементов: и пустые, и стандартные, и изменённые пользователем. В общем виде форма будет выглядеть так: < Form name=”имя формы” action=”путь к обработчику” method=”метод передачи данных” enctype=”способ кодирования” target=”имя целевого окна”> поле ввода< /Form> Существует 2 основных метода передачи данных: GET (значение полей присоединяются к URL, указанному в атрибуте action: https://site.domain/action.php? имя=значение&...имя=значение) и POST(значение полей передаются в заголовке запроса к серверу.Формат передачи при этом методе в данном случае не важен, просто нужно принять к сведению, что значения передаются «незаметно» для обычного польз-ля, что естественно безопаснее).

 

 

22.Создание интерактивных окон. Интерактивные элементы: поля ввода текста, пароля; многострочная текстовая область; флажки, радиокнопки, списки.

Текстовое поле-используется когда нужно ввести короткую текстовую информацию. < input type=”text” name=”имя переменной” size=”n” maxlenght=”n” value=” ”> Текстовая область используется для ввода больших объёмов текста. < textarea name=”имя_переменной” rows=”n” cols=”n” wrap=”значение”> < /textarea> (rows-кол-во строк, cols-кол-во столбцов). Поле ввода пароля: < input type=”password” name=”имя переменной” size=”n” maxlenght=”n” value=” ”>. Флажок для выбора одного или нескольких вариантов из готового набора. < input type=”checbox” name=”имя переменной” value=”начальное значение”>. переключатель < input type=”radio” name=”имя переменной” value=”начальное значение”>. Раскрывающийся список-применяется в ситуациях, когда имеется перечень допустимых вариантов, из которых пользователь должен выбрать один. < select name=”имя переменной” multiple size=”n”> < option value=”знач.переменной 1”> текст 1< option value=”знач.переменной 2”> текст 2< option value=”знач.переменной n”> текст n< /select> (multiple- можно выбрать несколько значений).

23.Создание интерактивных окон. Интерактивные элементы: поле ввода пересылаемого файла, «скрытое» текстовое поле, командные кнопки. Скрытые поля-не отображаются в браузере, исп для передачи данных между сценариями. < input type=”hidden” name=”имя переменной” value=” начальное значение”>. Командные кнопки: submit-отправка запроса, reset-сброс. Поле ввода имени пересылаемого файла (INPUT TYPE=file)Предназначено для обеспечения пересылки на сервер вместе с заполненной формой указанного пользователем файла. Имя файла (и путь к нему) вводятся в однострочном текстовом поле или после щелчка мышью на расположенной справа кнопке Обзор требуемый файл выбирается в стандартном окне открытия файла.< INPUT TYPE=file NAME=MyFile SIZE=20 MAXLENGHT=40>

 


 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.