Толгойн хэсэг.
Хичээлээ сайтын толгойн хэсгийг кодлохоос эхлэе. Толгойн хэсэг хамгийн энгийн амархан хэсэг гэдгийг index.html хэсгийн кодоос ч тэр PSD макетаас ч харсан тодорхой. Кодын хэсгийг харуулбал.
<div id="header">
<div id="logo">
<h1><a href="#home" title="Home Page">E-surgalt.com</a></h1>
<h2>ONLINE LEARNING</h2>
</div>
</div>Материалыг тусгай эрхтэй хэрэглэгч үзнэ.
request_quoteТусгай эрх авахМэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.
Нээгдсэн тоо: 2187 Нийтийн
Өмнөх хичээлд бид дараалалаа багахан зөрчин удирдах цэсний кодлолыг орхин сайтын төв хэсгийн кодлолыг хийсэн. Энэ хичээлээр бид сайтын удирдах цэсний хэсгийн кодлолыг хийх болно.
Удирдах цэс
Удирдах цэсийг хийх нь нилээд хүндэвтэр. Бид нилээд нарийн цэс ашиглана дээр нь цэс баруун талдаа шахан байрлах нь асуудлыг улам хүндрүүлж байгаа. Гэхдээ цэсийг фотошоп дээр хийсэн байгаа болохоор бидэнд бага зэргийн хөнгөн болж ирнэ.
Нээгдсэн тоо: 3351 Нийтийн
CSS нь хэлнүүдийн адилаар өөрийн гэсэн бичлэгийн дүрэмтэй. Түүнд элемент, параметр, тегүүд байхгүй ч дүрэм бий. Дүрэм нь заагч ба их хаалтанд байрлах хэвийг тодорхойлогч блокоос бүрдэнэ.
Хэвийг тодорхойлогч блок нь цэг таслалаар тусгаарлагдсан шинж болон түүний утгуудаас бүрдэнэ.
Нээгдсэн тоо: 2036 Төлбөртэй
Сайтын хуудсыг хэлбэржүүлэх цувралын сүүлчийн хичээлээр бид сайтын ажиллагаанд jQuery ба Cufón -ыг хэрхэн ашиглах талаар үзэх болно. Бид сайтын h1, h2, h3, h5 түвшингийн гарчигуудад Myriad Pro гэсэн хэрэглэгчийн компьютерт үйлдлийн системтэй хамт суудаггүй стандарт бус фонтыг ашигласан. Бас сайтад слайдшоуг ажиллуулах хэрэгтэй байгаа. Энэ зорилгоор JavaScript -ыг ашиглах юм. Сайтдаа өөрийн хүссэн дурын фонтыг ашиглаад энэ нь хэрэглэгчийн талд суугдаагүй байсан ч сайтыг зөв харагдуулах боломжтойг үзүүлэх зорилгоор бид Myriad Pro фонтыг гарчигт ашигласан. Хэрэглэгч JavaScript -ыг хаасан байхад сайт бидний тодорхойлсон нөөц фонтоор үзэгдэх юм.
Нээгдсэн тоо: 1734 Төлбөртэй
Энэ хичээлээр бид блокийн шинжүүдийг хэрхэн өгөх талаар суралцана. Үүнийг бид div ба span элементүүдийн жишээн дээр хийх болно. div - бол бусад элементүүдийнхээ контейнер элемент юм. div элемент бусад хэсгээс хэсгийн зайгаар тусгаарлагддаг. Харин div -ээс ялгаатай нь span нь мөрийн блок үүсгэдэг.
Жишээн дээр авч үзье. Доорх код бүхий html хуудсыг үүсгээрэй.
<html>
<head>
<title>Хуудасны толгой</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="first">Энэ бол id="first" тодорхойлогчтой div тегийн текст.</div>
<div id="second">
<div id="third">Энэ бол id="third" тодорхойлогчтой div тегийн текст.</div>
<div id="fourth">Энэ бол id="fourth" тодорхойлогчтой div тегийн текст.</div>
</div>
</body>
</html>
Хуудсаа хөтөч дээр харцгаая.
функцийн уламжлалыг тооц.
утгыг ол.
ба 
векторууд перпендикуляр бол y -ийн утгыг ол.