02 Вёрстка шаблона с помощью блоков
.pdfРазработкаприложИнтенийрнет |
. Практическиезанятия |
|
|
Версткашаблонапомощью
Согласносвоеговариантаздайтешаблон |
|
|
|
|
||
длясайтапомощьюязыкаразметки |
|
|
|
html и |
||
средстваоформленияcssР .сположениебл |
|
|
о- |
|||
ковстраницыпоказановсвойстве |
|
|
Layout |
|||
вашеговарианта.Насхемепринятыобозн |
|
|
|
а- |
||
чения: |
h – заголовоксайта, |
m – меню, |
c – |
|||
контентстраницы, |
© - информацияоб |
в- |
||||
торсправеиконтактнаяинформация. |
|
|
|
|||
Знза,мочкаразмещенныйблокеозн |
|
|
|
а- |
||
чает,чтоприпрокстрбланицыуткедо |
|
|
|
л- |
||
женоставатьсянеподвижным.Ц |
|
|
ветнойблок |
|||
безобозначений насхемедолженсо |
держать |
|||||
изображениеформата |
|
png-24 сальфа - |
||||
каналом.Г |
арнитуру длязаголовка выберите |
|||||
избиблиотекишрифтов |
|
Google.Цветовая |
||||
гаммасайтатакжеописанавсвойствахвар |
|
|
|
и- |
||
анта,вместосплошныходнотонныхзаливок |
|
|
|
|
||
выможетеиспользоватьскольугодносло |
|
|
|
ж- |
||
ныефонов |
ыеизобра |
|
жени.Тематикусайта |
|
||
определпособственномувкусуисходятеиз |
|
|
|
|
||
цветов,указарианных |
|
нте. Приверстке |
||||
конзабудьтетентаописатьстилидляг |
|
|
|
и- |
||
пертекстовыхссылок,изображ |
|
|
енизагй |
о- |
||
ловков. |
|
|
|
|
|
|
Частистраницыдолжныбытьсверстаныпри |
|
|
|
|
||
помощи блоков.Страницадолжнбытьв |
|
а- |
||||
лиднойпостандарту |
|
HTML 4.01. Strict и CSS |
||||
Level 2.1.Внешнийвидстраницывразных |
|
|
||||
броузерахможеттличатьсянезначительно. |
|
|
Вариант№1
Layout:
Colors: |
#3F0B1B, #7A1631, #CF423C, |
|
#FC7D49, #FFD462 |
блоков
Вариант№ 2
Layout:
Colors: |
#2B2E2E, #595855, #A2ABA5, |
|
#CAE6E8, #313F54 |
Вариант№ 3
Layout:
Colors: |
#7D8C22, #B3BF67, #F2E49B, |
|
#D9DFF4, #6791BF |
Вариант№ |
4 |
Layout: |
|
Colors: |
#56626B, #6C9380, #C0CA55, |
|
#F07C6C, #AD5472 |
РазработкаприложИнтенийрнет |
. Практическиезанятия |
|
|
Вариант№ 5
Layout:
Colors: |
#BD9F8A, #FF7B77, #FF284A, |
|
#4B0023, #24151C |
Вариант№ 6
Layout:
Colors: |
#636266, #E0CEA4, #E8A579, |
|
#7D6855, #42403E |
Вариант№ |
7 |
Layout: |
|
Colors: |
#B2B18B, #1D2224, #245D70, |
|
#BAD6BC, #E38929 |
Вариант№ 8
Layout:
Colors: |
#002F32, #42826C, #A5C77F, |
|
#FFC861, #C84663 |
Вариант№ 9
Layout:
Colors: |
#5D7359, #E0D697, #D6AA5C, |
|
#8C5430, #661C0E |
Вариант№ |
10 |
Layout: |
|
Colors: |
#003C3D, #185F61, #9AFFE8, |
|
#5E6356, #38312E |
РазработкаприложИнтенийрнет |
. Практическиезанятия |
|
|
Вариант№ 11
Layout:
Colors: |
#0A3A4A, #196674, #33A6B2, |
|
#9AC836, #D0E64B |
Вариант№ |
12 |
Layout: |
|
Colors: |
#2F3D3D, #7D2817, #E89121, |
|
#373B3B, #696155 |
Вариант№ 13
Layout:
Colors: |
#4F443A, |
#7F8E98, #B2CBD9, |
|
#E5EEF5, |
#EFDAAD |
Вариант№ 14
Layout:
Colors: |
#FCF160, #A3A177, #505254, |
|
#2F3742, #10101C |
Вариант№ |
15 |
Layout: |
|
Colors: |
#FFF79A, #78D492, #2A6F75, |
|
#32254A, #171A26 |
Вариант№ 16
Layout:
Colors: |
#7F6D54, #DB7E40, #A85E45, |
|
#593733, #261E1E |
РазработкаприложИнтенийрнет |
. Практическиезанятия |
|
|
Вариант№1 7
Layout:
Colors: |
#0A0C26, #381659, #8C2383, |
|
#BF3060, #F26A3D |
Вариант№ 18
Layout:
Colors: |
#252830, #524145, #B17178, |
|
#E7A4A1, #FEC3AD |
Вариант№ 19
Layout:
Colors: |
#1F0804, #421010, #756239, |
|
#AB9879, #DBD0BC |
Вариант№ 20
Layout:
Colors: |
#301C16, #3F4234, #755130, |
|
#B26437, #FF733B |
Вариант№ 21
Layout:
Colors: |
#12080E, #291320, #5C3147, |
|
#CFBEBF, #706362 |
Вариант№ 22
Layout:
Colors: |
#273740, |
#F2D194, #BF6B04, |
|
#872702, |
#550A03 |
РазработкаприложИнтенийрнет |
. Практическиезанятия |
|
|
Вариант№ 23
Layout:
Colors: |
#6C718C, #D9AC59, #BF9056, |
|
#A66556, #A6483F |
Вариант№ |
24 |
Layout: |
|
Colors: |
#6E414F, #9F8686, #E0C78E, |
|
#F9EFCC, #A9C7C9 |
Вариант№ 25
Layout:
Colors: |
#FFFFFF, #C1C4C7, #F08F00, |
|
#58676E, #192024 |
Вариант№ 26
Layout:
Colors: |
#FDF6FF, #515F7F, #FF7B87, |
|
#7F7B6D, #6AC5CC |
Вариант№ 27
Layout:
Colors: |
#0D2C40, #D99C2B, #F2DDB6, |
|
#A60303, #730202 |
Вариант№ |
28 |
Layout: |
|
Colors: |
#A92C10, #B6A682, #474539, |
|
#495C65, #2C353E |