Რა არის განლაგება ბლოკი? როგორ დააკისროს ერთი გვერდი თქვენი საიტი საკუთარი?

არსებობს სურვილი, რომ ისწავლონ საკუთარი გვერდებზე საიტები? მაშინ მოდით არ აითვისა რა ბლოკი განლაგებას. განლაგება novice შეხვდება რიგი სირთულეები, მათ აქვთ ბევრი კითხვა. განვიხილოთ, თუ რა არის ბლოკი კოდირება.

მნიშვნელოვანი წვერი

გამოიყენეთ WYSIWYG რედაქტორი, ასე რომ ყველაფერი იყო ნათელი. მათთვის, ვინც იცის HTML კარგად, სამუშაო რვეული, რადგან მათ ესმით ყველაფერი. და დამწყებთათვის შეუძლია ისარგებლოს პროგრამები, როგორიცაა FrontPage ან, მაგალითად, Dreamweaver.

სახეები განლაგება საიტები

არსებობს რამდენიმე სახის განლაგება:

1. ცხრილური.
2. ბლოკი.
3. შერეული.

ჩვენ დაინტერესებული ვართ ბლოკი განლაგებას. რა განასხვავებს მას მაგიდაზე? ამავე ბლოკის განლაგება გამოყენებით DIV tag აქვს გარკვეული უპირატესობები:

1. ჩატვირთვა დიზაინი ბლოკები სწრაფად.
2. Content ნაჩვენები ბლოკები (განსხვავებით მაგიდები), როგორც download ხდება. როგორც ცნობილია, ამ მაგიდები იქნება ცარიელია მხოლოდ მას შემდეგ, რაც მთელი მაგიდა.
3. კოდექსის div-s ადვილად წაიკითხა.

ეს არ არის ყველა უპირატესობა, რომელიც ცნობილია ბლოკი განლაგებას.

როგორ შეიცვალოს მდებარეობა div ბლოკების?

ეს დაგვეხმარება, ათწილადი - ეს ქონება, რომელსაც შეუძლია შემდეგი:

1. Align მარცხენა - მარცხნივ.
2. გასწორება უფლება - უფლება.
3. Element რჩება, სადაც იყო, მან არ გადავა, თუ მოცემული არცერთი. ეს ღირებულება იქნება იყოს.

კიდევ ერთი მნიშვნელოვანი ფუნქცია, რომელიც ჩვენ გვჭირდება - ნათელი. მან შეიძლება ჰქონდეს 4 ღირებულებები:

1. მონტაჟი წინა პუნქტის, გადასვლის უფლება, ბლოკი - უფლება.
2. მარცხენა ადგენს ქვემოთ წინა ელემენტი, რომელიც გადავიდა მარცხენა.
3. ორივე - მონტაჟი წინა გადაადგილებულ ბლოკი.
4. არცერთი მიუთითებს არარსებობის შეზღუდვები პოზიცია ბლოკი ნათესავი იმ ელემენტებს, რომლებიც გადავიდა.

მაგალითად

განვიხილოთ, თუ როგორ იგი გამოიყურება როგორც ბლოკი განლაგება div. ჩვენ დავწეროთ ჩვენი კოდი:

Under კოდი ხედავთ შედეგი. ამდენად, საფუძველზე რამდენიმე თვისებები შეიძლება იყოს კონტროლირებადი ბლოკი მოწყობა, როგორც სასურველი. წასვლა მომდევნო ეტაპზე. ჩვენ არ გამოიყენება text-align: center, რომ უერთდებიან თითოეული ბლოკი ნებისმიერი ბრაუზერი.

როგორც ხედავთ, ეს არის საკმაოდ მარტივი ბლოკი განლაგება საიტი. მნიშვნელოვანია, რომ შესწავლა და პრაქტიკა უფრო თვისებები, რომელიც უფრო მოქნილი სტრუქტურა გვერდებზე.

რაღაც უფრო მნიშვნელოვანი

არსებობს ერთი პოპულარული ფუნქცია, რომელიც გამოიყენება განლაგება - პოზიცია, იგი გამოიყენება წესი.

ღირებულებები თვისებები თანამდებობა:

1. ნათესავი - ადგენს პოზიცია ელემენტები ნათესავი მათი ორიგინალური ადგილებში. განაცხადის მარცხენა, ზედა, righ, ქვედა ელემენტს მოძრაობს გარკვეული მიმართულებით.
2. Static - ნორმალური ჩვენება ერთეულზე. აზრი არ აქვს, გამოიყენოს მარჯვენა / მარცხენა, ზედა / ქვედა - ეს შეიძლება გამოიწვიოს არაფერი.
3. Absolute - აბსოლუტური ელემენტს.
4. ფიქსირებული - მსგავსი აბსოლუტური. იგი ვალდებულია გარკვეული წერტილი ეკრანზე, მაგრამ ეს არ შეცვლის თავის პოზიციას, თუნდაც გვერდი flipping.

ბევრი განლაგება შენიშნა, რომ როდესაც გამოყენებით ფიქსირებული, აბსოლუტური და ფარდობითი განლაგების ბლოკები ფარავდეს. და მაშინ საინტერესოა, რომელიც ბლოკის ქვემოთ, რომელიც ზემოთ. ამ კითხვაზე პასუხის გაცემა, თქვენ უნდა z-index ქონება. ეს მოიტანა განლაგება ბლოკები ახალ დონეზე. ეს საშუალებას იძლევა, არა მხოლოდ იმისათვის, პოზიციონირების თვითმფრინავი, არამედ საშუალებით მესამე ღერძი ზ ღირებულება ასეთი ქონება შეიძლება იყოს დადებითი ან უარყოფითი.

შექმნა 3 ბლოკად. შემდეგი, ექსპერიმენტი აბსოლუტური.

როგორც ხედავთ, ეს არის მარტივი შეცვალოს პოზიცია ბლოკები. საფუძველზე ის ფაქტი, რომ თქვენ შეუძლია, რათა რაიმე ელემენტარული ბლოკი განლაგება გვერდზე. გამოყენების მეტი თვისებები თქვენ გააუმჯობესოს თქვენი უნარი.