Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «Java Script(JS): Фреймы.

 

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS").

 

Сегодня мы начнем изучение фреймов. Фреймы - это такие рамочки в окне браузера. Выглядят они примерно так:

 

Web-программирование: "Java Script(JS): Фреймы."

 

На картинке вы видите пример сайта с использованием фреймов. В левом фрейме - меню, в правом - контент:

 

Web-программирование: "Java Script(JS): Фреймы."

 

 

У фреймов, как правило, заданы начальные размеры, но пользователь их может изменить:

 

Web-программирование: "Java Script(JS): Фреймы."

 

Мы с вами не будет создавать сайт про сны, у нас будет другой пример: просмотр каталога товаров. Для начала создадим заготовку:

<html>

    <head>

        <title>Урок 94. Java Script (JS): Фреймы</title>

    </head>

    <frameset rows="80%, *">

        <frameset cols="15%, 20%, *">

            <frame Name="groups" src="groups.html">

            <frame Name="wares" src="javascript:void(0)">

            <frame Name="picture" src="picture.png">

        </frameset>

        <frame Name="descr" src="javascript:void(0)">

    </frameset>

</html>

 

Этот файл мы назовем index.html. При его открытии увидим следующее:

 

Web-программирование: "Java Script(JS): Фреймы."

 

В таком виде страница будет потому, что мы главную то страницу создали, а фреймы еще не заполнили. Но этим мы займемся на следующем уроке.

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 


В избранное