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

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

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

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

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

 

 

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

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

 

 

 

 

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

 

 

 

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