Дизайни ҷадвали

Дизайни ҷадвали
НАҚШАИ ДАРС
1.
Асосҳои дизайни ҷадвали.
2.
Схемаи дизайни чалвали
Тартиб додани нишонаи чадвали ба таври
дасти.
Норасоихои дизайни чадвали
3.
4.
АСОСҲОИ ДИЗАЙНИ ҶАДВАЛИ.
Дизайни ҷадвали — яке аз роҳҳои мукаммали сохтани веб саҳифаҳо бо
истифодаи ҷадвалҳои HTML.
Бо ёрии ҷадвалҳои махсус гузориши текстҳо, расмҳои оро дода
мумкинанд.
Принсипи асосии дизайни ҷадвали – ҳамаи матнҳл ва расмҳо дар
дохили ячейкаҳои ҷадвал ҷой дода мешавад, ки ороиш ва ботартиб гузории
онҳо имконпазиранд. Чунин ҷадвалҳо сарҳади ноаён доранд, ороиши онҳо ва
ҳамҷоякунии ячейкаҳо.
СХЕМАИ ДИЗАЙНИ ЧАЛВАЛИ
Рас.1. Схемаи ҷадвалии классикӣ
Рас.2. Дизайни ҷадвалии классикӣ бо калонкаи навидҳо
СХЕМАИ ДИЗАЙНИ ЧАЛВАЛИ
Рас.3. Дизайни сайт-каталог барномаҳо
Рас.4. Яке аз вариантҳои дизайни сайти мусиқӣ
СХЕМАИ ДИЗАЙНИ ЧАЛВАЛИ
Рас.5. Яке аз вариантҳои дизайни сайти навидҳо
ТАРТИБ ДОДАНИ НИШОНАИ ЧАДВАЛИ БА
ТАВРИ АВТОМАТИ
Dreamweaver предоставляет замечательную возможность при создании
страниц на основе таблиц. Мы можем просто рисовать на странице "рамки" и
помещать в них фрагменты текста и графические изображения. При этом
Dreamweaver сделает за нас всю остальную работу: создаст таблицу разметки, если ее
еще нет, и поместит в ней новую ячейку, произведя все необходимые слияния, если
без них не обойтись. Мы можем с легкостью перемещать такие "рамки" с места на
место и изменять их размеры, a Dreamweaver "на лету" изменит результирующий
HTML-код и пересоздаст результирующую таблицу, чтобы отразить ваши
изменения.
Чтобы переключиться в режим разметки страницы, нажмите кнопку
Layout Mode, расположенную на вкладке Layout панели объектов. Слева от нее
находится кнопка Standard Mode, позволяющая переключиться в обычный режим
отображения страницы. Обе эти кнопки показаны на рис. 6. Вы также можете
выбрать в подменю Table Mode меню View пункт Layout Mode или нажать
комбинацию клавиш <Ctrl>+<F6>.
Тартиб додани нишонаи чадвали ба таври
автомати
Рис.6. Панель для переключения режимов
Измерительные линейки позволят в дальнейшем более точно
позиционировать фрагменты содержимого страницы. Чтобы увидеть их, включите в
подменю Rulers меню View пункт-выключатель Show или нажмите комбинацию
клавиш <Ctrl>+<Alt>+<R>. Чтобы убрать линейки, отключите этот пункт. Пунктыпереключатели Pixels (пикселы), Inches (дюймы) и Centimeters (сантиметры) того же
подменю Rulers меню View позволят вам задать нужную единицу измерения.
Еще одно средство помочь вам разместить фрагменты содержимого в
нужном месте — координатная сетка. Чтобы отобразить ее, включите пунктвыключатель Show Grid подменю Grid меню View или нажмите комбинацию
клавиш <Ctrl>+<Alt>+<G>. Чтобы убрать сетку, отключите этот пункт.
Если вас не устраивает шаг координатной сетки, вы можете его изменить.
Для этого выберите пункт Grid Settings подменю Grid меню View. На экране
появится диалоговое окно Grid Settings
ТАРТИБ ДОДАНИ НИШОНАИ ЧАДВАЛИ БА ТАВРИ
АВТОМАТИ
В режиме разметки можно просто мышью на странице рисовать "рамки", в
которых будут размещаться фрагменты содержимого страницы. Dreamweaver
превратит эти "рамки" в ячейки таблиц, которые сам же сформирует. Можно
размещать такие "рамки" где угодно на странице; единственное условие — они не
должны перекрывать друг друга. Ячейки, где размещаются фрагменты содержимого
страницы, называются ячейками разметки по аналогии с таблицами разметки.
Dreamweaver предоставляет возможность также размещать на странице сами
таблицы разметки. Просто надо нарисовать прямоугольник, который становится
таблицей и помещается на странице или внутри другой таблицы разметки. Это может
понадобиться, например, если создавать разметку, состоящую из нескольких таблиц.
На вкладке Layout панели объектов расположены две кнопки: кнопка Draw
Layout Cell позволит вам поместить на страницу ячейку разметки, а кнопка Layout
Table — таблицу разметки. Эти кнопки показаны на рис. 7.
Рис.7. Кнопки для создания таблицы разметки
НОРАСОИХОИ ДИЗАЙНИ ЧАДВАЛИ
Якумин норасоӣ: элементҳо бисёри дар саҳифаҳо такрор шаванда. Аз барои
ҳамин файлҳои Web-саҳифаҳо, ки дар асоси дизайни ҷадвали калон аст. Ҳангоми
гузариш аз саҳифа ба саҳифа сохтани саҳифа боз такрор ёбанда мегардад.
Дуюмин норасоӣ: иловаҳои ворид кунанда, ки дар оянда дохил карда
мешаванд мушкиланд дар дохили элементҳои такрор шаванда.
Якумин норасоӣ ҳатмист маслиҳат ҳамин аст, ки бисёр элементҳоро дохил
накунед...
Дуюмаш бартараф шавандааст. Ва он бо ёрии барномаи Dreamweaver иҷро
карда мешавад. Барои ин он шаблонҳоро барои мо дастрас мекунад.
ЛАБОРАТОРНАЯ РАБОТА №11
Тема: «Табличный дизайн»
Постановка задачи:
1. Нарисовать схематично схему страницы на произвольную тему, но
отличающуюся от темы семестровой.
2. Описать процесс создания страницы на основе табличного дизайна в среде
Dreamweaver
3. Написать стиль (вручную или визуально), привести код стиля.
4. Применить созданный стиль к странице.