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

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

Теперь в руках 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 10436
2. Стартовое окно 1:10 0 5714
3. Обзор интерфейса 2:09 0 4547
4. Переключение интерфейса 1:44 0 3245
5. Настройка интерфейса 1:51 0 2928
6. Обзор панели вставки 1:48 0 2622
7. Панель управления 1:46 0 2487
8. Строка состояния. Инструменты навигации по рабочей о... 1:34 0 2330
Начало работы
9. Создание сайта 2:04 2 15350
10. Создание документа 2:05 0 6098
11. Сохранение и открытие документов 1:10 0 3502
12. Режим Code 2:35 0 3414
13. Режим Design 1:35 1 3272
14. Работа со вспомогательными инструментами 2:16 0 2936
15. Установка опций фона web-страницы 1:52 0 4424
16. Макет страницы. Работа с фреймами 2:02 0 4394
17. Наполнение фреймов контентом 1:42 0 3218
Работа с текстовым контентом
18. Начальные настройки web-страницы 2:00 2 4384
19. Ввод текста и создание заголовоков 1:47 0 2773
20. Нумерованные списки 1:21 0 2364
21. Маркированные списки 1:37 0 2575
22. Многоуровневые списки 1:15 0 3122
23. Дополнительные настройки страницы 1:34 0 2102
24. Элементы SEO 2:01 2 2713
25. Панель History 1:19 0 1672
26. Редактирование состава меню Commands 1:10 0 1923
Работа со ссылками
27. Создание ссылок 2:15 0 2887
28. Создание ссылок на другие страницы 2:13 0 2702
29. Работа со ссылками при фреймовой структуре 1:23 0 1875
30. Отображение гиперссылок на странице 1:34 0 1933
Вставка графики на страницу
31. Добавление изображений 1:32 0 2690
32. Оптимизация графики 2:27 0 2190
33. Дополнительные настройки изображения 1:32 0 1930
34. Карта-изображение 1:15 0 2029
35. Rollover Images 1:44 0 2255
36. Размещение баннеров-изображений на странице 1:51 0 2450
Работа с мультимедиа-контентом и формами
37. Добавление анимации на страницу 1:38 0 2372
38. Добавление видео в формате flv 2:09 0 2231
39. Вставка звука в web-страницу 1:43 1 2051
40. Создание форм на web-странице 1:34 0 2676
41. Основные управляющие элементы форм 1:41 0 1828
Таблицы
42. Добавление таблиц на страницу 2:10 0 1995
43. Форматирование таблиц 1:44 0 1786
44. Работа с ячейками. Выделение ячеек 1:13 0 1471
45. Объединение и разбиение ячеек 1:17 0 2103
46. Сортировка данных в ячейке 2:00 0 1446
47. Макет страницы на основе таблицы 2:00 1 1963
48. Дополнительные возможности табличного дизайна 1:49 0 1902
Окончательная подготовка страницы для web
49. Просмотр результатов в обозревателе 1:04 0 2763
50. Редактирование списка браузеров 1:44 0 1824
51. Использование Device Central CS4 1:14 0 2743
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook