документацията на компютъра
Защо маса
Всъщност, защо имаме нужда една маса? Изглежда, че те имат по-скоро тесен цел: да се представи на големи обеми от числова и текстова информация в ограничено пространство. Защо иначе се изгради въз основа на техните цели уеб страници? Какво означава това да ни даде?
Когато говорихме за чертежите (виж гл. 4) и рамки (виж гл. 7), които споменахте за "поток" на текста. Нека поговорим повече за него.
Вижте тази страница. Leaf през книгата от началото до края, и обратно. Какво виждаш? Непрекъснато текстови, "тече" през страниците и да поговорим за това как да се работи с Macromedia Dreamweaver. Параграфи от текст, фигури и таблици са разположени в поредицата "поток", един след друг. Те не могат да "избягат" от този "поток". Не може да бъде поставен на едно и също място по едно и също време за рисуване и маса - Елементи на страницата може да се постави само в последователност, една след друга.
"Нахранете" текстът е добър за художествени произведения и насоки последователно се описват всички действия, необходими за постигането на резултата. В този случай, текстът се чете от началото до края, без внезапно "скача" напред-назад. "Нахранете" текстът е много лошо за техническите статии, изискващи множество обяснения, допълнения и илюстрации; В този случай, трябва да имате пред очите ми и първия и втория, а третият и четвъртият. Също така, "поток" на текста, абсолютно не е подходящ за вестници: читателят не иска да прелиства вестника назад и напред, за да намерят най-подходящия статията и иска да види всички основни новина на първа страница.
Ето защо дизайнерите непрекъснато търсят начини да "избягат" от твърда рамка на "поток" на текста. Търси с различна степен на успех.
Дизайнерите, принтери добре: те са абсолютно свободни да правят. предпечатна програми тях позволяват да се почти всичко: да се постави на страниците на текстови блокове, като ги разположите. една спрямо друга, за да се създаде "поток" на текста, ако това е наистина необходимо, дори да създадете множество "потоци" на текста, "ток" паралелно и заемат най-много страници. Като цяло, принтери, казват те, добре уредени. И продуктите на своя труд наслада за окото.
Ако отворите някоя от днешните издания, ще видите т.нар равенството - малки части от текста са поставени в основната "поток" на текста, но не е свързан с него. Обикновено, рамки са направени различни от основния текст, читателят веднага видя, че има. Също така, принтери отдавна са усвоили различни бележки под линия, бележки, и така нататък. Н. Също нокаутиран на "поток" на текста. Да, и "потоци" на тези в други печатни медии могат да бъдат голям набор.
Оказва се, че няма начин да се измъкнат от "поток" на текста? Има.
Рамките са твърде независими една от друга. И бележка, вратовръзка, бележки под линия, както и други печатни "екстри" в рамки не могат да създават. Имаме нужда от нещо по-различно ", можете да развързва" им от "поток" на текста, но не напълно. Изискванията са изключително противоречиви, но нищо не може да се направи - те са.
И след това дойде на помощ на масата.
Обърнете внимание на фиг. 8.1. Какво искаш да кажеш?
Фиг. 8.1. Създаване на бележки в текст с помощта на таблици
Както можете да видите от масата, можем да разделим текста на няколко части и сложи до съответните бележки. Ние можем да направим, че границата между фрагменти невидими, така че посетителите на нашия сайт и няма да забележите, че форматирането на текста, използвани в таблицата. (Опитните потребители на интернет са запознати с HTML, разбира се, предполагам, добре, Бог да го благослови.) Също така можем да направим невидимата линия между текста и бележка, за да се приведе в съответствие текста на бележката, надясно, изберете го в курсив и правя нещо друго, за да се логично да го разделят от основния текст. Но това са подробности. Основното нещо е, че ние получихме това, което искахме.
Така че има изход!
Ето още един пример. Да предположим, че ние правим един онлайн магазин. Ние трябва да се сложи името на страницата, описанието, цена и снимка на продукта. На масите е по-лесно от всякога - виж фиг .. 8.2.
Фиг. 8.2. Описание на продукта в онлайн магазина, направени с помощта на таблицата
Вижте как компактен и елегантен имаме! С помощта на специално форматирана таблица поставихме няколко части от текста и графично представяне на начина, по който искате. И ако не ви харесва нещо, можем да променят леко масата и да получите един напълно различен резултат.
Уеб-дизайнери отдавна усвоили масата. И тъй като дълго време е бил във въздуха е проста, като всички брилянтна идея. И какво, ако ви постави целия текст уеб-страница в голям, сложен форматирана таблица, "разтягане" го на всички, прозорец за уеб базиран? Защото тогава ние получаваме почти неограничени възможности, почти същите като тези на сънародниците ни принтери. Ние можем да създадем и бележки, бележки под линия, и вратовръзка, и множество "потоци" на текста, които ще бъдат започнати и прекъснати, където ние трябва да. Да, това ще направи революция в уеб-дизайна!
Така че ние сега дойде на проекта на таблицата, т. Е. Метод за изграждане на уеб страници с помощта на таблици.
Основният принцип на проекта на таблицата вече е дал. Всички текстове и всички графики са поставени в клетките на таблицата, който им позволява да правите нищо. Обикновено такива маси (ги наричаме маркиране таблици) са невидими граници и линии са създадени с помощта на много тънки клетки с пълнеж фон. оформление на маса са много сложни, като се използват различни форматиране и множествена клетка сливане, и почти винаги - вложени таблици.
Създаване на сложни таблици за оформление ръчно - висш пилотаж уеб-дизайн. Не всеки, дори опит за уеб дизайнери ще вземе да направи сложни страници въз основа на таблици. И всичко това заради невероятната сложност на получения HTML-кода. Поради това често е в кода на уеб-страници, изградени на базата на таблици, има грешки, поради което те не винаги могат да се показват на уеб-браузъра. В действителност, във всички тези множествена обединена клетка и сложно форматиране след това може да бъде лесно да се обърка.
В същото време, всеки може да подобри драстично външния вид на страниците си, с помощта на сравнително проста плоча. Нека илюстрираме това с един пример.
Отворете страницата default.htm втората ни сайт, изграден на базата на рамката. Нека да разгледаме това. И римейк използват таблици. Разбира се, ние няма веднага да го направи в Dreamweaver, и все пак се направи на хартия. Ние имаме нещо подобно на фиг. 8.3. Това, между другото, класическата схема на проекта на таблицата.
Фиг. 8.3. Класическа маса за дизайн
Както можете да видите, че това е просто маса с два обединени клетки. Dreamweaver ще я създаде за вас в миг. И това, което е резултат!
Но Dreamweaver има много повече. Той може да се изгради за вас произволно сложен на маса и в същото време никога не прави грешка. Lord уеб дизайнери, оплетени в собствената си HTML-код, чуваш ли?
В същото време, погледнете най-често използваната дизайн схема на таблицата, представена в интернет.