Игра со сценариями на веб-страницах

Для придания активности веб-странице вставим на нее небольшой сценарий «Простые часы», который мы делали с Вами ранее. Для этого нам необходимо работать не только в режиме Дизайн, но и в режиме Код, поэтому идеальный вариант - режим Разделение, так как он позволяет одновременно работать с исходным кодом страницы и видеть происходящие на ней изменения.

Обратимся к самому коду сценария «Простые часы».

Тело сценария, ограниченное тегами, следует вставить в заголовок страницы.

Теперь для вызова сценария в момент загрузки страницы пропишем в теге <body> событие, вызывающее функцию clock ().

<body onLoad="clock()">

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

<form name="сlоск">
<input type ='text" name="digits" size=8 value=" ">
</form>

Далее заполняем свободную область веб-страницы необходимым материалом и переходим к оформлению следующих страниц.

Оформление страницы «Услуги компании». Вставка сценария «Текущая дата»

Если мы опять обратимся к знакомству с языком программирования JavaScript и его конструкциями, то увидим, что для оформления страницы «Услуги компании» можно использовать сценарий «Текущая дата». Его код, как всегда, помещается в заголовок веб-страницы.

Сам сценарий вызывается непосредственно из текста, размещенного на веб-странице. Однако его придется немного изменить по содержанию, то есть к примеру, вместо текста:

"Компания Проктел предлагает вам отличные скидки:"

сделаем следующее:

"Компания Проктел может предложить Вам в <script>vremya()</script>, отличные скидки:"

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

Перейдя в режим Код, можно исправить положение с вызовом сценария «Текущая дата».

Теперь обычным способом вставляем тот текст, который нам нужен на данной странице. После этого форматируем его стандартными способами. И вот тут-то начинается путаница: все форматирование сразу сбивается и становится непонятно, что делать.

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

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

Прежде всего установим курсор в ячейку с пунктом меню Вопросы и ответы ивыберем пункт контекстного меню Таблица => Разбить ячейку. В появившемся окне укажем, что количество строк равно двум.

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

Для форматирования текста на веб-странице необходимо пользоваться меню Формат программы Adobe Dreamweaver.

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

Тэги: режиме, поэтому, код, работать, разделение, режим, идеальный