Интерактивные элементы web страниц и скрипты реферат
Обновлено: 02.07.2024
Работа содержит 1 файл
Реферат Математика.doc
Средства разработки Web-страниц
Реферат по дисциплине
доцент Ахмедова А.М.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.
Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
Создать качественную Web-страницу непросто, для этого потребуются не только навыки дизайнера для красивого и стильного оформления, но и опыт программирования. Сложность и объем программ, требуемых для создания того или иного сайта, зависит от множества факторов, таких, как структура, цель, требуемая функциональность, обеспечение надежности и т.п.
Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или Front Page. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad).
Текстовые редакторы, возможно, использовать только для создания небольших страниц, так как у них есть много минусов: не поддерживаются проекты, отсутствует "подсветка" текста. в общем, работать с ними может только профессионал, знающий язык HTML.
Цель нашей работы: Рассмотреть возможности визуального редактора DreamWeaver и Front Page, а так же языки программирования PHP и JavaScript.
Для достижения нашей цели были поставлены следующие задачи:
1)Познакомиться непосредственно с редактором DreamWeaver и Front Page;
2)Рассмотреть основные требования, предъявляемые к Web-странице;
3) языки создания Web-страниц.
В своей курсовой работе я сделал попытку разобраться в том, что необходимо знать и уметь для создания Web-страницы, какое программное обеспечение является инструментарием создания Web-страниц и как его эффективно использовать.
1.1 JAVASCRIPT
Web, как гипертекстовую систему, можно рассматривать с двух точек зрения. Во-первых, как совокупность отображаемых страниц, связанных гипертекстовыми переходами. Во-вторых, кaк множество элементарных информационных объектов, составляющих отображаемые страницы (текст, графика, мобильный код и т.п.). В последнем случае множество гипертекстовых переходов страницы - это такой же информационный фрагмент, как и встроенная в текст картинка.
При втором подходе гипертекстовая сеть определяется на множестве элементарных информационных объектов самими HTML-страницами, которые и выступают в роли гипертекстовых связей. Этот подход более продуктивен с точки зрения построения отображаемых страниц "на лету" из готовых компонентов.
Таким образом, JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако, наибольшую популярность JavaScript обеспечило программирование на стороне клиента.
К возможностям JavaScript можно, например, отнести следующее:
•отображать изменяющиеся данные, такие как текущее время или дата;
•программировать переменное содержание в зависимости от даты, браузера пользователя или других условий;
• изменять внешний вид элементов страницы, если пользователь щелкнул мышью или провел курсор мыши над элементом.
Для языка высокого уровня JavaScript обладает довольно сильными возможностями. Он не позволяет работать на уровне машинных кодов, однако вы получаете доступ ко многим возможностям броузеров, Web-страниц, а иногда и системы, в которой работает броузер. В отличие от Java™ или С, программы на JavaScript обходятся без компиляции, а вашему броузеру не придется загружать виртуальную машину для выполнения программного кода. Программируй и загружай!
JavaScript также работает в объектно-ориентированной архитектуре, напоминающей Java или C++. Такие возможности языка, как конструкторы или наследование на базе прототипов, добавляют в схему разработки новый уровень абстракции, что способствует многократному использованию программного кода.
Одна из главных причин, по которой Web-разработчики приняли JavaScript, — возможность выполнения на стороне клиента многих функций, которые ранее выполнялись исключительно на стороне сервера. Лучшим примером является проверка форм. Программисты старой школы еще помнят, что несколько лет назад для проверки пользовательского ввода в формах HTML приходилось пересылать информацию на Web-сервер и передавать ее сценарию CGI, где и проходила проверка введенных данных.
Наверно Вы не раз видели, как картинка сменяется другой картинкой при наведении на нее мышкой. Этот эффект реализуется при помощи Java-скрипта. Скрипт состоит из двух частей. Первая часть вставляется в html всего один раз. А вторую придется вставить столько раз, сколько у Вас на страничке будет сменяющихся картинок.
В конце первой части скрипта производится подгрузка изображений нажимающихся кнопок. Необходимо подгрузить картинки нажатой и не нажатой кнопок.
Эти две строчки показывают то, что необходимо прописать подгрузку всех картинок. В работающем скрипте не должно быть троеточия и вместо X должно быть число.
Что есть что: page.htm - имя файла ссылки image_name - Имя картинки, необходимо чтобы java-скрипт знал какую картинку менять. У каждой картинки должно быть свое имя. image1.jpg - Файл не нажатой кнопки.
image2.jpg - Файл нажатой кнопки (будет на месте картинки image1.jpg при наведении на нее мышкой)
1.2 PHP
РНР наделен практически полным набором функциональности, о которой (до появления РНР) мог только мечтать web-программист. Его цель — позволить максимально быстро создавать динамически генерируемые web-страницы. С полным основанием можно заявить, что изучение и использование РНР будет выгодно как начинающим, так и профессиональным программистам.
Основными конкурентами РНР являются технологии JSP (Java Server Pages и Java Scriptlets), ASP (Active Server Pages), Perl, SSI (Server Side Includes), Cold Fusion Server Pages.
Рассмотрим те недостатки, которые присущи указанным технологиям. JSP — достаточно сложный для изучения и использования язык. ASP, основанный на синтаксисе VBScript (Visual Basic), имеет всего несколько десятков собственных функций и поэтому вынужден использовать СОМ-объекты; кроме того, он ориентирован исключительно на работу под Windows. Perl — язык головоломный, и его вольности затрудняют его понимание. SSI позволяет всего лишь компоновать HTML-страницу из нескольких файлов. CF — коммерческий продукт, что является его основным недостатком.
Основные достоинства РНР:
Если вы обнаружите, что РНР не способен на что-то (или работает не так, как вам хотелось бы), никто не будет препятствовать вам вносить в исходный код РНР (написанный на С) желаемые изменения. РНР является программным продуктом с открытым исходным кодом, и внесение в него улучшений и дополнений путем создания собственных модулей расширения всегда приветствуется.
Для начала, чтобы сервер знал, в каком из файлов используются РНР-команды и, следовательно, мог передать такую страничку для дальнейшей обработки, необходимо изменить расширение файла с *.html на *.php3. Поэтому, когда вы видите файлы с таким расширением, можно с почти полной уверенностью утверждать, что при их создании использовался РНР.
1. AJAX и принцип работы скриптов
3. Преимущества и недостатки использования скриптов
4. Интерактивные элементы
Список использованной литературы
Internet - всемирная сеть, которая объединяет множество компьютерных сетей различного уровня и отдельных компьютеров, обменивающих друг с другом информацией по каналам общественных телекоммуникаций на базе протоколов связи TCP/IP. Информация в Интернет хранится на серверах (сайтах). Серверы, объединенные высокоскоростными магистралями, составляют базовую часть сети Интернет. Доступ пользователей к информационным ресурсам Internet обычно осуществляется через провайдеров или корпоративную сеть.
В зависимости от технологии создания можно выделить следующие типы сайтов: 1. Статические сайты, содержащие статические HTML или XHTML страницы. Статические веб-страницы - это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML (имеют расширение .html или .htm) и хранятся в готовом виде в файловой системе сервера.
2. Динамические сайты, в которых веб-страницы генерируются или формируются (создаются динамически) в процессе исполнения запроса пользователя. Динамические сайты бывают двух типов. В первом типе сайтов, веб-страницы генерируются или формируются из данных хранящихся на сервере в базе данных. Во втором типе сайтов веб-страницы генерируются на стороне клиентского приложения (в браузере).
3. Flash-сайты - это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.
4. Комбинированные сайты, в которых используются вышеизложенные технологии создания сайтов.
Сайты по взаимодействию пользователя с ресурсами веб-страницы можно разделить на: § Пассивные сайты - это сайты с пассивными веб-страницами. В пассивных сайтах пользователь имеет возможность только просматривать информацию на веб-страницах.
§ Интерактивные сайты - это сайты с активными веб-страницами. При работе с интерактивными веб-страницами пользователь имеет возможность обмениваться данными с сервером, участвовать в интерактивном диалоге.
Статические сайты с интерактивными веб-страницами
Для придания статическим веб-страницам интерактивности и динамичности в веб-страницу можно вставлять скрипты на языках сценариев JAVASCRIPT и VBSCRIPT, исполняемых на стороне клиента. Скрипты на JAVASCRIPT и VBSCRIPT могут исполняться либо при наличии каких-либо действий пользователя либо автоматически во время загрузки веб-страницы.
Кроме того, в HTML документ можно вставлять элементы DHTML (динамический HTML). DHTML - это способ создания интерактивного вебсайта. Динамический HTML построен на языке программирования JAVASCRIPT, каскадных таблицах стилей CSS и DOM (объектной модели документа). [1]
В данном реферате будет рассмотрено и описано применение интерактивных элементов Web-страниц и скриптов, принцип их работы, их преимущества и недостатки.
Исходя из всех возможностей, которые дают интерактивные элементы веб-страниц, которые, впринципе, и делают сайты интерактивными, можно сделать некоторые выводы о смысле их использования.
Раньше сайты были статичными, то есть каждая страница представляла из себя заранее "прописанный" код, который никто не мог изменить, кроме администратора сайта. И никакой случайный посетитель сайта не мог изменить содержание страниц. Он мог только просматривать их. С появлением интерактивных веб-страниц посетитель имеет возможность изменять содержимое сайта. Таким образом на сайте могут появиться нецензурные выражения, непотребные фотоматериалы и прочие нелицеприятные вещи, а владелец ресурса может даже об этом не знать. Как ни прискорбно, но приходится делать для себя следующий вывод: или закрывать все эти интерактивные сервисы на сайте или постоянно следить за тем, что добавляют посетители и удалять то, что кажется неправильным. Если Вы удалите интерактивные элементы вашего сайта, то Вам скорее всего достанется от вышестоящих органов за то, что не соблюдаете требования к сайтам. Поэтому если у Вас интерактивный сайт, будьте готовы к тому, что у Вас появится дополнительная работа по проверке того, что посетители пишут в гостевых книгах, форумах и других местах общения.
Если подводить итоги об использовании AJAX и скриптов, можно сделать выводы относительно перечисленных ранее недостатков и преимуществ данных технологий. Преимущества дают абсолютно новые возможности , так что естественно, данный подход не просто имеет место быть, а так же занимает важную нишу в развитии веб-технологий.
В предыдущей главе мы изучили библиотеку Ext Core. От обилия объектов, свойств, методов и событий голова идет кругом… Как же применить все это богатство на практике?
Этому будет целиком посвящена данная глава. Мы научимся создавать Web- страницы, реагирующие (причем с пользой для дела) на действия посетителя, — интерактивные Web-страницы.
Давайте сначала составим список того, чему хотим "научить" наши Web-страницы.
— Изменять размеры блочных контейнеров, формирующих дизайн Web-страниц, чтобы они занимали всю клиентскую область окна Web-обозревателя.
— Менять цвет рамки у пунктов полосы навигации при наведении на них курсора мыши. (Собственно, мы уже это сделали в главе 14; здесь мы просто разберем, как все работает.)
— Выполнять переход на Web-страницу при щелчке на любом месте соответствующего пункта полосы навигации, не обязательно точно на гиперссылке.
— Скрывать и открывать вложенные списки, формирующие полосу навигации, при щелчке на пункте "внешнего" списка, в который они вложены.
— Выделять пункт полосы навигации, соответствующий открытой в данный момент Web-странице.
— Реализовать скрытие и открытие текста примеров на Web-страницах, посвященных отдельным тегам и атрибутам стиля, при щелчке мышью на заголовке "Пример: ".
Довольно много, не так ли? Но библиотека Ext Core поможет нам сделать все с минимальным объемом кода.
Управление размерами блочных контейнеров
И первое, что мы сделаем, — заставим блочные контейнеры на наших Web-страницах изменять свои размеры так, чтобы занимать всю клиентскую область окна Web-обозревателя и при этом не выходить за ее пределы.
Сначала откроем таблицу стилей main.css и найдем в ней стиль переопределения тега . Изменим его так, как показано в листинге 16.1.
Листинг 16.1
Мы добавили в этот стиль атрибут overflow со значением hidden, тем самым убрав у всей Web-страницы полосы прокрутки. Они нам не нужны, более того, появляясь в самый неподходящий момент, они могут нарушить местоположение блочных контейнеров.
Сохраним таблицу стилей. И сразу же откроем файл Web-сценариев main.js. В самом его начале, еще до вызова метода onReady объекта Ext, вставим код листинга 16.2.
Листинг 16.2
var clientWidth = Ext.lib.Dom.getViewportWidth();
var clientHeight = Ext.lib.Dom.getViewportHeight();
var cNavbarWidth = Ext.get("cnavbar"). getWidth();
var cHeaderHeight = Ext.get("cheader"). getHeight();
var cCopyrightHeight = Ext.get("ccopyright"). getHeight();
var cNavbarHeight = clientHeight — cHeaderHeight — cCopyrightHeight -30; Ext.get("cnavbar"). setHeight(cNavbarHeight); Ext.get("cmain"). setHeight(cNavbarHeight); Ext.get("cmain"). setWidth(clientWidth — cNavbarWidth—10); Ext.get("ccopyright"). setWidth(clientWidth);
В конце тела функции, которую мы передаем в качестве параметра методу onReady
объекта Ext, вставим два выражения:
Ext.fly(window). on("resize", adjustContainers);
Сохраним файл main.js. Откроем Web-страницу index.htm в Web-обозревателе — и сразу отметим, что блочные контейнеры приняли такие размеры, чтобы занять всю клиентскую область окна Web-обозревателя. Попробуем изменить размеры окна и понаблюдаем, как меняются размеры контейнеров.
Но как все это работает? Сейчас разберемся.
Код, добавленный нами в файл main.js, объявляет функцию adjustContainers, которая станет обработчиком события resize окна Web-обозревателя. Именно эта функция будет задавать размеры контейнеров. Давайте рассмотрим ее код построчно.
Сначала мы получаем ширину и высоту клиентской области окна Web-обозревателя:
var clientWidth = Ext.lib.Dom.getViewportWidth();
var clientHeight = Ext.lib.Dom.getViewportHeight();
К данным значениям мы будем обращаться не один раз, так что лучше сохранить их в переменных. Ведь доступ к переменной выполняется значительно быстрее, чем вызов метода.
Затем получаем ширину контейнера cnavbar, высоту контейнеров cheader и ccopyright:
var cNavbarWidth = Ext.get("cnavbar"). getWidth();
var cHeaderHeight = Ext.get("cheader"). getHeight();
var cCopyrightHeight = Ext.get("ccopyright"). getHeight();
Эти значения также понадобятся нам в дальнейшем.
Далее задаем ширину контейнера cheader равной ширине клиентской области окна Web-обозревателя:
Вычисляем высоту контейнеров cnavbar и cmain:
var cNavbarHeight = clientHeight — cHeaderHeight — cCopyrightHeight -30;
Для этого вычитаем из высоты клиентской области высоту контейнеров cheader и ccopyright и дополнительно 30 пикселов — чтобы создать отступ между нижним краем контейнера ccopyright и нижним краем клиентской области.
Задаем полученное ранее значение в качестве высоты контейнеров cnavbar и cmain:
Ext.get("cnavbar"). setHeight(cNavbarHeight); Ext.get("cmain"). setHeight(cNavbarHeight);
Задаем ширину контейнера cmain:
Ext.get("cmain"). setWidth(clientWidth — cNavbarWidth — 10);
Ее значение получаем, вычтя из ширины клиентской области ширину контейнера cnavbar и еще 10 пикселов — величину внешнего отступа между ними (он задан в именованном стиле navbar атрибутом стиля margin-right).
Напоследок задаем ширину контейнера ccopyright равной ширине клиентской области окна Web-обозревателя:
На этом выполнение функции adjustContainers закончилось.
Теперь рассмотрим два выражения, помещенные в тело функции, являющейся параметром метода onReady объекта Ext.
Привязываем функцию adjustContainers в качестве обработчика к событию resize окна Web-обозревателя:
Ext.fly(window). on("resize", adjustContainers);
И сразу же ее вызываем, чтобы контейнеры приняли правильные размеры сразу после загрузки Web-страницы:
Вот и все. Согласитесь — ничего сложного.
Данный текст является ознакомительным фрагментом.
Продолжение на ЛитРес
Глава 1 Правила построения HTML-страниц
Глава 1 Правила построения HTML-страниц 1.1. Общие понятия HTML1.2. Структура HTML-документаДля создания веб-страниц часто используется язык гипертекстовой разметки HTML. Конечно, каждый сайт индивидуален, но существуют общие правила построения HTML-страниц. Им обязательно нужно
Создание, открытие и сохранение веб-страниц
Создание, открытие и сохранение веб-страниц С помощью программы вы можете создавать новые веб-страницы, а также редактировать созданные ранее.Чтобы создать новую веб-страницу, нужно выполнить команду главного меню Файл ?
Глава 15 Страничный кэш и обратная запись страниц
Глава 15 Страничный кэш и обратная запись страниц В ядре операционной системы Linux реализован один главный дисковый кэш, который называется страничным (page cache). Назначение этого кэша — минимизировать количество дисковых операций ввода-вывода путем хранения в памяти тех
Создание последовательностей страниц:
Создание номеров страниц:
Создание номеров страниц: <fo:page-number> Встроенный форматирующий объект <fo:page-number> создает встроенную область, отображающую номер текущей страницы. Например:<fo:block> You are now reading page <fo:page-number/>.</fo:block>С элементом <fo:page-number> можно применять следующие
ГЛАВА 1 Введение в современный Web-дизайн. Web 2.0. Создание Web-страниц
ГЛАВА 16. Создание интерактивных Web-страниц
ГЛАВА 16. Создание интерактивных Web-страниц В предыдущей главе мы изучили библиотеку Ext Core. От обилия объектов, свойств, методов и событий голова идет кругом… Как же применить все это богатство на практике?Этому будет целиком посвящена данная глава. Мы научимся
ГЛАВА 1 Введение в современный Web-дизайн. Web 2.0. Создание Web-страниц
Создание библиотеки вики-страниц
Создание библиотеки вики-страниц Хотя на базе служб SharePoint можно создавать узлы, используя в качестве основы шаблон вики-узла, применение вики-технологии не ограничивается такими узлами. Вики-узлы можно использовать на любом узле группы, создав библиотеку вики-страниц.
Создание шаблонов страниц
Создание шаблонов страниц Прежде всего, нам потребуется выбрать (указать) формат страницы, создать новый документ и хотя бы предварительно оформить мастер-страницы.Предположим, что наша книга будет формата 60 ? 90/16. Как мы знаем из первой части книги, без консультации в
Глава 10. Создание интерактивных VBA-форм.
Глава 10. Создание интерактивных VBA-форм. В этой главе . ~ Запуск и печать форм в процессе проектирования~ Создание новой формы и размещение в ней элементов управления~ Использование окна свойств - простейший способ установки свойств в VBA~ Обзор важнейших свойств форм и
Глава 2. Создание динамических и интерактивных пользовательских интерфейсов
Глава 2. Создание динамических и интерактивных пользовательских интерфейсов 2.0. Введение Когда iPhone только появился на рынке, он поистине задал стандарт интерактивности в мобильных приложениях. Приложения iOS были и остаются поразительно интерактивными — вы можете на
Глава 6 Создание страниц доступа к данным
Глава 9 Методические приемы использования интерактивных систем
Глава 9 Методические приемы использования интерактивных систем Одной из основных проблем, с которой педагог столкнется при создании собственной разработки, будет переход мышления от создания стандартной презентации к интерактивному уроку с полноценной подготовкой и
Глава 10 Опыт обучения педагогов использованию интерактивных досок
Глава 10 Опыт обучения педагогов использованию интерактивных досок В основе материалов этой книги лежит опыт обучения использованию интерактивных досок педагогов Ленинградской области и Санкт-Петербурга в рамках курсов повышения квалификации, семинаров по обмену
Глава 20 Просмотр страниц и общение в Интернете
Глава 20 Просмотр страниц и общение в Интернете ? Просмотр веб-страниц.? Общение в Интернете.? Передача файлов по сети Интернет
В Web-страницу можно также вставить бегущую строку, выполнив следующие действия:
- Выбрать команду Бегущая строка в меню Вставка.
- Ввести текст бегущей строки в поле Введите текст бегущей строки.
- Установить параметры: скорость движения, число повторов, цвет фона, направление движения.
Выбор цветов для текста Web-страниц
При создании Web-страницы для текста и гиперссылок можно определить используемую по умолчанию палитру цветов. При этом не изменяется цвет текста, заданный путем изменения его шрифтового оформления, с помощью кнопки Цвет шрифта иликоманды Цвета текстав меню Формат. Цвета, задаваемые командой Цвета текста, устанавливаются для всего текста, гиперссылок и просмотренных гиперссылок.
Читатель Web-страницы может задать собственные устанавливаемые по умолчанию цвета в своем средстве просмотра Web. Чтобы при использовании средств просмотра текст и ссылки изображались в выбираемых по умолчанию цветах средства просмотра, выберите значение Авто во всех трех списках.
Создание списков на Web-страницах
Так же, как в документах Word, в Web-страницах можно создавать маркированные списки. Основное отличие состоит в том, что помимо маркеров в списках можно использовать графические изображения.
Набор таких изображений находится в диалоговом окне Список (меню Формат). Кроме графических изображений, в диалоговом окне предлагаются текстовые маркеры, поддерживаемые HTML для Web-страниц. Для просмотра всего списка возможных графических изображений нажмите кнопку Другой. Выберите подходящее изображение и нажмите кнопку OK, чтобы вернуться в документ.
Графические маркеры сохраняются в формате GIF (с расширением .jpg), в тот же каталог, что и Web-страница, или в каталог, указанный относительно Web-страницы. Если графический маркер изначально является изображением в формате JPEG (с расширением .jpg), он сохраняется в формате JPEG. Для получения дополнительных сведений о файлах и ссылках нажмите кнопку.
Когда Web-страница сохраняется в формате HTML впервые, все рисунки преобразуются в форматы GIF или JPEG. Только эти два вида графических изображений поддерживаются в Web.
Чтобы вставить рисунок в Web-страницу, выберите команду Рисунок в меню Вставка, а затем — команду Из файла или Картинки. Если вставляемый рисунок записан в формате JPG, он сохраняется в формате JPG. Если рисунок записан в другом формате, например, TIF, он преобразуется в формат GIF.
Если рисунок вставляется из файла, при сохранении он копируется в ту же папку, что и Web-страница, если не установлен флажок Связь с файлом. Если флажок Связь с файлом установлен, можно установить ссылку на рисунок в фиксированном каталоге, как на другой сервер Web.
Вставленный на Web-страницу рисунок по умолчанию выравнивается по левому полю. Чтобы задать взаимное расположение текста и рисунка, следует выделить рисунок и выбрать соответствующую команду в меню Формат и на панели инструментов Рисование. Расположение текста и рисунков можно задать дополнительно с помощью таблицы.
Панель инструментов Настройка изображения в Word предоставляет команды выравнивания, с помощью которых можно определить положение рисунка на странице (рисунок 2). Панель инструментов Настройка изображенияоткроется, если выделить рисунок.
Рисунок 2 Вид панели инструментов Настройка изображения
При помещении на Web-страницу графического изображения, это изображение по умолчанию выравнивается по левому полю, и текст располагается справа от него. Чтобы изменить выравнивание изображения следует:
– Выбрать команду Рисунок в меню Формат, а затем — вкладку Положение.
– В группе Обтекание выбрать параметр Нет, Слева или Справа.
– В поле Расстояние от текста указать расстояние, которое должно отделять рисунок от окружающего текста.
Для быстрого изменения вида выравнивания текста можно воспользоваться кнопками на панели инструментов Настройка изображения.
Для рисунков в ячейках таблиц не выполняется выравнивание по левому и правому краю.
Некоторые пользователи отключают режим просмотра изображений, а некоторые средства просмотра Web не поддерживают все форматы видеозаписей. Если в рисунках или в видеозаписи содержится важная информация, которую пользователь не должен пропустить, для рисунков следует использовать дублирующий текст, а для видеозаписи — текст и рисунки.
Таблицы на Web-страницах
Работа с таблицами на Web-страницах не отличается от работы с таблицами в документах Word. Для создания и редактирования структуры таблицы используется команда Нарисовать таблицу . Сетку таблицы можно вставить в текст с помощью команды Добавить таблицу. Существуют некоторые отличия в добавлении границ и форматировании ячеек.
Так как на Web-страницах таблицы часто используются как скрытое средство форматирования (например, для размещения текста и рисунков), вставляемые в текст таблицы не имеют границ. Для добавления границ к таблицам используйте команду Границы (меню Таблица). Границы, добавленные к таблицам на Web-страницах, изображаются средствами просмотра Web в объемном виде.
Цвет фона или заливки таблиц можно изменить с помощью команды Свойства таблицы (меню Таблица); чтобы изменить цвет фона выделенных ячеек таблицы, выберите команду Свойства ячейки (меню Таблица).
Высоту выделенных строк и ширину столбцов можно изменить с помощью команды Свойства ячейки (меню Таблица). Вид выравнивания текста вокруг таблицы и расстояние между текстом и таблицей, а также промежутки между столбцами можно изменить с помощью команды Свойства таблицы (меню Таблица).
Таблицы с границами и без них могут быть использованы для ввода дополнительных графических эффектов, а также для управления разметкой Web-страницы. Например, формат Web-страниц не предусматривает возможности создания газетных колонок, но текст можно разбить на колонки с помощью таблицы. Столбцы рисунков и текста могут быть организованы так, чтобы они изображались в средствах просмотра Web рядом. Без таблиц в HTML (формате для Web страниц) трудно добиться выравнивания текста и рисунков.
Для размещения текста и рисунков можно использовать средства создания таблиц Word. Если на Web-странице не должны отображаться границы, их следует удалить. Даже если границы удалены, в документе Word могут сохраниться линии сетки, обозначающие границу таблицы. Чтобы убрать или установить линии сетки, выберите команду Скрыть сетку или Отображать сетку в меню Таблица. Линии сетки не будут изображаться на готовой Web-странице.
Гиперссылки позволяют перейти к другому разделу текущего документа или Web-страницы, к другому документу Word или к другой Web-странице или к файлу, созданному в другой программе. С помощью гиперссылок можно переходить также к файлам мультимедиа, в том числе звукозаписям и видеозаписям.
Место назначения гиперссылки, например Web-страница, может располагаться на жестком диске того же компьютера, в сети интранет или в Интернете. Гиперссылку представляет специальный рисунок или текст (обычно синего цвета и подчеркнутый), который нужно щелкнуть, чтобы переместиться по гиперссылке.
Для вставки гиперссылки нужно выполнить действия:
– Выделить текст или графический объект, который предполагается использовать как гиперссылку, и нажать кнопку Добавить гиперссылкуна панелиСтандартная.
– Если в документе имеются не сохраненные изменения, откроется окно с предложением сохранить файл. Перед вставкой ссылок рекомендуется сохранять файл, особенно, если предстоит создать относительную ссылку, которая может пригодиться при перемещении всех файлов как группы.
– Ввести путь к конечному файлу в поле Связать с файлом/URL или нажать кнопку Обзори выбрать нужный файл из списка.
– Если нужно перейти к определенному объекту файла, укажите этот объект в поле Имя объекта в документе.
Предварительный просмотр Web-страницы в процессе редактирования
Для предварительного просмотра Web-страницы в процессе ее редактирования необходимо нажать кнопку Просмотр Web-страницы .
Чтобы вернуться в Word, выберите значок Word на панели задач или закройте средство просмотра.
Однако для того чтобы окончательно выбрать сервер для размещения своего сайта необходимо обратить внимание на следующее:
• отсутствие дискриминации по контенту. Некоторые сервера ставят условия, касающиеся содержимого Вашего сайта;
• надежность Web-сервера. Посетите их Web-узел в пиковые часы и убедитесь, что проблем с доступом не возникает;
• отсутствие скрытых завуалированных видов оплаты места в виде всевозможных доплат за различные услуги и рекламы;
• техническая поддержка. Предоставят ли Вам возможность общения с администратором сервера, есть ли возможность доступа по протоколу FTP (File Transfer Protocol ) и т.д.;
• объем выделяемого Вам пространства. Обычно это 5 – 10 мегабайт;
• дополнительные возможности. Не будет лишним, если сервер предложит Вам: бесплатную почту,
счетчик посещений, гостевую книгу, чат, различные CGI-скрипты и т.д.;
• какое программное обеспечение установлено на сервере. Например, UNIX-сервера чувствительны к регистру букв в названиях файлов, т.е. если у Вас в исходном коде будет стоять ссылка на файл background.jpg, а файл будет назван background.Gif или Background.jpg, то он не будет визуализирован. Однако у таких серверов более высокая степень защищенности от взломов;
• есть ли на сервере автоматическая перекодировка содержимого страниц, в соответствии с пользовательскими настройками браузера. Если таковой нет, то у Вас могут возникнуть проблемы с отображением русских кодировок.
Существует множество приемов рекламирования сайта: размещение информации о нем на поисковом Web-сайте, организация взаимных ссылок с другими сайтами и т.д.
Как привлечь пользователя? Красиво оформленные страницы Web-сайта – это только половина дела. В первую очередь страницы должны быть содержательными. Основное требование к содержимому Web-сайта – полнота и достоверность. Информация должна быть представлена таким образом, чтобы пользователь, однажды посетивший Web-сайт, еще ни раз обратился к нему.
Содержимое Web-сайта может подвергаться неоднократным изменениям. Важно, чтобы предоставляемая на Web-сайте информация всегда была актуальной, поэтому как можно чаще обновляйте информацию на своем Web-сайте, по возможности расширяйте материал, улучшайте дизайн.
Обязательное правило. Web-сайт должен обновляться не реже одного раза в месяц. В противном случае вы потеряете не только потенциальных, но и уже состоявшихся посетителей. Рекомендуется создать на своем компьютере копию Web-сайта, вносить в нее изменения и новую версию передавать для размещения на сервере в завершенном виде.
1 Для каких целей создаются документы HTML?
2 Что такое теги?
3 Какую структуру должен иметь документ HTML?
4 Как перейти на новую строку в пределах абзаца?
5 Как добавить гиперссылку в документ HTML?
6 Как в документ HTML вставить рисунок?
7 Что такое фреймы?
1.Информатика. Базовый курс: Учебник для вузов/ Под ред. С.В.Симоновича – СПб.: Питер, 2000. –640с.
Справка по работе с блогами в Word 2007.
Если учетная запись у поставщика услуг блогов уже имеется, можно сразу же начать работать с блогами в Word.
Дважды щелкните Новая запись блога.
Получение учетной записи блога
Получение учетной записи блога
Если учетная запись у поставщика услуг блогов еще не создана, обратитесь к одному из следующих поставщиков или посетите веб-узел Microsoft Office Marketplace, на котором можно узнать о выборе поставщика.
Вот некоторые поставщики услуг блогов:
Служба Microsoft Windows SharePoint Services Если в организации используется веб-узел Windows SharePoint Services 3.0, попросите администратора узла настроить для вас блог-страницу.
К началу страницы
Если учетная запись у поставщика услуг блогов уже имеется, можно настроить Word таким образом, что он будет использовать данные учетной записи при открытии или публикации записи блога. Если существует более одной учетной записи блога, все их можно зарегистрировать в Word. При работе с блогом имеется возможность выбрать учетную запись, которая будет использоваться для конкретной записи блога.
Процедура регистрации учетной записи блога с помощью Word зависит от используемого поставщика услуг блогов.
Какой поставщик используется?
Windows Live Spaces
Windows SharePoint Services
Windows Live Spaces
Чтобы зарегистрировать с помощью Word учетную запись Windows Live Spaces, введите имя своей области и секретное слово в диалоговом окне для регистрации учетных записей блога в Word.
Секретное слово вводится при включении публикации электронной почты в настройках области.
Включение публикации электронной почты
Зарегистрируйтесь в Windows Live Spaces.
Откройте вкладку Публикация электронной почты и выполните шаги включения публикации электронной почты.
Windows SharePoint Services
Важно. Работа с блогами в Word на блог-странице службы Microsoft Windows SharePoint Services доступна только в Windows SharePoint Services 3.0.
Чтобы зарегистрировать учетную запись Windows SharePoint Services с помощью Word, введите веб-адрес блог-страницы в диалоговом окне для регистрации учетных записей блогов в Word.
Чтобы зарегистрировать с помощью Word учетную запись Блоггера, введите свои имя пользователя и пароль в диалоговом окне для регистрации учетных записей блогов в Word.
Имя пользователя и пароль служат в качестве учетных данных для входа с учетной записью блога.
Чтобы зарегистрировать с помощью Word учетную запись на сервере сообщества, введите свои имя пользователя, пароль и URL записи блога в диалоговом окне для регистрации учетных записей блогов в Word.
Имя пользователя и пароль служат в качестве учетных данных для входа с учетной записью блога.
Чтобы зарегистрировать с помощью Word учетную запись блога у поставщика, которого нет в списке, введите имя пользователя, пароль, интерфейс прикладного программирования (API) и URL записи блога в диалоговом окне регистрации учетных записей блогов в Word.
Имя пользователя и пароль служат в качестве учетных данных для входа с учетной записью блога.
API и URL записи блога можно получить у поставщика. Получите эти данные и введите их в соответствующие поля.
Статьи к прочтению:
HTML, CSS, JS Интерактивные веб-страницы. Школа программирования для детей CODDY
Похожие статьи:
ВВЕДЕНИЕ Размещение информации в Интернет включает два этапа: подготовку материалов и их публикацию. Подготовка материалов состоит в создании документов,…
Читайте также: