сега в този урок ще превърнем този мокър
html
използваме stylizer
различен метод ще видите че доста по-бърз
и лесен за работа
този фейсбук
Ехо от който направихме в предния урок
сега ще го отворя
Google Chrome
отвори по друг начин имена
до утре ги дръпна вътре
ще изтрия
стила който направихме
тук ще го изтрия
в момента таговете които сме сложили е за маркиране
с летящи във въздуха Направи ги по този начин за Да виждате много по-лесно
Какво представлява html
нозематоза тук който правим ще трябва да използваме истинския A4 mail
който има реална структура на html
Сложил съм един файл
template
котето от хора
когато създавате имейл почвайте от този файл
той ще подсигури това
че имате
стандартните html елементи всичко това което направихме може да се сложи в боди
сега ще го копи-пейст на
купи
best в Италия бой се отваря и затваря вратата сложи това
там се сега ще го отворя въпроса
хидравлика няма между предния и този
а понеже браузер е достатъчно умен за да си изкарате такива тагове сам
случая не искам да има повече контрол
затова ще ги сложим при стандартни да го напусне какво правят
първо до тайпе html
казва на браузъра че това е html5 А не някакъв друг ешкия mail
и трябва да го визуализира точно както би визуализирал html5 ако не сложите този така В някой различни браузъри ще видите стаята си по различен начин
докато той подсигурява това
че доста от случаите
ще направи така че да изглеждаме всички българи еднакво
е това е мотова щаб на html
и се затваря чак долу
това че оттук почва нашия имейл и накрая свършва
Wicked имаме параметри които задаваме в страницата
Един от основните параметри е title Тоест заглавието на страницата което излиза тук
както и от Google когато си търси
my page title
description а на страницата излиза Също така от Google
като си нещо
Идеята не са добър пример
Този текст тук
доста от случаите 51 който се намира в метан description
животните Също така служат на търсачките за да разберат На кои ключови думи да й казват
след което имам коментирани две линии
едната добавя скрит към страницата който е в отделен файл Skype джаса
а другата добавя css тоест cascading Style sheet file
който е style.
css
те са коментирани
ако искаме да ги премахнем коментарите
доста изтрием тези три символа тук
последните два символа тук
когато някой така коментира
табло за лед няма да го интерпретира и напълно Ще го игнорира
Аз съм ги сложил тук за да може да си ги извадите от коментар или ги ползвате Ако и трябват
доказване на браузъра че имаме отделен файл style.
css в който ще сложим всички Естил место да го слагаме тук в стая
и Това са нашите правила те ще са в отделен файл
този начин stylizer ще може да работи с този файл и ще ни даде възможност да обработваме на страница
stylizer не работи с вътрешни стилове само с външен файл
тук се свършва
и започва боди което значи съдържание
Head се превежда като глава на боди като съдържание нищо което е в ред не се показва на екрана
Head to a само за поставяне на параметри например този час след от f8 казва на страницата ни че утре в осем
този начин тя ще поддържа кирилица
сега в бой така
сложих това което имаме
предния урок
обаче няма никакъв стил стила би трябвало да е в стаята Asus но той е празен файл
Всъщност тя още не е файл в момента с вас трябва да си го създам
Даньо
текст документ
Style
css без това което ти показах с екстеншъните в първи урок
тухли за употреба сега ще изтрия точка техните ще остане само style.
css
пусна програмата stylizer
дай старт-стоп html ще отворя stylized това нещо мога да направя по следния начин
Драгна от браузъра горе
ремонт на баня хром
vmro адреса
и го пействам тук ти изтрия първата част
the file
до сега Отворих на този файл
от лявата страна имаме също което показва в браузъра Всъщност реално в stylizer лявата част на браузъра хром или който сме си избрали от тук имате различни възможности интернет експлорър Фокс този начин на бързо може да видите Как изглежда вашата страница
тези браузъри
от дясната част на Мерцедес s203 които се намират в style.
css
този файл в момента е празен затова няма правила
една от основните функции на тази програма
е Булстат
той се намира тук и се включва със Space
еротични Space имена върху някой елемент
забележете отдолу ще ми показва Пътя към него
тук имаме be sure this title
след което имаме dhl.
de subtitle
и накрая ме DHL
dismiss caption
сега Ще създам правила за моята е till down Space отивам върху my title натискам първия бутон на мишката
Да обаче ще остане след което ще мога да си създам правила
Искам първо на тая тема
давам macro
видео тясно
създаде css правила
от него сега мога да напиша например
Колор
и да сложа
червения цвят който Софарма начална
дето бяхме веднага се променя
единия вариант е да го напиша Другия вариант е отдолу да го избера
виж децата там се променя просто го направя малко по-голям да се види по-добре
ще 50 пиксела беше
Сега когато му променя цвета в реално време се вижда отляво
когато правихме си имейл на ръка тия всеки път да го променяме в hex да го записваме да отиваме в браузъра и да ме разбереш
е доста бавно А тази програма с тази програма става мигновено
stylizer Също така ни помага
писа даването на тези
css правила
Сега ще ги изтрия
да и покажа какво имам предвид докато съм в title класа ще натисна
тук
цвят
текст
и тук за големина на текста
като отдолу мога да си избера големината и да я променям оттук
през това което давам
Какво става от ляво
мога да го направя Болт
италик underlying
изнесен бутон да го премахна
този начин може да пуснете без да знаете тези ключови думи
Нека да се опитаме да направим нашия дизайн
използваме само тези бутони
почвам с този цвят
ще го сложа такова
сядам сложа диез
Sony font size
ти го давам тук
направо
долна поляна
след което ще мина на следващото правило
Space
ще го създам оттук subtitle maker
щом избера background-color
тук
виес
след което ще сложа падинг
натисни тук
и тръгвам
визатон и бутона сутрин като папка Когато натисна на него
не мога да променям отгоре отстоянието
отдолу
отдясно
не се вижда случая
от ляво
с контрол зет download
добра 11 pixel
сега се преминава към последния клас
description micro
Тук съм там Мартин
отгоре
magento
и тук ще го преместя
разликата между Мартини балинг е следната
мога да ви я покажа в горния клас
избере пак
като вижда отдясно след като избрахте Space ми показва Кои класове са вързани към този елемент
всички нови Гери Минера
сега ще сложа Мартин
когато отстояние извън фона на елемента
докато падинг
отстояние вътре във форма
прислужница комедии топ така
в този елемент дискретен клас
Маджарово премества тук
финално сложа светлина
текст
Ако искам да видя всички правила натискам Escape
няма да се върна към subtitles
който се снимаш в този цвят
накрая Трябва да се краде елемента който ги плашиш тези три
Space
този път избирам село
micro
вид
500 пиксела
лекарство ден Мартин
e-docs написа Auto Auto
ако ти падна
този Мартин
ще видите че отгоре също мога да сложа отстояние докато запазвана
write alert das Auto
Auto значи че го слага в центъра
тоест слага едно и също отстояние отляво и отдясно
сега давам контролер за сейф то го записва директно във файла
който направихме
пясъчните лице с преграда ги виждаме тук
и трябва да си от този файл
Да ама дето едно отпадат
Ето и тук
търсеща при Гала които ние направихме ръчно от предния урок
но този път са вързани към страницата
с този таг вместо с директно вътре в нея
ако ти забравихме
и да сложим правилото което променя фонд
batucada всичките лева
micro
тук font-family
доста мога да сложа всичките фондове
които мога да свържа на тази страница
гердан
песни Роман
трахома
Мерси добре ционистите ми
телефон тоест се вижда по различен начин
ако някой няма да присъстват
затова
запетайка мога да изведа някой от фондовете които искам да си показват
ако операционната система няма този фон
например Вентана запетайка Ариел
както виждате за да направим този дизайн наистина мейл
s15 което направихме
пеещи Milan да сложим Този текст
След това да сложим гейове Ако всеки от елементите
както и да сложим класната
един елемент около тях
и накрая в stylizer да ги стилизираме
като ЕТ имейла който е на това което направихме е стандартен и си го копирате от template това ела и го пестите просто
както и този отдолу
Ако ти се променя и ние правим тук
Въпроси и отговори