Игра со сценариями на веб-страницах
Для придания активности веб-странице вставим на нее небольшой сценарий «Простые часы», который мы делали с Вами ранее. Для этого нам необходимо работать не только в режиме Дизайн, но и в режиме Код, поэтому идеальный вариант - режим Разделение, так как он позволяет одновременно работать с исходным кодом страницы и видеть происходящие на ней изменения.
Обратимся к самому коду сценария «Простые часы».
Тело сценария, ограниченное тегами, следует вставить в заголовок страницы.
Теперь для вызова сценария в момент загрузки страницы пропишем в теге <body> событие, вызывающее функцию clock ().
<body onLoad="clock()">
Осталось вставить форму, содержащую область вывода часов. Для этого выделим ячейку таблицы, в которой будет размещена область часов в режиме Дизайн, а в выделенную область раздета Код вставим код самой формы.
<form name="сlоск">
<input type ='text" name="digits" size=8 value=" ">
</form>
Далее заполняем свободную область веб-страницы необходимым материалом и переходим к оформлению следующих страниц.
Оформление страницы «Услуги компании». Вставка сценария «Текущая дата»
Если мы опять обратимся к знакомству с языком программирования JavaScript и его конструкциями, то увидим, что для оформления страницы «Услуги компании» можно использовать сценарий «Текущая дата». Его код, как всегда, помещается в заголовок веб-страницы.
Сам сценарий вызывается непосредственно из текста, размещенного на веб-странице. Однако его придется немного изменить по содержанию, то есть к примеру, вместо текста:
"Компания Проктел предлагает вам отличные скидки:"
сделаем следующее:
"Компания Проктел может предложить Вам в <script>vremya()</script>, отличные скидки:"
Перед вставкой текста в ячейки таблицы их нужно объединить. Кроме того, помните, что текст можно вставлять в таблицу в режиме Дизайн, а вызов сценария можно записывать только в режиме Код, иначе вместо выполненного сценария на веб-странице можно получить только текст вызывающего его события.
Перейдя в режим Код, можно исправить положение с вызовом сценария «Текущая дата».
Теперь обычным способом вставляем тот текст, который нам нужен на данной странице. После этого форматируем его стандартными способами. И вот тут-то начинается путаница: все форматирование сразу сбивается и становится непонятно, что делать.
Дело в том, что у нас всего одна большая объединенная ячейка, выделенная под текст. Ее нижняя граница является нижней границей всей таблицы, поэтому и нижняя ячейка левого столбца границы растягивается вниз вместе со всей таблицей, смещая пункт меню Вопросы и ответы.
Решений этой задачи как минимум два. Первое: вынести текст за пределы таблицы, так как он может самостоятельно перетекать при изменении ширины страницы. И второе: работать с ячейками таблицы, разделяя и объединяя их. Мы выберем второй вариант.
Прежде всего установим курсор в ячейку с пунктом меню Вопросы и ответы ивыберем пункт контекстного меню Таблица => Разбить ячейку. В появившемся окне укажем, что количество строк равно двум.
Разбив ячейку, мы подняли пункт меню Вопросы и ответы на положенное ему место.
Для форматирования текста на веб-странице необходимо пользоваться меню Формат программы Adobe Dreamweaver.
Как Вы могли увидеть после сохранения данной страницы, нет абсолютно ничего сложного как при форматировании текста, содержащегося на странице, так и при вставке в него сценария. Трудности, возникающие в момент работы с таблицами, легко разрешимы при включении простой логики.
Тэги: режиме, поэтому, код, работать, разделение, режим, идеальный| ← Активация ссылки электронной почты | Оформление содержания index.html - главной страницы сайта → |
|---|