know yourselves. information, computer, 7 wonders, various.

Tuesday, March 10, 2020

Dreamweaver_ part14_Main āĻŽেāύু āϤৈāϰি āĻ•āϰা, Main menu āϤে Image āĻ“ Hover āϏেāϟ āĻ•āϰা




Main āĻŽেāύু
āφāĻŽāϰা āĻāĻ–āύ āĻŽেāχāύ āĻŽেāύু āύাāĻŽে āĻāĻ•āϟি āĻŦাāϰ āϤৈāϰি āĻ•āϰāĻŦ । āϝাāϰ āĻŽāϧ্āϝে āϤিāύāϟি āĻŦাāϟāύ āĻĨাāĻ•āĻŦে । āφāĻŽāϰা āφāĻŽাāĻĻেāϰ āϏাāχāϟāϟিāĻ•ে Div Tag āĻāϰ āĻŽাāϧ্āϝāĻŽে āĻŦিāĻ­āĻ•্āϤ āĻ•āϰে āύি⧟েāĻ›ি। āĻ•িāĻ­াāĻŦে  Div Tag āĻāϰ āĻŽাāϧ্āϝāĻŽে āĻĒেāϜ āĻŦিāĻ­āĻ•্āϤ āĻ•āϰāϤে āĻšā§Ÿ āϤা āφāĻĒāύাāϰা āĻĻেāĻ–েāĻ›েāύ । āωāĻĒāϰে āϰ⧟েāĻ›ে #header āϤাāϰāĻĒāϰ #maincontent āĻĄাāύে #sidebar āύিāϚে #footer । āφāĻŽāϰা #header  āĻāϰ āĻŽāϧ্āϝে āφāϰ āĻāĻ•āϟি āĻŽেāύু āϤৈāϰি āĻ•āϰāĻŦ । āϚāϞুāύ āĻļুāϰু āĻ•āϰি।
ā§§. CSS Styles āĻĒ্āϝাāύেāϞ āĻĨেāĻ•ে #header āĻ āĻ•্āϞিāĻ• āĻ•āϰে āϏিāϞেāĻ•্āϟ āĻ•āϰুāύ।

⧍. āĻ•াāϰ্āϏāϰ āĻĻি⧟ে header āĻāϰ Image āĻāϰ āωāĻĒāϰ āĻ•্āϞিāĻ• āĻ•āϰে āĻ•ি āĻŦোāϰ্āĻĄ āĻĻি⧟ে āϰাāχāϟ Arrow āϚেāĻĒে Enter āĻĻিāύ। Image āĻāϰ āύিāϚে header  āĻāϰ āĻŽāϧ্āϝে āĻĢাঁāĻ•া āϜা⧟āĻ—া āϤৈāϰি āĻšāĻŦে।

ā§Š. āĻāĻ–াāύে āĻ•াāϰ্āϏāϰ āĻĨাāĻ•া āĻ…āĻŦāϏ্āĻĨা⧟ āĻāĻ•āϟি Div Tag āϤৈāϰি āĻ•āϰāĻŦ Mainmenu āύাāĻŽে। Common tab āĻĨেāĻ•ে Insert Div Tag  āĻ āĻ•্āϞিāĻ• āĻ•āϰুāύ।

Insert āĻ…āĻĒāĻļāύে At insertion point āϰাāĻ–ুāύ, ID āϘāϰে āύাāĻŽ āĻĻিāύ Mai menu .OK āĻ•āϰুāύ। āϞāĻ•্āώ্āϝ āĻ•āϰুāύ Main menu āύাāĻŽে āĻāĻ•āϟি Div Tag   āϤৈāϰি āĻšā§ŸেāĻ›ে।

ā§Ē. Code view āϤে āϝাāύ। āϞāĻ•্āώ্āϝ āĻ•āϰুāύ header Tag āĻāϰ āĻŽāϧ্āϝে Main menu Div Tag   āϟি āĻ…āĻŦāϏ্āĻĨাāύ āĻ•āϰāĻ›ে।

ā§Ģ. āĻĒেāϜে āĻĢিāϰে āφāϏুāύ । āϝে āĻŽেāύু āĻ—ুāϞো āĻĻিāϤে āϚাāύ Enter āĻĻি⧟ে āϏেāχ āύাāĻŽāĻ—ুāϞো āϞিāĻ–ুāύ। āφāĻŽāϰা āĻĻিāϞাāĻŽ Home About us, Products । āϞেāĻ–া āϤিāύāϟিāĻ•ে āϏিāϞেāĻ•্āϟ āĻ•āϰে Properties āĻĒ্āϝাāύেāϞ āĻĨেāĻ•ে Unordered list āĻ•āϰে āĻĻিāύ।

āĻāĻ–āύ āφāĻŽāϰা āĻāĻ•āϟি style āϤৈāϰি āĻ•āϰāĻŦ Unordered list āĻāϰ āωāĻĒāϰ ।
ā§Ŧ. CSS Styles āĻĒ্āϝাāύেāϞ āĻĨেāĻ•ে New CSS Rule āĻŦাāϟāύে āĻ•্āϞিāĻ• āĻ•āϰুāύ। New CSS Rule āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏ āφāϏāϞে Selector Name āϘāϰে liāĻŽুāĻ›ে āĻĻি⧟ে OK āĻ•āϰুāύ। āĻ•িāĻ›ু Properties āϏেāϟ āĻ•āϰাāϰ āϜāύ্āϝ CSS Rule definition āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏ āφāϏāĻŦে।

ā§­. Box āϘāϰে Width 100% āĻĄাāύে Px āϘāϰেāϰ āύিāύ্āĻŽāϤীāϰে āĻ•্āϞিāĻ• āĻ•āϰে % āϏিāϞেāĻ•্āϟ āĻ•āϰে āĻĻেāύ। āϝāϤāϟুāĻ•ু āϞেāĻ–া āϤāϤāϟুāĻ•ু Width āĻĨাāĻ•āĻŦে। Float āĻ•āϰে āĻĻিāύ left, Padding=0 Margin=0.
ā§­. List āϘāϰে list style –type āϘāϰে None āĻāĻŦং list style āϘāϰে None āĻ•āϰে āĻĻেāχ । Positioning āϘāϰে Width 100% āĻ•āϰে āĻĻেāύ। Apply āĻ•āϰে OK āĻ•āϰুāύ। āϞāĻ•্āώ্āϝ āĻ•āϰুāύ Unordered list āĻ—ুāϞো āϚāϞে āĻ—ি⧟ে āĻāĻ•āĻĻāĻŽ āĻŦাāĻŽ āĻĒাāĻļে āĻ…āĻŦāϏ্āĻĨাāύ āĻ•āϰāĻ›ে।

āĻāĻŦাāϰ āĻŽেāύু āĻ—ুāϞোāĻ•ে āĻĒাāĻļাāĻĒাāĻļি āφāύাāϰ āϜāύ্āϝ āφāϰāĻ“ āĻāĻ•āϟি style āϤৈāϰী āĻ•āϰāĻŦ।
⧝. āĻŽেāύু āĻ—ুāϞো āϏিāϞেāĻ•্āϟ āĻ•āϰে CSS Styles āĻĒ্āϝাāύেāϞ āĻĨেāĻ•ে New CSS Rule āĻŦাāϟāύে āĻ•্āϞিāĻ• āĻ•āϰে New CSS Rule āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏ āφāϏāϞে Selector Name āϘāϰে ul āĻāϰ āĻĄাāύে li āϞিāĻ–ে āĻĻিāύ। āĻ…āϰ্āĻĨাā§Ž āĻāĻŦাāϰ āφāĻŽāϰা list  āĻāϰ āωāĻĒāϰ Style āϤৈāϰি āĻ•āϰāĻŦ। OK āĻ•āϰুāύ।

ā§§ā§Ļ. CSS Rule defination āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏেType āϘāϰে Font Family āύাāĻŽāĻ• āĻĻেāχ Arial ,Helvetica , Sens- Serif ; Block āϘāϰে Display āĻāϰ āĻĄ্āϰāĻĒ āĻĄাāωāύ āĻĨেāĻ•ে Block ; Box āϘāϰে Padding āĻ Some of all āϟি āϚিāĻš্āύ āωāĻ ি⧟ে āĻĻি⧟ে top =10 Left=30 ; MargināĻ Some of all āϟি āϚিāĻš্āύ āωāĻ ি⧟ে āĻĻি⧟ে Left=30,Float=Left āĻ•āϰে Apply āĻĻি⧟ে OK āĻ•āϰুāύ।

āĻĻেāĻ–ুāύ āĻŽেāύু āĻ—ুāϞো āĻĒাāĻļাāĻĒাāĻļি āĻ…āĻŦāϏ্āĻĨাāύ āĻ•āϰāĻ›ে ।

āĻāĻŦাāϰ āφāĻŽāϰা āĻļুāϧু Box āϟিāϰ āωāĻĒāϰ āĻāĻ•āϟি Style āĻ•āϰāĻŦো্
ā§§ā§§. āĻŦāĻ•্āϏāϟিāĻ•ে āϏিāϞেāĻ•্āϟ āĻ•āϰে CSS Styles āĻĒ্āϝাāύেāϞ āĻĨেāĻ•ে New CSS Rule āĻŦাāϟāύে āĻ•্āϞিāĻ• āĻ•āϰুāύ।

⧧⧍. New CSS Rule āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏ āφāϏāϞে Selector NameāϘāϰেāϰ ul āĻŽুāĻ›ে āĻĻিāϤে āĻšāĻŦে। āĻ…āϰ্āĻĨাā§Ž #header# mainmenu āϞেāĻ–া āĻĨাāĻ•āĻŦে। āĻ…āϰ্āĻĨাā§Ž āĻŦāĻ•্āϏেāϰ āωāĻĒāϰ āĻĒ্āϰāĻ­াāĻŦ āĻĒāϰāĻŦে। OK āĻ•āϰুāύ।

ā§§ā§Š. CSS Rule definition āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏে āĻ•িāĻ›ু Properties āϏেāϟ āĻ•āϰুāύ। Positioning  Width 350 px , heihgt =30px ; Position=absolute ; Placement āĻ Top= Top= 30 ; Left=235 Apply āĻ•āϰে OK āĻ•āϰুāύ।

āĻĻেāĻ–āϤে āĻĒাāĻŦেāύ āĻŦāĻ•্āϏāϟি Image āĻāϰ āωāĻĒāϰ āωāĻ ে āĻĒ⧜āĻŦে। āĻāĻ–াāύ āĻĨেāĻ•ে āφāĻŽāϰা āĻĄ্āϰাāĻ— āĻ•āϰে āϜা⧟āĻ—া āĻŽāϤ āĻŦāϏাāϤে āĻĒাāϰāĻŦ।

āĻŦāĻ•্āϏāϟিāĻ•ে āϚাāχāϞেāχ āĻāĻŦাāϰ āφāĻĒāύি āĻĄ্āϰাāĻ— āĻ•āϰে āĻŽুāĻ­ āĻ•āϰāϤে āĻĒাāϰāĻŦেāύ।

ā§§ā§Ē. āĻŦāĻ•্āϏāϟিāϰ Manu āĻ—ুāϞো āϏিāϞেāĻ•্āϟ āĻ•āϰে āφāĻĒāύাāϰ āϏāĻšāĻļ্āϞিāώ্āϟ link āϤৈāϰী āĻ•āϰে āύিāύ।  āĻ•িāĻ­াāĻŦে link āϤৈāϰি āĻ•āϰāϤে āĻšā§Ÿ āϤা āφāĻĒāύাāϰা āφāĻ—েāχ āĻĻেāĻ–েāĻ›েāύ।
Main menu  āϤে Image āϏেāϟ āĻ•āϰা
Main menu āϤে āĻŦৈāϚিāϤ্āϰ āφāύাāϰ āϜāύ্āϝ āφāĻŽāϰা āĻŽেāύু āϞিāϏ্āϟ Style āϟি āϤে āĻ—ি⧟ে āĻŦিāĻ­িāύ্āύ āĻ­াāĻŦে Properties āϏেāϟ āĻ•āϰāϤে āĻĒাāϰি।
ā§§ā§Ģ. āĻĄাāύ āĻĻিāĻ•ে CSS Styles āĻĒ্āϝাāύেāϞে #header# mainmenu ul li āϞেāĻ–া style āϟি āϰ āωāĻĒāϰ āĻĄাāĻŦāϞ āĻ•্āϞিāĻ• āĻ•āϰুāύ ।

ā§§ā§Ŧ. CSS Rule defination āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏ āφāϏāϞে Backgroud āĻŦāĻ•্āϏে Backgroud Image āĻ Browse āĻŦাāϟāύে āĻ•্āϞিāĻ• āĻ•āϰুāύ।
ā§§ā§­. āϏংāĻļ্āϞিāώ্āϟ Image āϟিāĻ•ে āϏিāϞেāĻ•্āϟ āĻ•āϰে OK āĻ•āϰুāύ। Background Image āϟি āĻĻি⧟ে OK āĻ•āϰুāύ।

āĻŽেāύু āĻŦাāϟāύে Hover āϏেāϟ āĻ•āϰা
Hover āĻšāϚ্āĻ›ে āφāĻŽāϰা āϝāĻ–āύ āĻŽাāωāϏ āĻĒ⧟েāύ্āϟাāϰ āĻŽেāύু āĻŦাāϟāύāĻ—ুāϞোāϰ āωāĻĒāϰ āύেāχ āϤāĻ–āύ āĻŽেāύু āĻŦাāϟāύāĻ—ুāϞোāϰ āĻ•াāϞাāϰ āϚেāύ্āϜ āĻšāĻŦে। āĻŽāύেāĻ•āϰি āϞেāĻ–া āĻšāĻŦে āϏাāĻĻা āĻāĻŦং Bold āĻšāĻŦে।
ā§§ā§Ž. Main menu āϰ āϝেāĻ•োāύ āĻŦাāϟāύেāϰ āϟেāĻ•্āϏāϟ āϏিāϞেāĻ•্āϟ āĻ•āϰে CSS Styles āĻĒ্āϝাāύেāϞেāϰ New CSS Rule āĻŦাāϟāύে āĻ•্āϞিāĻ• āĻ•āϰুāύ।
⧧⧝. New CSS Rule āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏে Selector āϘāϰে āϞāĻ•্āώ্āϝ āĻ•āϰুāύ #header# mainmenu ul li a āϞেāĻ–া āĻāϏেāĻ›ে । āĻĒাāĻļে āϞিāĻ–ুāύ : hover, hover āϞেāĻ–াāϰ āĻĒূāϰ্āĻŦে āĻ…āĻŦāĻļ্āϝāχ āĻ•োāϞāύ (:) āĻĻিāϤে āĻšāĻŦে। āϏ্āĻĒেāϏ āύা āĻĻি⧟ে āϞিāĻ–āĻŦেāύ।

⧍ā§Ļ. CSS Rule definition āĻĄা⧟াāϞāĻ— āĻŦāĻ•্āϏ āφāϏāϞে Type āϘāϰে Color =āϏাāĻĻা āĻāĻŦং Font – Weigh= bold āĻ•āϰে OK āĻ•āϰুāύ।


⧍⧧. File>Save āĻ•āϰে Preview āĻ•āϰুāύ।
⧍⧍. Main menu āϤিāύāϟিāϰ āϝে āĻ•োāύ āĻāĻ•āϟি āωāĻĒāϰ āĻŽাāωāϏ āύিāύ। āĻĻেāĻ–ুāύ āϞেāĻ–া āĻŽোāϟা āĻ“ āϏাāĻĻা āĻšāϚ্āĻ›ে।


Monday, March 9, 2020

JavaScript_part3_Javascript āĻĢাāχāϞ āĻ“ āĻĄা⧟āύাāĻŽিāĻ• Html Element āϤৈāϰি




Javascript āĻĢাāχāϞ (.J S)
Javascript āφāĻĒāύাāϰ āĻĒ্āϰোāĻ—্āϰাāĻŽে Internal āĻŦা External file āĻĻ্āĻŦাāϰা āĻŦ্āϝāĻŦāĻšাāϰ āĻ•āϰা āϝা⧟। <Head> āĻŦা <body> āϟ্āϝাāĻ—েāϰ āĻŽāϧ্āϝেāĻŽে Javascript āĻŦ্āϝāĻŦāĻšাāϰāĻ•ে Internal āĻĢাāχāϞ  āĻŦ্āϝāĻŦāĻšাāϰ āĻŦāϞা āĻšā§Ÿ āϝা āφāĻŽāϰা āχāϤোāĻĒূāϰ্āĻŦে āĻĻেāĻ–েāĻ›ি। āĻāĻŦাāϰে āĻĻেāĻ–āĻŦ External āĻĢাāχāϞ āĻ•ি।
āĻāχ āĻĢাāχāϞে āϏাāϧাāϰāĻŖāϤ <script> āĻāϰ āϏāĻ•āϞ āĻ•োāĻĄ āϞেāĻ–া āĻšā§Ÿ। āĻāϰ āĻāĻ•্āϏāϟেāύāĻļāύ āĻšāϞ .js  html āĻĒেāϜ āĻāϰ āĻŽāϧ্āϝে āĻ•েāĻŦāϞ āφāĻĒāύাāϰ .js āĻĢাāχāϞ āĻāϰ āϏোāϰ্āϏ āĻŦা āĻ‰ā§ŽāϏ āĻŦāϞে āĻĻিāϤে āĻšā§Ÿ। āϝেāĻŽāύ āφāĻŽāϰা Nova.js āύাāĻŽে Javascript āĻāĻ•āϟি āĻĢাāχāϞ āϤৈāϰী āĻ•āϰāϞাāĻŽ। 

1.                   āĻāĻŦাāϰ Notepad++ āĻ Nova.js āĻĢাāχāϞāϟি āĻ“āĻĒেāύ āĻ•āϰুāύ। āĻāĻŦাāϰ āύিāϚেāϰ āĻ•োāĻĄāϟি āϞিāĻ–ুāύ।
function MyFirstProgram()
{
document.write("Hellow");
document.write("This my first External Js Test");
}
2.                    āĻāĻ–āύ āφāĻĒāύি program_006 āύাāĻŽে āĻāĻ•āϟি html āĻĢাāχāϞ āϤৈāϰী āĻ•āϰুāύ।
3.                   āĻāĻŦাāϰ program_006.html āĻĢাāχāϞāϟিāĻ•ে Notepad++ āĻ āĻ“āĻĒেāύ āĻ•āϰুāύ। āύিāϚেāϰ āĻŽāϤ āĻ•āϰে āĻ•োāĻĄ āϞিāĻ–ুāύ।
āĻŦ্āϝাāĻ–্āϝা :āĻāĻ–াāύে āϞāĻ•্āώāύী⧟ āϝে āφāĻŽাāĻĻেāϰ JS āĻĢোāϞ্āĻĄাāϰেāϰ āĻŽāϧ্āϝে Nova .js āĻĢাāχāϞāϟি āĻŦিāĻĻ্āϝāĻŽাāύ। <script> āϟ্āϝāĻ—ে External Javascript āĻĢাāχāϞ āĻŦ্āϝāĻŦāĻšাāϰ āĻ•āϰāϤে āϚাāχāϞে āφāĻĒāύাāĻ•ে <script>  āĻāϰ āĻŽাāĻে āϐ .js āĻĢাāχāϞāϟিāϰ āϏোāϰ্āϏ  āĻŦāϞে āĻĻিāϤে āĻšāĻŦে। āϤাāχ āφāĻŽāϰা āωāĻĒāϰোāĻ•্āϤ āωāĻĻাāĻšāϰāύেāϰ ā§­ āύং āϞাāχāύে āφāĻŽāϰা src = “Js/Nova.js” āϞিāĻ–েāĻ›ি। āĻāĻ–াāύে JS āĻšāϞ āĻĢোāϞ্āĻĄাāϰāϟিāϰ āύাāĻŽ āĻāĻŦং Nova.js āĻšāϞ āĻĢাāχāϞāϟিāϰ āύাāĻŽ।

āĻĄা⧟āύাāĻŽিāĻ• Html Element āϤৈāϰি
āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻŦ্āϝāĻŦāĻšাāϰ āĻ•āϰে āφāĻĒāύি āĻ–ুāĻŦ āϏāĻšāϜেāχ āĻĄা⧟āύাāĻŽিāĻ•্āϝাāϞি āϟ্āϝাāĻ— āϤৈāϰি āĻ•āϰāϤে āĻĒাāϰāĻŦেāύ āĻāĻŦং āϤাāĻ•ে āĻŦ্āϝāĻŦāĻšাāϰ āĻ•āϰāϤে āĻĒাāϰāĻŦেāύ। āϤāĻŦে āĻāĻ•্āώেāϤ্āϰে āφāĻĒāύাāĻ•ে  Html āĻāϰ āĻ–ুāĻŦāχ āĻ­াāϞ āϧাāϰāύা āĻĨাāĻ•āϤে āĻšāĻŦে।
āĻĒ্āϰোāĻ—্āϰাāĻŽ : āĻĄা⧟āύাāĻŽিāĻ• Html element āϤৈāϰি
1.                  āφāĻĒāύাāϰ Notepad++ āĻ“āĻĒেāύ āĻ•āϰে āύিāϚেāϰ āĻŽāϤ āĻ•āϰে āĻ•োāĻĄ āϞিāĻ–ুāύ। āĻāĻŦাāϰ Program_007.html āĻšিāϏাāĻŦে āϏেāĻ­ āĻ•āϰুāύ।
<!DOCTYPE html>
<html>
<body>
<head>
<title>
This is Javascript Lessons
</title>
<script type="text/javascript">
document.write("<h1>Hellow, This is Nova Computer</h2>");
document.write("<h2>Hellow, This is Nova Computer</h2>");
document.write("<h3>Hellow, This is Nova Computer</h3> ");
document.write("<p>It is in Aziz Super Market, </br> Shahbag Dhaka </p> ");
</script>
</head>
<body>
</body>
</html>



āĻĢāϞাāĻĢāϞ :      āĻāĻŦাāϰ āφāĻĒāύাāϰ āĻŦ্āϰাāωāϜাāϰে program_007.html āĻĒেāϜāϟিāĻ•ে āĻ“āĻĒেāύ āĻ•āϰুāύ। āύিāĻŽেāĻŖāϰ āϚিāϤ্āϰেāϰ āύ্āϝা⧟ āφāωāϟāĻĒুāϟ āĻĻেāĻ–āϤে āĻĒাāĻŦেāύ ।
āϚিāϤ্āϰ: āĻĄা⧟āύাāĻŽিāĻ• Html element āϤৈāϰি
āĻŦ্āϝাāĻ–্āϝা : āωāĻĒāϰোāĻ•্āϤ āωāĻĻাāĻšāϰāĻŖে āφāĻŽāϰা āĻ•িāĻ­াāĻŦে āĻ•োāĻĄেāϰ āĻŽাāĻে html element āϤৈāϰি āĻ•āϰে āϤা āĻļিāĻ–āϞাāĻŽ। āĻāĻ–াāύে <h1> </h1> , <h2> </h2> ,<h3> </h3>, <1b> <p> āωāĻĻাāĻšāϰāύ āĻĻে⧟া āĻšāϞ।

Html  āĻāϞিāĻŽেāύ্āϟāĻ•ে Javascript āĻ āĻŦ্āϝāĻŦāĻšাāϰ
Html āĻāϰ “id” āĻ…্āϝাāϟ্āϰিāĻŦিāωāϟ āĻŽুāϞāϤ Html element āύিāϰ্āĻĻেāĻļ āĻ•āϰে। āϏুāϤāϰাং Html āĻāϰ element āĻ•ে Javascript āĻāϰ āĻŽāϧ্āϝে āĻŦ্āϝāĻŦāĻšাāϰ āĻ•āϰāϤে āĻšā§Ÿ।
āĻĒ্āϰোāĻ—্āϰাāĻŽ : Html  āĻāϞিāĻŽেāύ্āϟāĻ•ে Javascript āĻ āĻŦ্āϝāĻŦāĻšাāϰ
1.                 āφāĻĒāύাāϰ Notepad++ āĻ“āĻĒেāύ āĻ•āϰে āύিāϚেāϰ āĻŽāϤ āĻ•āϰে āĻ•োāĻĄ āϞিāĻ–ুāύ।
2.                āĻāĻŦাāϰ Program_008.html āĻšিāϏাāĻŦে āϏেāĻ­ āĻ•āϰুāύ।
<!DOCTYPE html>
<html>
<body>
<head>
<title>
This is Javascript Lessons
</title>
</head>
<body>
<h4>How to get html element</h4>
<h2 id="heading2"></h2>
<script type="text/javascript">
document.getElementById("heading2").innerHTML="Wow I have write it in Javascript";
</script>
</body>
</html>

āĻĢāϞাāĻĢāϞ :      āĻāĻŦাāϰ āφāĻĒāύাāϰ āĻŦ্āϰাāωāϜাāϰে program_008.html āĻĒেāϜāϟিāĻ•ে āĻ“āĻĒেāύ āĻ•āϰুāύ। āύিāĻŽেāĻŖāϰ āϚিāϤ্āϰেāϰ āύ্āϝা⧟ āφāωāϟāĻĒুāϟ āĻĻেāĻ–āϤে āĻĒাāĻŦেāύ ।

āĻāχ āĻ…ংāĻļে āφāĻŽāϰা āĻļিāĻ–āĻŦ -
Ø        āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻŦāϏ্āύāĻ•
Ø        āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ  āĻŽাāϞ্āϟিāĻĒāϞ āĻ•āĻŽেāύ্āϟāϏ
Ø        āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ  āϏ্āϟেāϟāĻŽেāύ্āϟ
Ø        āϞাāχāύেāϰ āĻļেāώে āĻ•āĻŽেāύ্āϟāϏ āĻĻে⧟া

āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟেāϰ āϏ্āϟেāϟāĻŽেāύ্āϟāĻ—ুāϞো āĻŦ্āϰাāωāϜাāϰেāϰ āĻŽাāϧ্āϝāĻŽে āϏিāĻ•ো⧟েāύāĻļি⧟াāϞি āĻāĻ•্āϏিāĻ•িāωāϟ āĻŦা āϰাāύ āĻšā§Ÿ। āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻ•েāϏ āϏেāύāϏেāϟিāĻ­ āĻ…āϰ্āĻĨাā§Ž āĻāϟি Captial Letter āĻāĻŦং Small Letter āφāϞাāĻĻা āφāϞাāĻĻা āĻŽāύে āĻ•āϰে। āĻ…āϰ্āĻĨাā§Ž Name āĻāĻŦং name āĻāϰ āĻŽাāύে āĻāĻ–াāύে āϏāĻŽ্āĻĒূāϰ্āĻŖ āφāϞাāĻĻা।āϤাāχ āĻ­েāϰি⧟েāĻŦāϞ, āĻĢাংāĻļāύ, āϏ্āϟেāϟāĻŽেāύ্āϟ āχāϤ্āϝাāĻĻি āϞেāĻ–াāϰ āϏāĻŽā§Ÿ āĻ­াāϞোāĻ­াāĻŦে āϞāĻ•্āώ্āϝ āϰাāĻ–āϤে āĻŦāϞা āĻšāϞ।
āĻĒ্āϰোāĻ—্āϰাāĻŽ : āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻ•েāϏ āϏেāύāϏেāϟিāĻ­
1.                 āφāĻĒāύাāϰ Notepad++ āĻ“āĻĒেāύ āĻ•āϰে āύিāϚেāϰ āĻŽāϤ āĻ•āϰে āĻ•োāĻĄ āϞিāĻ–ুāύ।
2.                āĻāĻŦাāϰ Program_009.html āĻšিāϏাāĻŦে āϏেāĻ­ āĻ•āϰুāύ।
<!DOCTYPE html>
<html>
<head>
<title>This is Javascript Lessons</title>
<script type="text/javascript">
function MyFirstMessage()
{
var name="This Variable Contains 'name'";
var Name="This Variable Contains 'Name'";
document.write(name);
document.write("<br>");
document.write(Name);
}
</script>
</head>
<body onload=MyFirstMessage()>
</body>
</html>
āĻĢāϞাāĻĢāϞ : āĻāĻŦাāϰ āφāĻĒāύাāϰ āĻŦ্āϰাāωāϜাāϰে program_009.html āĻĒেāϜāϟিāĻ•ে āĻ“āĻĒেāύ āĻ•āϰুāύ। āύিāĻŽেāĻŖāϰ āϚিāϤ্āϰেāϰ āύ্āϝা⧟ āφāωāϟāĻĒুāϟ āĻĻেāĻ–āϤে āĻĒাāĻŦেāύ ।
āĻŦ্āϝাāĻ–্āϝা : āĻāĻ–াāύে āĻĻেāĻ–া āϝাāϚ্āĻ›ে āϝে āĻĻুāϟি āĻ­েāϰি⧟েāĻŦāϞে āĻ­িāύ্āύ āĻ­িāύ্āύ āĻ­্āϝাāϞু āĻ্āϝাāϏাāχāύ āĻ•āϰা āφāĻ›ে। āĻ­েāϰি⧟েāĻŦāϞ āĻĻুāϟি āĻ­িāύ্āύ āĻ­িāύ্āύ āĻŦāϞে āĻĻুāϟি āĻ­্āϝাāϞু-āχ āφāωāϟāĻĒুāϟে āĻĻেāĻ–া āϝাāϚ্āĻ›ে।āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟেāϰ āĻĒ্āϰāϤিāϟি āϏ্āϟেāϟāĻŽেāύ্āϟেāϰ āĻļেāώে āϏেāĻŽিāĻ•োāϞāύ (;) āĻŦ্āϝāĻŦāĻšাāϰ āĻ•āϰāϤে āĻšā§Ÿ, āύা āĻ•āϰāϞেāĻ“ āĻ•োāύ āĻ…āϏুāĻŦিāϧা āύেāχ। āϤāĻŦে āϏেāĻŽিāĻ•োāϞāύ āĻŦ্āϝāĻŦāĻšাāϰ āĻ•āϰে āĻĒ্āϰোāĻ—্āϰাāĻŽিং āϏ্āϟেāϟāĻŽেāύ্āϟ āϞেāĻ–া āĻ­াāϞ। āĻāϤে āĻ•āϰে āĻāĻ• āϞাāχāύে āĻ…āύেāĻ•āĻ—ুāϞো āϏ্āϟেāϟāĻŽেāύ্āϟ āϞেāĻ–া āϝা⧟।
āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻŦāĻ•্āϏ :
āĻ…āύ্āϝাāύ্āϝ āĻĒ্āϰোāĻ—্āϰাāĻŽিং āϞ্āϝাāĻ—ু⧟েāϜেāϰ āĻŽāϤ  āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟেāϰ āĻŦāĻ•্āϏ āĻ“ āĻļুāϰু āĻšā§Ÿ { left āĻ•াāϞি āĻŦ্āϰাāĻ•েāϟ āĻāĻŦং āĻļেāώ āĻšā§Ÿ } Right āĻ•াāϞি āĻŦ্āϰাāĻ•েāϟ āĻāϰ āĻŽাāϧ্āϝāĻŽে। āĻŦāĻ•্āϏেāϰ āωāĻĻ্āĻĻেāĻļ্āϝ āĻšāϞ āĻāĻ•āϟি āύিāϰ্āĻĻিāώ্āϟ āĻŦāĻ•্āϏে āĻ•োāĻĄāĻ—ুāϞো āĻĒ্āϰāĻĨāĻŽে Execate āĻ•āϰা।
āύিāϚেāϰ āĻ•োāĻĄāĻ—ুāϞো āϞāĻ•্āώ্āϝ āĻ•āϰুāύ 
 āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻŦāĻ•্āϏ
1.      āφāĻĒāύাāϰ Notepad++ āĻ“āĻĒেāύ āĻ•āϰে āύিāϚেāϰ āĻŽāϤ āĻ•āϰে āĻ•োāĻĄ āϞিāĻ–ুāύ।āĻāĻŦাāϰ Program_010.html āĻšিāϏাāĻŦে āϏেāĻ­ āĻ•āϰুāύ।
<!DOCTYPE html>
<html>
<body>
<h1>Blok test</h1>
<p id="para1">It is Paragraph 1.</p>
<p id="para2">It is Paragraph 2.</p>
<button type="button" onclick="Block()">Display </button>
<script type="text/javascript">
function Block()
{
document.getElementById("para1").innerHTML="Hellow this is Nova Computer";
document.getElementById("para2").innerHTML="How are you?";
}
</script>
</body>
</html>
āĻāĻ–াāύে āĻĻেāĻ–া āϝাāϚ্āĻ›ে āϝে Block() āĻĢাংāĻļāύāϟিāϤে āĻĻুāϟি āϏ্āϟেāϟāĻŽেāύ্āϟ āĻāĻ•āϟি āĻŦāϞ্āĻ•āĻ•েāϰ āĻ…āϰ্āĻŽāϤ্āĻŽāĻ­ুāĻ•্āϤ।
āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻ•āĻŽেāύ্āϟāϏ :
āĻ•āĻŽেāύ্āϟ āĻŽূāϞāϤ āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻāϰ āϏ্āϟেāϟāĻŽেāύ্āϟ āĻŦা āĻĢাংāĻļāύāĻ—ুāϞোāĻ•ে āĻ­াāϞāĻ­াāĻŦে āĻŦিāĻļāĻĻāĻ­াāĻŦে āĻŦোāĻাāϰ āϜāύ্āϝ āϞেāĻ–া āĻšā§Ÿ āϝা āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻāĻ•্āϏিāĻ•িāωāϟ āĻ•āϰে āύা।
Single line Comment āĻļুāϰু āĻšā§Ÿ // āĻĻ্āĻŦাāϰা
āĻŽাāϞ্āϟি āϞাāχāύ Comment āĻļুāϧু āϝে /* āĻĻ্āĻŦাāϰা āĻāĻŦং āĻļেāώ āĻšā§Ÿ */ āĻĻ্āĻŦাāϰা।
āωāĻĻাāĻšāϰāύ              /* āϞাāχāύ  1
                         āϞাāχāύ  2
                         āϞাāχāύ  3
                          āϞাāχāύ  4
                        */
āĻāϰ āĻĻ্āĻŦাāϰা āĻŦুāĻা āϝাāĻŦে āϝে  āϞাāχāύ  1,2,3,4 āĻ•োāύāϟিāχ āĻāĻ•্āϏিāĻ•িāωāϟ āĻšāĻŦে āύা। āĻĒ্āϰāϤিāϟি āϞাāχāύেāϰ āĻļেāώ āĻ•āĻŽেāύ্āϟ āĻŦ্āϝāĻŦāĻšাāϰ āĻ•āϰāϤে āϚাāχāϞে // āĻĻ্āĻŦাāϰা āĻ•āĻŽেāύ্āϟ āϞেāĻ–া āĻļুāϰু āĻ•āϰāϤে āĻšāĻŦে। āύিāĻŽেāĻŖāϰ āĻ•োāĻĄ āϞāĻ•্āώ্āϝ āĻ•āϰা āϝাāĻ•।
Single line, multiple āϞাāχāύেāϰ āωāĻĻাāĻšāϰāύ āĻāĻ• āϏাāĻĨে āĻĻে⧟া āĻšāϞ।
āĻĒ্āϰোāĻ—্āϰাāĻŽ : āϜাāĻ­াāϏ্āĻ•্āϰিāĻĒ্āϟ āĻ•āĻŽেāύ্āϟ
1.      āφāĻĒāύাāϰ Notepad++ āĻ“āĻĒেāύ āĻ•āϰে āύিāϚেāϰ āĻŽāϤ āĻ•āϰে āĻ•োāĻĄ āϞিāĻ–ুāύ।
2.     āĻāĻŦাāϰ Program_011.html āĻšিāϏাāĻŦে āϏেāĻ­ āĻ•āϰুāύ।

<!DOCTYPE html>
<html>
<body>
<h1>Blok test</h1>
<p id="para1">It is Paragraph 1.</p>
<p id="para2">It is Paragraph 2.</p>
<button type="button" onclick="Block()">Display </button>
<script type="text/javascript">
/*
this function is for understanding
Block function, Here opening { and closing }
Contains a block
*/
function Block()
{
// here GetElementById Method can read id of an html element
document.getElementById("para1").innerHTML="Hellow this is Nova Computer";
document.getElementById("para2").innerHTML="How are you?"; // here GetElementById Method can read id of an html element
}
</script>
</body>
</html>



Previous Post                                                                                           Next Post

  āĻŦিāϏ্āϤাāϰিāϤ āϜাāύāϤে āύিāϚেāϰ āĻŦāχāϟি āϏংāĻ—āϰāĻš āĻ•āϰে āύিāύ।

 

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

 cd

RELATED POST LINKS BELOW ********************************************