Миний блог сайт: 2018

Sunday, November 18, 2018

Флэш программын дасгал

https://drive.google.com/file/d/1ikLHsuMqrcmZRtxgd3YwPjURgCAm3Jkf/view?usp=sharing

Sunday, November 4, 2018

Flash программын хичээл

Дараах холбоосоор татан авна уу

https://drive.google.com/file/d/1XDxLeMXatsfw8ml38TIzlADqJcrDPaEJ/view?usp=sharing

Sunday, October 21, 2018

<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Текстийн сүүдэр!</title>

<style>
a:hover {
color: #0a0a0a;
text-shadow:
1px 1px #61b4de, 2px 2px #61b4de, 3px 3px #61b4de, 4px 4px #61b4de, 5px 5px #61b4de,
6px 6px #91c467, 7px 7px #91c467, 8px 8px #91c467, 9px 9px #91c467, 10px 10px #91c467,
11px 11px #f3a14b, 12px 12px #f3a14b, 13px 13px #f3a14b, 14px 14px #f3a14b, 15px 15px #f3a14b,
16px 16px #e84c50, 17px 17px #e84c50, 18px 18px #e84c50, 19px 19px #e84c50, 20px 20px #e84c50,
21px 21px #4e5965, 22px 22px #4e5965, 23px 23px #4e5965, 24px 24px #4e5965, 25px 25px #4e5965;
}
a {
color: #0000ff;
font-family: Arial;
font-size: 50px;
transition: 1s all ease;
text-decoration: none;
text-shadow:
1px 1px #61b4de,
2px 2px #91c467,
3px 3px #f3a14b,
4px 4px #e84c50,
5px 5px #4e5965;
}
</style>
</head>
<body>
<a href="#">УС БОЛ ЧАНДМАНЬ ЭРДЭНЭ</a>
</body>
</html>

CSS Transition - 2

Обьектийн хүрээ, өнгө, хэлбэр, байрлал, уусалтын шилжилт хөдөлгөөн.

HTML код

<body>

<div class="box"><div class="one"> Хүрээ, дэвсгэр өнгө, хэлбэр </div></div> <br>

<div class="box"><div class="two"> Хэлбэр, дэвсгэр өнгө, эргэлт </div></div> <br>

<div class="box"><div class="three">Гадна хүрээ </div></div> <br>

<div class="box"><div class="four"> Хэмжээ </div></div> <br>

<div class="box"><div class="five"> Байрлал </div></div> <br>

<div class="box"><div> Зургийн уусалт </div> <img src="car.jpeg"> </div> <br>

<div class="box"><div class="six"> Дэвсгэр зургийн байрлал </div></div> <br>

</body>

CSS код

<style>

body { font-family: arial; margin: 0; text-align: center } /* хуудасны үндсэн хэлбэр тодорхойлох */

div, img { /* хуудасны бүх муж болон зурагт шилжилт оруулах */

transition: 1s ease-in-out; } /* шилжилт 1 секундэд, жигд хийгдэх */

.one, .two, .three { /* 3 классын хэлбэр тодорхойлох */

border: 5px solid transparent; /* мужийн хүрээ тодорхойлох */

width: 200px; /* мужийн өргөн тодорхойлох */

height: 100px; /* мужийн өндөр тодорхойлох */

margin: 0 auto; /* 4 захаас авах зай */

padding: 10px; } /* дотор зай */

.one { /* класс тодорхойлох */

background-color: #B0CBC4; } /* дэвсгэр өнгө тодорхойлох */

.one:hover { /* хулгана байрлах үеийн хэлбэр тодорхойлох */

border: #0000FF; /* хүрээний өнгө тодорхойлох */

background-color: #FF0000; /* дэвсгэр өнгө тодорхойлох */

border-radius:50%; } /* хүрээний өнцөг тодорхойлох */

.two {

background-color: #9F908F; }

.two:hover {

border: 5px inset #9F908F; /* дотор хүрээ тодорхойлох */

background-color: #E0CABB;

transform: rotateZ(-30deg); } /* мужийн эргэлтийн хэмийг тодорхойлох */

.three {

background-color: #FBE2A9;

border: 5px solid #FFD18F;

outline: 5px solid transparent; }

.three:hover {

outline: 5px solid #9E8463; /* мужийн гадна хүрээний өргөн, өнгө тодорхойлох*/

outline-offset: 5px; }

.four {

width: 200px;

height: 100px;

background-color: #95A1B1;

margin: 0 auto; }

.four:hover {

width: 250px;

height: 80px; }

.five {

width: 100px;

height: 100px;

background-color: #E0CABB;

margin: 0 auto;

position: relative; /* мужийн байрлал тодорхойлох (харьцангуй) */

left: 50px; }

.five:hover {

left: -50px; } /* зүүн талруу шилжих зай тодорхойлох */

img:hover {opacity: 0.5;}

.six {

width: 200px;

height: 200px;

margin: 0 auto;

background: url("ball.png"); /* дэвсгэр зураг тодорхойлох */

background-repeat: no-repeat; /* дэвсгэр зурагт давталт хийхгүй */

background-position: bottom center; } /* дэвсгэр зургийн байрлал тодорхойлох (доод) */

.six:hover {

background-position: top center; } /* дэвсгэр зургийн байрлал тодорхойлох (дээд) */

</style>

CSS Transition - 1

Обьектийн хэмжээ өөрчлөх.

HTML код

<body>

<div></div> /* муж тодорхойлох */

</body>

CSS код

<style>

div { /* мужийн хэлбэр тодорхойлох */

width: 50px; /* мужийн өргөн */

height: 50px; /* мужийн өндөр */

background: red; /* мужийн өнгө */

transition-property: width; /* шилжилтийн өөрчлөх шинж чанар */

transition-duration: 2s; /* шилжилтийн үргэлжлэх хугацаа */

transition-timing-function: linear; /* шилжилтийн хурдатгалын төрөл */

transition-delay: 1s;} /* шилжилт эхлэх хугацаа */

div:hover { /* хулгана дээр нь очих үеийн хэлбэр тодорхойлох */

width: 300px; } /* өргөн */

</style>

Tuesday, October 9, 2018

Вэб темплэйт

Дараах холбоосоор татаж авна уу

https://drive.google.com/file/d/1n6y_SR8zmED2mz-eUzual68lDIJlj3ML/view?usp=sharing

Monday, October 8, 2018

МХТ хичээлийн бие даалтын удирдамж

Удирдамжийг дараах холбоосоор татан авч үзнэ үү

https://drive.google.com/file/d/1u2Wh61IqimPkxFkR_ZGdR0T2qblOKU3M/view?usp=sharing

Thursday, May 17, 2018

WP mon language

https://drive.google.com/file/d/1sxP1xXsV9xC6cMOj5MbwTRVUxoMqt2dP/view?usp=sharing

Tuesday, May 15, 2018

Wordpress системийн хичээл

Дараах холбоосоор PDF номыг татаж авна уу!

https://drive.google.com/file/d/1XEwLbP4roOaTUNYEY6cCzyjVA3BaWZm6/view?usp=sharing

Дараах холбоосоор Wordpress суулгах зааврыг татаж авна уу!

https://drive.google.com/file/d/1SNNQ9boVPsCVeZEOLqSsfqgShSvgkJHB/view?usp=sharing

Thursday, May 10, 2018

Web Template

https://drive.google.com/file/d/1vOqnvq57crYPrhjvMchOrzpTeRRno5Rg/view?usp=sharing

Monday, May 7, 2018

Дэлгүүрийн хаяг жишээ

Wednesday, April 25, 2018

InDesign Video Lesson-5

https://drive.google.com/file/d/16l0MoTJx7zZbgKS_O567XrtPEs4yF_lV/view?usp=sharing

Tuesday, April 24, 2018

InDesign Video Lesson-4

https://drive.google.com/file/d/1rTSJID6Wh3mak08XDsJMizFFHcJDySdE/view?usp=sharing

Wednesday, April 18, 2018

InDesign лаборатори ажил

Дараах холбоосоор татаж авна уу.

https://drive.google.com/file/d/1CtuTZbWW6b83LggnIw2SfZLP-Sa6SuXu/view?usp=sharing

Thursday, April 12, 2018

Hot Potatoes программын хичээ, суулгацын файл

Хичээлийг эндээс татна уу.
https://drive.google.com/file/d/16zGt1k_px1p_VZHxFXGUn9MfXhSXBPI1/view?usp=sharing

Суулгацыг эндээс татна уу.
https://drive.google.com/file/d/1PXy9d2KcML1nlFnL-SSfpYXEmMW75GL8/view?usp=sharing

Tuesday, April 10, 2018

Судалгаа бөглөнө үү

https://goo.gl/forms/X0j80cdiT0BnDQTJ3

Monday, April 9, 2018

МХТ явцын шалгалт

Тест татах
https://drive.google.com/file/d/1b90VOyTq1RKaUV5T55JL5FD3O59KkN4K/view?usp=sharing

Thursday, April 5, 2018

МХТ МИНИЙ МЭРГЭЖИЛД УРАЛДААНЫ ЗАР, УДИРДАМЖ

Файлыг дараах холбоосоор татаж авч үзнэ үү
https://drive.google.com/file/d/19ka-iK4aBrM6g6Ir35IdOUhALdrfbTfC/view?usp=sharing

Tuesday, April 3, 2018

Adobe InDesign онол, дасгал

Онол
https://drive.google.com/file/d/1I2YUAmJ8vFcfKDagRUR3JaS2b8KDh2XR/view?usp=sharing
Дасгал ажил
https://drive.google.com/file/d/169w9zeTTuUI4kYLVKVuBEBmZ4J1wZaoN/view?usp=sharing

Thursday, March 29, 2018

Camtasia lesson

https://drive.google.com/file/d/1sCDhx-hwSHV0yExaBdECVbABWcK0eR_d/view?usp=sharing

Movie Maker программын суулгац

Доорх холбоосоор татаж авна уу

https://drive.google.com/file/d/1C3V3nXnxMQSTfk2713ywLxgfzTvRKGnj/view?usp=sharing

Wednesday, March 28, 2018

Adobe InDesign lesson

https://drive.google.com/file/d/1aRd1At7tK6pj_faLEzxVQg25vZJbBH7A/view?usp=sharing

Tuesday, March 20, 2018

Зураг засварлах хичээлийн файлууд

Wednesday, March 14, 2018

График эх бэлтгэл, Явц-1

Дараах холбоосоор татна уу!
https://drive.google.com/file/d/1jEIQYZivMotlpNG28-y4PKQgmlNKtnHb/view?usp=sharing

Tuesday, February 27, 2018

ГРАФИК ЭХ БЭЛТГЭЛ ХИЧЭЭЛИЙН БИЕ ДААЛТЫН УДИРДАМЖ

Дараах холбоосоор татаж авна уу.
https://drive.google.com/file/d/1qTN85Fp5XLP5Rd86Xw93v3A8dkS5MJ4T/view?usp=sharing

Saturday, February 24, 2018

МХТ хичээлийн дасгал ажил 2018-02-27

Wednesday, February 21, 2018

Layer Mask дасгал

Monday, February 19, 2018

MS Word дасгал ажил

Monday, February 12, 2018

MS-Word программын хичээл

Дараах холбоосоор татаж авна уу

https://drive.google.com/file/d/1FSxusIHtwRWtBFzHyUB0_zuqw0kN_WuW/view?usp=sharing

Friday, November 30, 2018