Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

01 Вёрстка шаблонов с помощью таблиц

.pdf
Скачиваний:
17
Добавлен:
03.06.2015
Размер:
427.08 Кб
Скачать

РазработкаприложИнтенийрнет

. Практическиезанятия

 

 

Версткашаблонапомощьютаблиц

Согласносвоеговариантаздайтешаблон

 

 

 

длясайтапомощьюязыкаразметки

 

 

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