এক এক জন এক একভাবে ওয়েবসাইট বানায়। নতুনদের জন্য কমন কিছু ভুল থাকে, সেগুলো আলোচনা করা হয়েছে, সেইসাথে সাইটের সুবিধাজনক কোড লেখার ব্যাপরেও কিছু আলোচনা আছে।
কিছু ট্যাগ বন্ধ না করলেও কাজ হয় তবে সবসময় ট্যাগ বন্ধ করুন। কিছু কিছু ক্ষেত্র সমস্যা হতে পারে।
<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>
CSS ফাইল চেক করুন এবং সঠিক DocType ডিক্লার করুন
লাইনে লাইনে 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>
<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 কোড যাচাই করে নিন।
<DIV>
<P>Here's an interesting fact about corn. </P>
</DIV>
এর চেয়ে উত্তম
<div>
<p>Here's an interesting fact about corn. </p>
</div>
<p> ট্যাগকে H6 এ পরিবর্তন করে নিতে পারেন। SEO এর সুবিধা পাওয়া যাবে।
<h1>This is a really important corn fact! </h1>
<h6>Small, but still significant corn fact goes here. </h6>
এটি ইয়াহুর দারুন একটি কোনএকটি ওয়েবসাইটের কিকি পরিবর্তন করা উচিত তার রিপোর্ট দেয়।
ie.css ফাইল তৈরী করুন। নিচের কোডের মাধ্যমে আপনার সাইট Internet Explorer চিনতে পরবে
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="path/to/ie.css" />
<![endif]-->
নিচে কয়েকটির লিংক দেয়া হলো:
সাইটের কাজ শেষ হলে অনেক বাড়তি কোড থাকতে পারে আপনার সাইটে। সেগুলো খুজে খুজে মুছে ফেলুন।
<IMG src="cornImage.jpg" />
<IMG src="cornImage.jpg" />
<img src="cornImage.jpg" alt="A corn field I visited." />
বিভিন্ন সাইটের source দেখুন। আপনি অনেককিছুই শিখতে পারবেন।
সাইটের সৌন্দর্যের জন্যস্টাইল ব্যবহার করা খুবই প্রয়োজনিয় ।
অনেক সমস্যার সমাধান আপনি ফোরাম ও ব্লগে পাবেন
আমার লেখাগুলো ই-মেইলেই মাধ্যমে পেতে সাবক্রাইব করতে পারবেন। নতুন লেখা প্রকাশিত হওয়ার সাথে সাথে আপনার কাছে তার একটি কপি যাবে। আপনি চাইলে সহজেই ই-মেইলের মাধ্যমে নিউজলেটার পাওয়া বন্ধ করতে পারবেন।
আমি টিউটো। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 15 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 66 টি টিউন ও 476 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
তিনি দীর্ঘ দিন ধরে সাফল্যের সাথে টিটোরিয়াল বিডি ব্লগটি পরিচালনা করে আসছেন। বর্তমানে ব্লগিং এর পাশাপাশি একটি বেসরকারী প্রতিষ্ঠানে চাকরি করছেন। http://www.facebook.com/#!/mahbubpalash http://twitter.com/tuto_mahbub
খুব কাজের পোস্ট। ধন্যবাদ Information গুলোর জন্য।