• 44 টিউন
  • 381 মন্তব্য
 টিউটো

14681 days ago

HTML এর ২০ টি প্রয়োজনীয় টিপস

এক এক জন এক একভাবে ওয়েবসাইট বানায়। নতুনদের জন্য কমন কিছু ভুল থাকে, সেগুলো আলোচনা করা হয়েছে, সেইসাথে সাইটের সুবিধাজনক কোড লেখার ব্যাপরেও কিছু আলোচনা আছে।

০১. সবসময় ট্যাগ বন্ধ করুন।

কিছু ট্যাগ  বন্ধ না করলেও কাজ হয় তবে সবসময় ট্যাগ বন্ধ করুন। কিছু কিছু ক্ষেত্র সমস্যা হতে পারে।

<li>Some text here.
<li>Some new text here.
<li>You get the idea.

উত্তম

<ul>
<li>Some text here. </li>
<li>Some new text here. </li>
<li>You get the idea. </li>
</ul>

০২.সঠিক DocType ডিক্লার করুন

CSS  ফাইল চেক করুন এবং  সঠিক DocType ডিক্লার করুন

০৩. লাইনে লাইনে style প্রকাশ করবেন না

লাইনে লাইনে style প্রকাশে ভুলের পরিমান বৃদ্ধি পেতে পারে। আবার স্টাইল পরিবর্তনে আপনাকে অনেক কোড পরিবর্তন করতে হব।

<p style="color: red;">I'm going to make this text red so that it really

এর চেয়ে ভাল css এ একটি স্টাইল তৈরীকরে নেয়া । উপরউল্লেখিত দুটি সুবিধা পাবেন।

#someElement > p {
color: red;
}

০৪. Head ট্যাগের মধ্যে সকল CSS ফাইলকে ডাকুন

সাইট দ্রুত লোডিঙের জন্য Head ট্যাগের মধ্যে সকল CSS ফাইলকে ডাকুন

<head>
<title>My Favorites Kinds of Corn</title>
<link rel="stylesheet" type="text/css" media="screen" href="path/to/file.css" />
<link rel="stylesheet" type="text/css" media="screen" href="path/to/anotherFile.css" />
</head>

০৫. সবার শেষে ডাকুন জাভাস্ক্রিপ্টের ফাইল।

সাইট দ্রুত লোডিঙের জন্য সবার শেষে ডাকুন জাভাস্ক্রিপ্টের ফাইল।

<p>And now you know my favorite kinds of corn. </p>
<script type="text/javascript" src="path/to/file.js"></script>
<script type="text/javascript" src="path/to/anotherFile.js"></script>
</body>
</html>

০৬. লাইনে লাইনে জাভাস্ক্রিপ্ট কোড লেখার অভ্যাসটা বদলে ফেলুন

জাভাস্ক্রিপ্ট ফাইল তৈরীকরে সেখানথেকে কল করুন। আপনার সাইটের গতি ও ব্যান্ডউইথ দুটোই বাচবে।

০৭. আপনার HTML কোড যাচাই করে নিন।

ফায়ারবাগ এরমতো HTML ভেলিডেটর ডাউনলোড HTML এর ২০ টি প্রয়োজনীয় টিপস | Techtunes করে নিন।  HTML কোড যাচাই করে নিন।

০৮.আপনার ট্যাগের নাম ছোট হাতের অক্ষরে দিন।

<DIV>
<P>Here's an interesting fact about corn. </P>
</DIV>

এর চেয়ে উত্তম

<div>
<p>Here's an interesting fact about corn. </p>
</div>

০৯. H1 থেকে H6 ট্যাগ ব্যবহার করুন।

<p> ট্যাগকে H6 এ পরিবর্তন করে নিতে পারেন। SEO এর সুবিধা পাওয়া যাবে।

<h1>This is a really important corn fact! </h1>
<h6>Small, but still significant corn fact goes here. </h6>

১০. yshow ডাউনলোড favicons?domain=developer.yahoo HTML এর ২০ টি প্রয়োজনীয় টিপস | Techtunesকরে নিন।

yslow HTML এর ২০ টি প্রয়োজনীয় টিপস | Techtunes

এটি ইয়াহুর দারুন একটি কোনএকটি ওয়েবসাইটের কিকি পরিবর্তন করা উচিত তার রিপোর্ট দেয়।

১১. Internet Explorer চিনতে শিখুন

ie.css ফাইল তৈরী করুন।  নিচের কোডের মাধ্যমে আপনার সাইট Internet Explorer চিনতে পরবে

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="path/to/ie.css" />
<![endif]-->

১২. ভাল মানের কোডইডিটর ব্যবহার করুন।

নিচে কয়েকটির লিংক দেয়া হলো:

১৩. ওয়েব সাইটের কাজ শেষ হলে একে কম্প্রেশ করে নিন।

compress HTML এর ২০ টি প্রয়োজনীয় টিপস | Techtunes

Javascript Compression Services

CSS Compression Services

১৪.কাজ শেষে কেটে ছেটে ছোট করুন।

সাইটের কাজ শেষ হলে অনেক বাড়তি কোড  থাকতে পারে আপনার সাইটে।   সেগুলো খুজে খুজে মুছে ফেলুন।

১৫. সকল ছবিতে “Alt” ব্যবহার করুন

মন্দ

<IMG src="cornImage.jpg" />
<IMG src="cornImage.jpg" />

ভাল

<img src="cornImage.jpg" alt="A corn field I visited." />

১৬. বিভিন্ন সাইটের source দেখুন

viewSource HTML এর ২০ টি প্রয়োজনীয় টিপস | Techtunes

বিভিন্ন সাইটের  source দেখুন। আপনি অনেককিছুই শিখতে পারবেন।

১৭. প্রায় সকল উপাদানেই স্টাইল ব্যবহার করুন

সাইটের সৌন্দর্যের জন্যস্টাইল ব্যবহার করা খুবই প্রয়োজনিয় ।

১৮. ফটোশপ শিখুন।

photoshop HTML এর ২০ টি প্রয়োজনীয় টিপস | Techtunes

১৯. HTML এর নতুন নতুন ট্যাগের ব্যবহার শিখুন।

২০. বিভিন্ন ফোরাম ও ব্লগে যোগদিন ।

অনেক সমস্যার সমাধান আপনি  ফোরাম ও ব্লগে পাবেন

আমার লেখাগুলো ই-মেইলেই মাধ্যমে পেতে সাবক্রাইব favicons?domain=feedburner.google HTML এর ২০ টি প্রয়োজনীয় টিপস | Techtunes করতে পারবেন। নতুন লেখা প্রকাশিত হওয়ার সাথে সাথে আপনার কাছে তার একটি কপি যাবে। আপনি চাইলে সহজেই ই-মেইলের মাধ্যমে নিউজলেটার পাওয়া বন্ধ করতে পারবেন।

 HTML এর ২০ টি প্রয়োজনীয় টিপস | Techtunes3 people like this post.

10 Responses to “HTML এর ২০ টি প্রয়োজনীয় টিপস”

  1. Md. Shaidul Islam চেস্টায় সাইদ (122 comments) says:

    খুব কাজের পোস্ট। ধন্যবাদ Information গুলোর জন্য।

  2. মেহেদী হাসান মেহেদী হাসান (305 comments) says:

    বেশ ভাল।

  3.  টিউটো টিউটো (325 comments) says:

    ধন্যবাদ চেস্টায় সাইদ ও মেহেদী হাসান ভাই।

  4. Shohelislam Shohelislam (15 comments) says:

    Very nice. I dont know full information about rapidshare. Can you help me?

  5.  তারেকবিডি (66 comments) says:

    চমতকার! চালিয়ে যান………….

  6.  টিউটো টিউটো (325 comments) says:

    ধন্যবাদ তারেকবিডি ভাই।…..

  7.  জামান (55 comments) says:

    খুব ভাল টিউন…

  8.  টিউটো টিউটো (325 comments) says:

    ধন্যবাদ জামান ভাই।

  9. Nurjahan Chowdhury Nurjahan (286 comments) says:

    কাজের পোস্ট। ধন্যবাদ। আপনার ইমেইল টা দিবেন? আমার মেইল nurjahantop@ymail.com আবারও ধন্যবাদ।

Leave a Reply

You must be logged in to post a comment.