Макетыг кодлох. Хичээл 2

Өмнөх хичээлд бид сайтын төлөвийн мөрийг html кодод хөрвүүлсэн. Дараагийн хэсэг болох сайтын толгой хэсэг, агуулгын хэсгийн цэсний үеийн кодлолыг энэ хичээлээр үзнэ.

Сайтын толгой.

Кодолж эхлэхийн өмнө фотошоп файлын толгойн хэсгийн үеүүдийн бүлгийн (Header) зохион байгуулалтыг харцгаая.

Материалыг бүртгэлтэй хэрэглэгч үзнэ.

how_to_regБүртгүүлэх

Мэдээлэл таалагдсан бол найзуудтайгаа хуваалцаарай.

Холбоотой материалууд
Жагсаалт

  Нээгдсэн тоо: 1205 Төлбөртэй

Дугаарлагдсан жагсаалт

Ямар нэгэн байдлаар дугаарлагдсан жагсаалт юм. Дугаараар араб тоо, ром тоо эсвэл үсгүүд байж болно. Жагсаалт дугаарлагдсан гэдгийг хөтөчид заан өгөхдөө <ol></ol> тегийг ашиглана. Бүх жагсаалт эдгээр тегийн хооронд байрлах бөгөөд пункт болгон <li></li> тегээр өгөгдөнө.

Дугаарлагдсан жагсаалтын жишээ

<html>
<head>
    <title>Дугаарлагдсан жагсаалт</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
    <ol>
    <li>Адуу</li>
    <li>Үхэр</li>
    <li>Хонь</li>
    </ol>
</body>
</html>
Карт.(map)

  Нээгдсэн тоо: 1889 Төлбөртэй

Олон html хуудаснуудад холбоост дүрсний карт (map) гэж нэрлэгдэх зохион байгуулалтыг ашигладаг. Ийм зохион байгуулалт хийхдээ зураг аваад түүний төрөл бүрийн хэсэгт холбоос хийж өгдөг. Хамгийн өргөн дэлгэрсэн жишээ бол аялагчдадын дэлхийн карт юм. Карт дээрээс сонирхсон орны газрын зураг дээр дарахад энэ улсын тухай хуудаст шилжих жишээтэй. Ийм дүрсний карт нь хэрэглэгчийн болон серверийн байж болдог. Хэрэглэгчийн дүрсний картын холбоос тухайн материалдаа хадгалагдан түүн дээр хулганаар даралт хийхэд хөтөч дарагдсан цэгийн координат ямар хэсэгт харьяалагдахыг өөрөө тодорхойлоод хэрэгтэй холбоосоор шилжүүлэлтийг хийнэ. Харин серверийн хувилбарын үед даралт хийгдсэн цэгийн координатууд эхлээд серверт дамжуулагдан тусгай программаар боловсруулалт хийгдсэний дараа холбоосын шилжилт хийгдэнэ. Эндээс хэрэглэгч талын дүрсний карт нь илүү гэдэг нь тодорхой. Түүнийг бид үзэх болно.

HTML хуудасны бүтэц

  Нээгдсэн тоо: 3617 Нийтийн

Хөтөч хуудсыг хүлээн аваад түүнийг ямар байдлаар хөрвүүлэхээ тодорхойлдог. Хуудасны хамгийн эхний тег нь <HTML> байх ёстой. Учир нь энэ тег нь таны хуудсыг HTML дээр бичигдсэн гэдгийг хөтөчид мэдэгдэж байгаа юм. Хамгийн жижиг HTML хуудас нь доорх хэлбэртэй байна:

<HTML> ...Хуудасны бие хэсэг... </HTML>

Хуудасны толгойн хэсэг <HEAD> болон түүний элементүүд

Хуудасны толгойн хэсгийн тэг нь <HTML> тэгийн араас шууд байрлах ба хуудасны бие хэсэгт дахин хаана ч ашиглагдахгүй. Энэхүү тег нь хуудасны ерөнхий утгыг илэрхийлдэг бөгөөд хуудасны харагдах хэлбэрт ямарч нөлөө үзүүлдэггүй. <HEAD> тегийн дотор ямар нэгэн текст бичихгүй байх хэрэгтэй. Нээлтийн <HEAD> тегийн араас <TITLE>, <BASE>, <LINK>,<SCRIPT> г.м хуудасны тодорхойлогч тегүүд байрлах бөгөөд бүх тодорхойлолтыг дууссны дараа </HEAD> тег бичигдэнэ.

Хөгжим оруулах

  Нээгдсэн тоо: 1844 Төлбөртэй

html хуудасны хөгжим

Веб хуудас дээр дэвсгэр хөгжим оруулан өгч болдог. Хэрэглэгч хөгжим сонсох хэрэгслээ залгасан бол хуудсыг нээхэд хөгжим тоглож эхлэх юм. Үүний тулд WAV, AU, MIDI форматын аудио файл хэрэгтэй болно. Ийм файлыг C:\WINDOWS\Media хавтасаас эсвэл интернетээс татан авч болно. Аудио файлаа html хуудас байгаа хавтастаа хуулан өгөөд хөгжим оруулах гэж буй хуудасныхаа кодын head тэгэд дараах тегийг нэмэн өгнө.   

<bgsound src="Yesterday_Beatles.mid" loop="1"></bgsound>

<bgsound> тегийн талаар хэлэхэд энэхүү тег нь HTML -ийн бүрэлдхүүнд албан ёсоор ордоггүй Microsoft -ийн Internet Explorer хөтөч зориулсан санаачлага тул бусад ихэнх хөтөч тегийн боловсруулалтыг хийдэггүй.

Статик гишүүд…

Класс ба структурт ердийн талбар, арга, шинжүүдээс гадна статик талбар, арга, шинжүүд байж болдог. Статик талбар, арга, шинжүүд…

Нээгдсэн тоо : 150

 
useRef

Хичээлээр useState -тэй тун төстэй useRef хукийн талаар авч үзье. useRef хукийн онцлог ашиглалтыг компонент хэдэн удаа дахин…

Нээгдсэн тоо : 123

 
Тоог ихэсгэх

Хүүхдүүд тооны хичээлийг анхнаасаа зөв ойлгон сураагүйгээс анги ахих тусмаа математикийн хичээлийнн хоцрогдолоос болоод дургүй болох тал байдаг.…

Нээгдсэн тоо : 312

 
Графикийн паттерн.…

Нийтлэлээр графикийн хэвүүдийн /GUI pattern/ түүхийг авч үзье. Боловсруулалтын графикийн хэвүүдийг 30 гаруй жилийн туршид боловсруулж байгаа бөгөөд…

Нээгдсэн тоо : 167

 
Аргын хэт…

Хааяа өөр өөр параметрүүдийн багцтай нэг аргыг үүсгэх шаардлага гардаг. Ирсэн параметрүүдээс хамааран аргын тодорхой хэрэгжүүлэлтийг хэрэглэнэ. Ийм…

Нээгдсэн тоо : 196

 
Vuex -ийг…

Ямарч програмын ажиллагааны чухал хэсэг бол төрөл бүрийн мэдээллийн боловсруулалт, тэдгээртэй ажиллахтай холбоотой байдаг. Иймээс энэ хичээлээс vuejs…

Нээгдсэн тоо : 139

 
useEffect

Хичээлээр react -ийн хукуудаас их өргөн ашиглагддаг useEffect -ийн талаар авч үзье. useEffect -ийн ажиллагааг судлах хуудасны кодийг

…

Нээгдсэн тоо : 138

 
Тоон болон…

Илэрхийлэл бол математикийн хэлний үндэс болсон суурь ойлголтуудын нэг. Математикийн илэрхийллийг тооцооны алгоритм, аксиом, теорем, бодлогын нөхцлүүд гээд…

Нээгдсэн тоо : 264

 
Програмчлалын хэвүүд…

Програм зохиох бол нарийн төвөгтэй ажил. Ямар ч програмын хувьд өөрийн хийх ажлаа гүйцэтгэхийн чацуу цаашдаа хөгжих, ажлын…

Нээгдсэн тоо : 189

 
Энэ долоо хоногт
Бодлого 7.065

тэгшитгэлийг бод.

Нээгдсэн тоо : 1140

 
Бодлого 14.036

хязгаарыг бодоорой.

Нээгдсэн тоо : 720

 
Бодлого 8.073

Ангийн нийт сурагчдын 60% нь эмэгтэй сурагчид байдаг. Ангиас санамсаргүйгээр нэг сурагч сонгоход эрэгтэй сурагч байх магадлалыг ол.

Нээгдсэн тоо : 1124

 
© 2014 Зохиогчийн эрхээр хамгаалагдсан. Холбогдох