Макет страницы на основе таблицы

С этим уроком также смотрят

Теперь в руках Web-разработчиков есть универсальный пакет Dreamweaver® CS4 для создания современных Web-приложений.

Adobe® and Dreamweaver® are registered trademarks of Adobe® Systems Incorporated in the United States and/or other countries.

Обновлен: 14 марта 2011

Adobe® Dreamweaver® CS4,
TeachVideo - Администрирование и разработка сайтов

Loading the player...
Скачать урок
Текст урока
Таблицы – не только элемент страницы, с помощью которого можно достаточно удобно доносить информацию до пользователей, но и мощный инструмент создания макетов станиц.
Рассмотрим возможность форматирования содержимого страницы с помощью таблицы. Создайте известными вам методами на странице таблицу размером, к примеру три на три. Сделайте ширину таблицы равной 100%. Эта таблица будет каркасом будущей web-страницы.
Теперь объедините ячейки в первой и последней строке таблицы. Как это делается, мы рассматривали в предыдущих уроках. После объединения ячеек увеличьте ширину средней строки.
Идея заключается в том, что в первой ячейке будет располагаться заголовок сайта. В левой ячейке второй строки набор гиперссылок для навигации. В средней – основное содержимое страницы, а в правой – новостная лента. В самой нижней строке мы поместим сведения об авторских правах и контакты.
После ввода текстовой информации достаточно установить значение толщины границ равным нулю. Каркас будет создан.
Достоинство табличного дизайна заключается в том, что все элементы находятся в четко определенных позициях, независимо от размеров окна обозревателя интернета. Например, если колонка новостей должна быть справа, то она ни при каких обстоятельствах не окажется снизу при уменьшении ширины окна обозревателя.
Комментарии (1)
  • Комментарий от удаленного пользователя5 июля

    Это видео предыдущего урока. :(


Оглавление
Обзор программы
1. Назначение программы Adobe® Dreamweaver® CS4 1:21 3 10423
2. Стартовое окно 1:10 0 5711
3. Обзор интерфейса 2:09 0 4544
4. Переключение интерфейса 1:44 0 3242
5. Настройка интерфейса 1:51 0 2926
6. Обзор панели вставки 1:48 0 2620
7. Панель управления 1:46 0 2485
8. Строка состояния. Инструменты навигации по рабочей о... 1:34 0 2327
Начало работы
9. Создание сайта 2:04 2 15330
10. Создание документа 2:05 0 6093
11. Сохранение и открытие документов 1:10 0 3500
12. Режим Code 2:35 0 3403
13. Режим Design 1:35 1 3269
14. Работа со вспомогательными инструментами 2:16 0 2935
15. Установка опций фона web-страницы 1:52 0 4423
16. Макет страницы. Работа с фреймами 2:02 0 4391
17. Наполнение фреймов контентом 1:42 0 3214
Работа с текстовым контентом
18. Начальные настройки web-страницы 2:00 2 4383
19. Ввод текста и создание заголовоков 1:47 0 2771
20. Нумерованные списки 1:21 0 2364
21. Маркированные списки 1:37 0 2574
22. Многоуровневые списки 1:15 0 3121
23. Дополнительные настройки страницы 1:34 0 2102
24. Элементы SEO 2:01 2 2712
25. Панель History 1:19 0 1672
26. Редактирование состава меню Commands 1:10 0 1923
Работа со ссылками
27. Создание ссылок 2:15 0 2887
28. Создание ссылок на другие страницы 2:13 0 2701
29. Работа со ссылками при фреймовой структуре 1:23 0 1874
30. Отображение гиперссылок на странице 1:34 0 1933
Вставка графики на страницу
31. Добавление изображений 1:32 0 2689
32. Оптимизация графики 2:27 0 2189
33. Дополнительные настройки изображения 1:32 0 1930
34. Карта-изображение 1:15 0 2029
35. Rollover Images 1:44 0 2255
36. Размещение баннеров-изображений на странице 1:51 0 2449
Работа с мультимедиа-контентом и формами
37. Добавление анимации на страницу 1:38 0 2372
38. Добавление видео в формате flv 2:09 0 2231
39. Вставка звука в web-страницу 1:43 1 2051
40. Создание форм на web-странице 1:34 0 2675
41. Основные управляющие элементы форм 1:41 0 1828
Таблицы
42. Добавление таблиц на страницу 2:10 0 1994
43. Форматирование таблиц 1:44 0 1786
44. Работа с ячейками. Выделение ячеек 1:13 0 1471
45. Объединение и разбиение ячеек 1:17 0 2101
46. Сортировка данных в ячейке 2:00 0 1445
47. Макет страницы на основе таблицы 2:00 1 1963
48. Дополнительные возможности табличного дизайна 1:49 0 1902
Окончательная подготовка страницы для web
49. Просмотр результатов в обозревателе 1:04 0 2762
50. Редактирование списка браузеров 1:44 0 1822
51. Использование Device Central CS4 1:14 0 2743
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook