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