Блок орналасу қандай? өз Сіздің сайттың бір бетті жүктейді қалай?

өз беттер сайттарды жасауға үйрену үшін ұмтылу бар? Содан кейін-ның қандай блок орналасуын меңгерген көрейік. Орналасу бастаушы олар көптеген сұрақтар бар, қиындықтарға бірқатар кездеседі. блок кодтау болып табылады қарастырайық.

Маңызды ұшы

Пайдаланыңыз WYSIWYG редакторы, сондықтан бәрі анық болды. олар бәрін түсіну, өйткені сондай HTML кім біледі, ноутбук жұмыс істейді. Ал бастауыш мұндай FrontPage немесе, мысалы, Dreamweaver ретінде бағдарламаларды пайдалана алады.

орналасу сайттар түрлері

орналасуының бірнеше түрлері бар:

1. Кестелік.
2. Блок.
3. Аралас.

Біз блок макеті мүдделіміз. Қандай кестеде оны ерекшеленеді? блок макеті кезде DIV тегті пайдаланып белгілі бір артықшылықтары бар:

1. тезірек блоктарының дизайнымен салыңыз.
2. жүктеу орын ретінде мазмұны (кестелер айырмашылығы) блоктарын көрсетіледі. Белгілі болғандай, осы кестелер тек бүкіл кестенің кейін көрсетіледі.
3. DIV-с кодексі оқып оңай.

Ол блок макеті танымал болып табылатын, барлық артықшылықтары болып табылады.

орналасуы DIV-блоктарын қалай өзгереді?

Бұл өзгермелі көмектеседі - осы сипатты, келесілердің қабілетті болып табылатын:

1. сол жақ бойынша туралау - қалдырды.
2. оң - оң туралау үшін.
3. Ол бірде-бір берілген болса, ол қозғала алмайды, қайда Element қалады. Бұл мән әдепкі болады.

бізге қажет Тағы бір маңызды ерекшелігі - айқын. Ол 4 мәндерін болуы мүмкін:

1. оң - алдыңғы тармағының шеңберінде орнату үшін, оңға, блокқа жылжытыңыз.
2. Сол жаққа сол жаққа көшіп өткен элементі, төменде орнатады.
3. Екі - алдыңғы қоныс блогын орнату.
4. None жылжытылады сол элементтерге қатысты блогының жағдайына шектеудің жоқтығын көрсетеді.

мысал

ол блок көрінеді қалай қарастырайық орналасу бөлгішінде. Біз біздің код жазу:

Кодекске сәйкес, сіз нәтиже қараңыз. қалауыңызша Осылайша, бірнеше қасиеттерін негізінде блогының орналасуы бақылауға болады. Келесі сәтте өтіңіз. кез келген браузерде үшін әрбір блок туралауды орталығы: Біз мәтінді-Align пайдаланды.

Көріп отырғандарыңыздай, ол сайттың өте қарапайым блок орналасу болып табылады. Бұл беттердің неғұрлым икемді құрылымын жасайды көп қасиеттерін зерттеу және іс жүзінде өте маңызды.

маңыздырақ нәрсе

лауазымы, ол жайғастыру үшін пайдаланылады, - орналасуда пайдаланылатын бір танымал мүмкіндігі жоқ.

ұстанымын қасиеттері үшін маңызы:

1. Салыстырмалы - олардың бастапқы орындарда қатысты элементтердің орнын белгілейді. Қолдану сол, үстінен, праведников, төменгі элементі белгілі бір бағытта жылжиды.
2. Статикалық - қалыпты дисплей элемент. ол ештеңе әкелуі мүмкін - Ол сол жақ / оң, жоғарғы / төменгі пайдалануға ешқандай мағынасы.
3. Абсолютті - абсолютті позициялау элементі.
4. Бекітілген - ұқсас абсолютті. Ол экранда белгілі бір нүктесіне байланыстырылған, бірақ ол тіпті бет Flipping егер, өз ұстанымын өзгертпейді.

Көптеген орналасу блоктар тіркелген, абсолютті және салыстырмалы орналасуын пайдаланғанда баттасып байқадым. ол жоғарыда, төменде блоктар, ол білу, содан кейін қызықты. Бұл сұраққа жауап беру үшін, сіз Z-индексі мүлікті қажет. Ол жаңа деңгейге орналасу блоктарын әкелді. Бұл ұшақтың орналасуын жасауға, сонымен қатар осындай мүлiктiң құны оң немесе теріс болуы мүмкін үшінші осі З. арқылы ғана емес, мүмкіндік береді.

3 блоктарын жасау. абсолютті позициялау отырып Келесі эксперимент.

Көріп отырғандарыңыздай, ол блоктар орнын өзгерту оңай. Егер сіз қазір кез келген бастауыш блок макеті бетті жасауға, қабілетті фактісі негізінде. көп қасиеттерін қолдану Егер сіз дағдыларын жақсартады.