лабораторийн ажил 2
•Download as DOCX, PDF•
0 likes•533 views
Convert to study guideBETA
Transform any presentation into a summarized study guide, highlighting the most important points and key insights.
лабораторийн ажил 2
- 1. Лабораторийн ажил 2<br />Зорилго: <br />HTML кодчиллын хүрээ үүсгэх болон холболт хийх tag-уудтай танилцаж, тэдгээрийг ашигласан жишээ бичиж ажиллуулах.<br />Бэлтгэл: <br />Ямар нэг текст боловсруулах програм нээх. (Notepad, UltraEdit32 г.м) <br />Гүйцэтгэх даалгавар 1. Хүрээ үүсгэх<br />Дараах хэлбэрийн хүрээ үүсгэх жишээ бич. <br />“Фрейм6” гэсэн холбоос дээр дарахад www.yahoo.com хаяг “зүүн фрейм” дээр нээгдэнэ. <br />Фрейм5 текст дээр дарахад www.google.mn хаяг фрейм3 дээр нээгдэнэ.<br />Фрейм4 текст дээр дарахад фреймүүд анхны төлөвтөө буюу доорх байдлаар харагдана.<br />“зүүн фрейм”фрейм2фрейм3фрейм4фрейм5фрейм6<br />Фрейм үүсгэх<br />Frame кодчилол ашигласнаар нэгээс олон хуудас(html файл)-ыг браузер дээр нэгэн зэрэг харах боломжтой болно. HTML хуудсууд нь FRAME гэж нэрлэгдэх хэсэг бүрт гарна. Frame бүр нь биеэ даасан өөр өөр файлуудыг дуудаж харуулдаг. <br />Анхаарах зүйл: Хуудсыг хүрээнүүдэд хувааж байгаа кодчиллын хэсэг буюу frameset tag-ийг агуулж буй html файлд <body>... </body> tag-ийг ашигладаггүй.<br /><frameset> - Frame хуваах тохиргоо хийнэ.<br /><frame> - Хүрээг харуулна.<br /><noframes> - Хүрээг харуулахгүй. <br /><iframe> - Цонхыг хуваалгүйгээр хүрээг харуулна.<br />Жишээ: frameset cols кодчилол цонхыг баганы дагуу хуваана. Эхний багана нь цонхны 30%, нөгөө нь 70%-ийг эзэлнэ. /slideshow/2-5163446/5163446/quot; lab1.htm/slideshow/2-5163446/5163446/quot; файл нь эхний баганад, /slideshow/2-5163446/5163446/quot; lab2.htm/slideshow/2-5163446/5163446/quot; файл нь хоёр дахь баганад тус тус гарна. <br /><html> <br /><frameset cols=/slideshow/2-5163446/5163446/quot; 30%,70%/slideshow/2-5163446/5163446/quot; ><br /> <frame src=/slideshow/2-5163446/5163446/quot; lab1.htm/slideshow/2-5163446/5163446/quot; ><br /> <frame src=/slideshow/2-5163446/5163446/quot; lab2.htm/slideshow/2-5163446/5163446/quot; > <br /></frameset> <br /><html><br />Сүүлийн багана буюу цонхны 70%-ийг эзэлж буй фреймийг дахин мөрийн дагуу 2 хуваах бол:<br /><html> <br /><frameset cols=/slideshow/2-5163446/5163446/quot; 30%,70%/slideshow/2-5163446/5163446/quot; ><br /> <frame src=/slideshow/2-5163446/5163446/quot; lab1.htm scrolling=/slideshow/2-5163446/5163446/quot; NO/slideshow/2-5163446/5163446/quot; noresize><br /> <frameset rows=/slideshow/2-5163446/5163446/quot; 50%,50%/slideshow/2-5163446/5163446/quot; frameborder=/slideshow/2-5163446/5163446/quot; NO/slideshow/2-5163446/5163446/quot; > <br /> <frame src=/slideshow/2-5163446/5163446/quot; lab2/slideshow/2-5163446/5163446/quot; name=/slideshow/2-5163446/5163446/quot; topFrame/slideshow/2-5163446/5163446/quot; scrolling=/slideshow/2-5163446/5163446/quot; NO/slideshow/2-5163446/5163446/quot; ><br /> <frame src=/slideshow/2-5163446/5163446/quot; lab3/slideshow/2-5163446/5163446/quot; name=/slideshow/2-5163446/5163446/quot; mainFrame/slideshow/2-5163446/5163446/quot; ><br /> </frameset><br /></frameset><br /></html><br />noresize - Браузер дээр фреймийн хэмжээг өөрчлөх боломжгүй<br />frameborder – Фреймийн хүрээний өргөн. “NO” утгатай бол хүрээг харуулахгүй.<br />name – Фреймийн энэ шинж чанараар үүсгэж буй фреймд нэр өгөх ба энэ нэр нь <a> tag-ийн target шинж чанарт ашиглагдана. <br />scrolling – Фрейм дээр scrollbar гарах эсэх<br />Гүйцэтгэх даалгавар 2. Холбоос хийх<br /><a> - Вэб хуудас дээрх бүх төрлийн холболт хийх tag. <br />Алхам 1. <a> tag ашигласан жишээ бич.<br /> <a href=/slideshow/2-5163446/5163446/quot; csms.edu.mn/slideshow/2-5163446/5163446/quot; target=/slideshow/2-5163446/5163446/quot; _blank/slideshow/2-5163446/5163446/quot; > <br />Холболт хийх текст</a><br /> href – холболт хийх хаяг<br />target - холбогдсон хаяг хаана нээгдэхийг тодорхойлно. <br />_blank – шинэ цонхон дээр нээгдэх <br />_self – холбоос текстийг агуулж буй фрейм дээр нээгдэх<br />_parent – нээлттэй байгаа цонхон дээр нээгдэх<br />эсвэл уг цонх нээгдэх фреймийн нэр байж болно.<br />Алхам 2. <a> tag-ийн name шинж чанарыг ашигласан жишээ бич. <br />Жишээ, “3-р зураг руу шилжих” гэсэн холбоос текст дээр дарахад 3-р зураг буюу сүүлийн зураг руу шилжих.<br /><html><br /><body><br /> <a href=/slideshow/2-5163446/5163446/quot; #last/slideshow/2-5163446/5163446/quot; >3-р зураг руу шилжих</a> <br /> <p><img src=“pic1.jpg”width=200 height=200>Зураг1 <br /> <p><img src=”pic2.jpg”width=200 height=200>Зураг2<br /> <p><a name=/slideshow/2-5163446/5163446/quot; last/slideshow/2-5163446/5163446/quot; ><br /><img src=”pic3.jpg” width=200 height=200> <br />Зураг3<br /> </a> <br /></body><br /></html><br />