Блог уеб дизайн студио «направите сайт»

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

Какво е оформлението на уеб сайт (HTML форматиране) на

Сама по себе си, терминът предполага налагането на прехвърлянето на оформлението на чертеж в работното състояние на съставните части, в които оформлението - тя може да бъде текст, изображения, таблици и други елементи. В този случай ние считаме, оформлението на сайтове, или както обикновено се нарича - HTML оформление, въпреки че има и други, на нейните видове, като вестникарска хартия. Но ние обсъждаме е оформлението на уеб страници. се използва в уеб дизайна.

С цел да се наложи съставен оформление, което, между другото, често се предоставя в СДП и е съставен в Photoshop, което трябва да знаете, специално за тази цел, маркиращ език HTML формат - HyperText Markup Language, който се състои от специални, така наречените етикети, които описват местоположението елементи на страницата. Един добър програмист и да преценявам оформление гледка, която все още е конвенционален статично изображение, веднага мислено разделя изображението на съставните й части и вече знае предварително какво тагове те ще бъдат описани в документа, и какъв тип оформление най-подходящ за определен период от време. Оттогава и започва "възраждане" на оформлението. На първо място, трябва poraskinut мозъците, а след това отворете "Бележник" и се залавяме за работа.

Освен това, в допълнение към HTML маркирането съществува език и добавяне - CSS, което е необходимо, за да се опише елементите на стила и да им даде завършен вид, като има предвид, HTML само грубо описва мястото на повечето от тези елементи на страницата. Разбира се, че е възможно в HTML да прокара някои от стилове и разширени атрибути на таговете и да направи най-сигурните резултати, но след това оформлението няма да отговори на W3C стандарти (които не са панацея, но само препоръки, между другото), кода на страницата може да бъде прочетен, търсачки, както и няма да бъде на този щастлив (те ще трябва да се демонтира много боклук в кода), а всъщност това е Mauvais тона, а сега много малко тези, които го правят. CSS - Cascading Style Sheets (Cascading Style Sheets), не могат да бъдат разглеждани отделно език за програмиране, но с намеса може да се нарече условно език, който описва елементите стил на страницата. Няма съмнение в това, както и другаде, има тънкости и тайни, които трябва да знаете, за да бъде добър оформление на сайта.

Основните видове оформление сайтове

Всички около разделение оформление черта етикети, които са използвани в текста на документа, ние вярваме, че е твърде условно и не мислят, че табличен оформление всъщност равна на сметката, както и блок. Въпреки че много хора погрешно вярват, така и това духат в пълен размер, копиране статии от един на друг, без да се замисля, и знаейки това, което казват. Фактът, че оформлението може да се използва както маси и слоеве (блокове), така че няма смисъл да има ясно разграничение между тези елементи. Какъв сайт, в който да състави текст с помощта на само една маса? Има ли някой мисли, че такива неща се случват в онлайн масите не използват един блок елемент? Нека започнем с факта, че маркерът

с течение на времето и е блоков елемент, който се използва, за да маркирате текстови абзаци. И ако сайтът не е текст и никакви точки, това не е мястото, и дявола знае какво. Същото може да се каже и за оформление блок. Какво ще кажете за да вмъкнете таблица с цените или друга информация? Освен това, доста често срещан проблем в оформлението е невъзможността да се приведе в съответствие елементи по вертикалната ос, ако тя е вътре в блоков елемент и има променлива височина. В такива случаи, маса клетка, при което, за разлика от слой работи CSS собственост вертикално подравняване: средна; ,

Заключение: В таблицата и оформлението на блок не съществува!

И както за вида на оформление, което действително съществува, но все още са доста конвенционален, ние можем да се разграничат три основни типа:

фиксирано оформление

Фиксираната ширина оформление сайта това не променя при никакви обстоятелства (освен в случай на грешки с неделимите линии на текст и изображения твърде широки), Е. Ширината на оформление м. Е известен предварително и монтиран неподвижно в стилове. Този тип оформление е доста удобен и добре с изключение на това само за ПДО, т. За да. Е най-простият и да го прекара малко време и усилия. Поведението на всички елементи на страницата може да се прогнозира по-рано - не е необходимо да се изчисли интерес, можете да се игнорира напълно резолюция на екрана на потребителя. Във всеки случай, като се има предвид един и същи модел, ширината на който е фиксиран. Оттам идва и името - фиксирани оформление.

каучук оформление

Гумени кодиране се различава от фиксирана в това, че ширината на обекта не е известен предварително и варира в зависимост от ширината на екрана на потребителя. Трябва да се отбележи, че оформлението на гума не винаги изпълва екрана на 100%, някои смятат, че това е грешно. В действителност, това се случва, че съдържа някаква минимална и максимална ширина на обекта и, в зависимост от разделителната способност на екрана, сайтът е опъната или компресиран, но в определен размер. и след това спира. Този ефект се постига лесно свойства мин-макс ширина и ширина. които се отнасят за основната опаковка, която съдържа всички елементи на сайта.

Гумени оформление - втора сложността на изпълнение, т.е. до ширината на обекта не е известен предварително и ще бъдат променени, и по-специално определя ширината на всички елементи, няма да работи ... В този случай, дойде в процентите на помощта. Доста често, може да се види плаващи елементи, чиито брой е на линията може да варира нагоре или надолу, отново в зависимост от размера на екрана на потребителя. Например, на малкия екран на стоките 3 по линията и за много голям - 6, както и между тях са междинни стойности за вторични екрани - 4 и 5. плаващите елементи обикновено се прилагат като се използва свойства или поплавък присвояване на блок елемент свойства показва: вграден блок; , което го прави половин пресечка и половина построен, така че прехвърлянето към новата линия не се извършва.

адаптивно оформление