ওয়েব ডিজাইন বাংলা টিউটিরিয়াল ওভার ভিউ প্রোজেক্ট (পার্ট 2) | iT Blogs

Creat id card

Creat card


Card Name


Card Colour:
Your Name:

Birhday:
- -
Gender:

Location:
Your Picture:
*Maximum file size: 250KB
*File support: png, jpg, jpeg, and gif.



>


Find out the date of birth

Find out the date of birth


Date:
Month:
Year:


Result
In Months:
In Days:
In Hours:
In Minutes:
Your Next Birthday:



post site

web design part 2

ওয়েব ডিজাইন বাংলা টিউটিরিয়াল ওভার ভিউ প্রোজেক্ট (পার্ট 2)

Posted By: | Posted On: Feb 09, 2018 | Posted In: Web Design

ওয়েব ডিজাইন পেক্টিকেল পর্ব ২

বন্ধরা
কেমন আছেন সবাই আজকের পর্বে আমরা একটি ওয়েবসাইটে লেয়াউট সম্পরকে জানবো

আপনারা বিভিন্ন ওয়েবসাইট দেখেছেন যেখানে হেডার অপশন থাকে

তারপরে একটা নেভিগেসন অপশন থাকে অর্থাৎ মেনু বার

তারপরে ফোটার থাকে সাইটবার থাকে যেখানে পোস্টের টাইটেল বা মেনু কেটাগরি এ থরনের বিভিব্ব কিছু দিয়ে থাকি

তাপরে মেইন কন্টেন্ট মানে আমরা জে পোস্ট করে থাকি অটাই ।

একটা ওয়েবসাইট এই রকম সেকসন নিয়ে করা হয়

আসুন দেখে আসি ওয়েবসাইট কিভাবে এই সেকশন গুলো করতে হয় আমরা ধাপে ধাপে সামনে আগাই

আজকে সুদু আমরা মারকাপ দেখবো কিভাবে মারকাপ করা হয়

যেহেতু আমরা একেবারে সুরু থেকে শিখছি তাই div ইউস করে কিভাবে মারকাপ করা হয় দেখবো জেকন জায়গায় একটি ফোল্ডার বানিয়ে ফোল্ডারের ভিতর প্রবেস করলাম তারপরেমাউসের রাইট বাটুন ক্লিক করে টেক্সতডুকুমেন্ট ফাইল বানাইলাম নিচে দেখুন

ফাইল রিনেম করে ভিতরের সকল টেক্সট এক সাথে সিলেক্ট করে নিলাম

ভিতরের সব টেক্সট কেটে দিলাম নিচে দেখুন

এখানে লিখলাম index.html এন্টার চেপে নিচের মতো অনুমতি চাইবে এখন ইয়েস চেপে দিন

ব্যাস একটা ফাইল হয়ে গেল ।এবার আমাদের লাগবে আমরাজে ফাইল দিয়ে স্টাইল করবো সেই ফাইল ঠিক আগের মতো একি ভাবে আরেকটা ফাইল নিলাম এটার নাম দিলাম style.css এবার এন্টার চেপে ফাইল বানিয়ে নিলাম

এবার দুইটা ফাইল একসাথে সিলেক্ট করে রাইট বাটুন চেপে notpad++ এ ওপেন করুন

চালু হয়ে গেল আমাদের ওয়েব ডিজাইনের কাজ

এবার নিচের মতো দেখাবে

এখান থেকে একটি ফাইল সিলেক্ট করে রাইট বাটুন চেপে মভ টু আদার ভিউ করি

এবার লিখবো html ফাইল সিলেক্ট করে এর ভিতর লিখব html:5 লিখে কিবোর্ড থেকে ctrl+e চাপুন

এবার নিচে এইচটিএমএল ৫ এর কোড অউটমেটিক এসে গেছে আসা করি আমাদের এটাই ভাল হবে কারন নতুনরা এভাবে কোড লিখতে পারবে না

আমাদের মেইন ফাইল html 5 কোড

<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

 

 

related post

Comments

comments

Copyright iT blogs Learning Solutions. All Right Reserved.
Facebook Auto Publish Powered By : XYZScripts.com