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

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

Теперь в руках 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 10414
2. Стартовое окно 1:10 0 5706
3. Обзор интерфейса 2:09 0 4540
4. Переключение интерфейса 1:44 0 3240
5. Настройка интерфейса 1:51 0 2925
6. Обзор панели вставки 1:48 0 2620
7. Панель управления 1:46 0 2485
8. Строка состояния. Инструменты навигации по рабочей о... 1:34 0 2327
Начало работы
9. Создание сайта 2:04 2 15320
10. Создание документа 2:05 0 6083
11. Сохранение и открытие документов 1:10 0 3499
12. Режим Code 2:35 0 3402
13. Режим Design 1:35 1 3269
14. Работа со вспомогательными инструментами 2:16 0 2933
15. Установка опций фона web-страницы 1:52 0 4421
16. Макет страницы. Работа с фреймами 2:02 0 4388
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 2710
25. Панель History 1:19 0 1672
26. Редактирование состава меню Commands 1:10 0 1923
Работа со ссылками
27. Создание ссылок 2:15 0 2884
28. Создание ссылок на другие страницы 2:13 0 2699
29. Работа со ссылками при фреймовой структуре 1:23 0 1874
30. Отображение гиперссылок на странице 1:34 0 1933
Вставка графики на страницу
31. Добавление изображений 1:32 0 2688
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 2371
38. Добавление видео в формате flv 2:09 0 2231
39. Вставка звука в web-страницу 1:43 1 2051
40. Создание форм на web-странице 1:34 0 2673
41. Основные управляющие элементы форм 1:41 0 1828
Таблицы
42. Добавление таблиц на страницу 2:10 0 1993
43. Форматирование таблиц 1:44 0 1786
44. Работа с ячейками. Выделение ячеек 1:13 0 1471
45. Объединение и разбиение ячеек 1:17 0 2100
46. Сортировка данных в ячейке 2:00 0 1445
47. Макет страницы на основе таблицы 2:00 1 1963
48. Дополнительные возможности табличного дизайна 1:49 0 1902
Окончательная подготовка страницы для web
49. Просмотр результатов в обозревателе 1:04 0 2760
50. Редактирование списка браузеров 1:44 0 1822
51. Использование Device Central CS4 1:14 0 2741
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook