বর্তমান সময়ে ওয়েব ডিজাইন দারুন একটা পেশা এবং লাভ জনক আয়ের উৎস ।
আপনি ওয়েব ডিজাইন শিখে Freelaunching , Upwork এবং Fiverr থেকে প্রচুর পরিমাণ টাকা আয় করতে পারবেন ।
নিজের একটি ওয়েবসাইট থেকে প্রতিমাসে অনেক টাকা আয় করা সম্ভব ।
শুধু দরকার একটু আত্মবিশ্বাস আর কাজ করার মনোবল ।
Web Design শিখতে সর্বপ্রথম আপনাকে HTML & CSS এই দুইটি ওয়েভ প্রোগ্রামিং ভাষা শিখতে হবে ।
HTML=Hyper Text Markup Language
CSS= Cascading Style Sheet
চিন্তার কোন কারন নেই , Eshoaykori.com এর ওয়েবসাইট থেকে আপনি এগুলো সহজে শিখতে পারবেন ।
চলুন শুরু করা যাক :
প্রথমে NotePad++ বা SublineText ওপেন করুন । Ctrl+N চেপে নতুন একটি file / window নিন ।
ফাইলটি index.html নামে save করুন এবং Ctrl+N চেপে নতুন একটি file নিন যা Style.css নামে সেভ করবেন ।
⏩ Plan the Architecture of the page Display
কোডিং এর মাধ্যমে উপস্থাপনঃ
***index.html এ লিখুন অথবা Paste করুন
<html>
<head>
<title>eshoaykori</title>
<link rel="stylesheet" type="text/css" href="style.css"> (External CSS File Link)
</head>
<body>
<div id="wrapper" align="center">
<div id="header">
<div id="logo1"><marquee>WEB Developing</marquee></div>
<div id="Mid">Mid</div>
<div id="logo2">logo2</div>
<!--This website Template Created by TQL Tune-->
</div>
<div id="nabbar">Created By © TQL Tune</div>
<div id="main">
<div id="sidebar1">SIDEBAR1</div>
<div id="mid">Middle</div>
<div id="sidebar2">SIDEBAR2 </div>
</div>
<div id="footer">Footer</div>
</div>
</body>
</html>
***Style.css এ লিখুন অথবা Paste করুন
#wrapper{
height: 1400px;
width: 1300px;
border:2px solid black;
margin:0 auto;
font-family:agency fb;
font-size:50px;
}
#header{
height:15%;
width: 100%;
float: left;
background:#9933FF;
color:#FFFFFF;
font-size:90px;
}
#logo1{
height:100%;
width:25%;
background:#3333CC;
float:left;
}
#mid{
height:100%;
width:50%;
float:left;
}
#logo2{
height:100%;
width:25%;
background:#3333CC;
float:right;
}
#nabbar{
height: 5%;
width: 100%;
float: left;
background:#FFFF00;
color:#00000;
}
#main{
height: 75%;
width: 100%;
float: left;
background:#458;
}
#sidebar1{
height:100%;
width:25%;
background:#00CCFF;
float:left;
}
#mid{
height:100%;
width:50%;
color:#FFFFFF;
float:left;
}
#sidebar2{
height:100%;
width:25%;
background:#00CCFF;
float:right;
}
#footer{
height: 5%;
width: 100%;
float: left;
background: #000;
color:#FFFFFF;
}
){kind=link}
Comments (No)