ПредишенСледващото

Информацията, представена в тази статия се фокусира предимно за начинаещи уеб-майстори.

предговор

Но, въпреки това, не бих искам да се разделя с моето създаване и изтриване на страници, жалко е, в крайна сметка, е работил по създаването и ви препоръчваме да поне да изглежда като таблици за оформление в близкото минало. Проучване на този материал. Аз съм сигурен, че ще бъде полезна, тъй като наред с вече остарели методи за конструиране на таблици, тук ще намерите много съвременни методи, които аз винаги включват в тази статия. Да вървим.

Използването на маси, техните видове и кодекси

Таблица - популярно средство за дизайн на уеб-страници. Един от методите за тяхното използване на сайта се използва като рамка за цялата страница:

Ще има "шапка уеб-страница" лого и име на сайта. Ширината е даден в точки или в проценти. Ширина 100% -site отнема цялото налично пространство в браузъра. Височината на 50-150 пункта, или 5.15%, или когато ви е удобно.

Навигация площ от разделите на сайта. Ширина точки 120-200 или 12-20%.

Основно съдържание - съдържание на страницата. Отнема всички останали пространство.

Площ навигация дубликат сайт. Височината на 40-50 точки или 4-5%.

Мисля, че такава маса е лесно и вие сами се изгради, но само в "огън", ще дам един пример на HTML код:

Тази схема не е задължително. Има много други опции.

На следващо място, искам да ви запозная с възможни приложения на различни таблици и съответно техните HTML-кодове.

Таблица пунктирана линия

Пример публикуване на съдържание

Html код таблица изглежда така:

Внимание! Важна информация!

И тук е най-модерната гледна точка на изграждането на таблицата с рамка-пунктирана линия. Той използва стойността в границата на параметъра прекъсната.

Просто напишете кода за маса с идентификатор, например, demo3 -

, CSS и маса за написването стилове в раздела за главата на сайта или в досието на стилове:

demo3
граница. 2px пунктираната # 000000; / * 2 пиксела граница, пунктирана, черен * /
марж: 0 автомобил; / * Центрирано * /
ширина: 600px; / * В пиксела или% * /
препълване: автоматичен; / * Таблица се увеличи в зависимост от увеличението на съдържанието му, а не позволим това да излиза извън рамките на * /
>

Ако искате да направите рамка точки - вместо да пишете стойността на пунктирана осеян. В допълнение, както рамката да промените цвета. В примера на показ черно - # 000000.

Таблица със заоблени ъгли

Пример публикуване на съдържание

маса Код:

Всичко като че ли току-що и добро, но има един малък "zamorochka". Можете да видите в файловете кодовите изображения, маркирайте писалка? Те са малки рисунки, направени в Photoshop и са както следва:





Както разбирате, тези снимки са от един и същи цвят на масата и на масата, монтиран в кода, за да създадете ефекта на заоблени ъгли.

Ако сте доволни от цвета на масата (тя може да се променя и да направи по-голям запълни всеки друг цвят) може да се изтегли (3.1 KB) от тези risunochki, за поставянето им във вашата папка с изображения на сайта, копирате кода по масата и "на добър час!"

Един вариант на този метод е, както следва:

Свързани статии

Подкрепете проекта - споделете линка, благодаря!