এই সাইটের কোন লেখা কপি করা নিষেধ

ওয়েব ডিজাইন শিখুন, ঘরে বসে আয় করুন (পর্ব ১)

 

বর্তমান সময়ে ওয়েব ডিজাইন দারুন একটা পেশা  এবং লাভ জনক আয়ের উৎস  ।

আপনি ওয়েব ডিজাইন শিখে  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;
}

 

 

 

Comments (No)

Leave a Reply