Садржај

• Упутства
• Иоур Сите
• баннер {}
• баннер {маргин: 0 ауто;}
• баннер {маргин: 0 ауто
• Шта ти треба

Израда баннера је кључни део веб дизајна. Многи почетнички дизајнери користе табеле за креирање баннера и распореда. Међутим, помоћу ЦСС-а можете поставити позадину, боје, величину и границе баннера. Табеле чине управљање дизајном тешким током времена, док ЦСС омогућава промену елемената по потреби. Потребно вам је основно знање о ХТМЛ-у да бисте покренули овај мали водич. Иако постоји много начина да се направи банер са ЦСС-ом, у овом туторијалу ћемо креирати двоструки, центрирани у средини постављен баннер.

Упутства

Потребно је основно познавање ХТМЛ-а за овај водич (интернетсеите имаге би ФКС Берлин фром Фотолиа.цом)

1. Отворите ХТМЛ датотеку. Након ознаке БОДИ, додајте ДИВ, а затим ИД. Именујте ознаку као "баннер":

2. Унесите текст банера између ДИВ ознака које сте управо креирали:

   Иоур Сите

   Затворите ознаку Х1:

   Иоур Сите

   Ово ће узроковати да ваш текст буде већи од стандардне величине за више од четири тачке.

3. Отворите ЦСС датотеку. Конфигуришите стил баннера тако што ћете откуцати:

   баннер {}

   Ознака "#баннер" ће рећи претраживачима који траже "ид =" баннер "" стил - тако да се ознака назива "баннер".

4. Између {}, мораћете да унесете стилове. Постоји много стилова у ЦСС-у. Само ћемо користити неке од њих. Прво, желимо да центрирамо банер на страници:

   
   

   баннер {маргин: 0 ауто;}

   Дакле, баннер је централизован на сајту, са аутоматском маргином нулте тачке у односу на врх и дно линије.

5. Додајте друге стилове:

   баннер {маргин: 0 ауто

   Ширина: 780пк Висина: 300пк Граница: # фф0000 солид 10пк Позадина: #фффффф Боја: # фф0000 Величина фонта: 18пк Поравнање текста: десно Паддинг-ригхт: 10пк;}

   Ширина и висина одређују величину баннера. Граница је чврста линија од 10 пиксела око кутије. Биће црвена, како је дефинисано у хексадецималном коду, тј. Са шест бројева и слова који прате симбол "#". "Позадина" је постављена на белу. Ознака "Боја" поставља боју текста, који је поново црвен, како би одговарао граници. Ознака "фонт-сизе" одређује величину текста. "Поравнање текста" одређује позиционирање текста - у овом случају, одабрано је десно поравнање оквира. "Паддинг" ствара размак између садржаја, као што је текст, унутар оквира и границе. "Паддинг-ригхт" је постављен тако да даје 10 пиксела размака између текста и десне ивице.

   
   

6. Сачувајте датотеке.

Шта ти треба

• Едитор текста
• Сите
• Бирач боја