২৫টি গুরুপ্তপূর্ণ ওয়েব ডিজাইন টুলস!

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

আপনিও কি তাই করেছেন? যদি না করে থাকেন তবে আজই নিচের বিস্তারিত পড়ুন

Advertisements

HTML টিউটোরিয়াল: পঞ্চম পর্ব (Body এর অভ্যন্তরীন ট্যাগ পরিচিতি)

আজকের আলোচ্য বিষয়ঃ টেবিল ট্যাগ(th, tr, td, caption, align, cell) নিয়ে বিস্তারিত আলোচনা। তো চলুন-

টেবিল ট্যাগ(<table> </table>): টেবিল এইচটিএমএল এর একটি গুরুপ্তপূর্ণ উপাদান। বলা যায় যারা নতুন ওয়েব ডিজাইন শিখছেন তারা টেবিল দিয়েই একটি ওয়েব সাইট তৈরী করে ফেলতে পারেন। এটা শুরু শিখার জন্যই ভাল কিন্তু যখন প্রোফেশনালী কাজ করবেন এই অভ্যাস টি ত্যাগ করাটাই বাঞ্জনীয়।

বিস্তারিত পড়ুন

HTML টিউটোরিয়াল: চতুর্থ পর্ব (Body এর অভ্যন্তরীন ট্যাগ পরিচিতি)

আজকের আলোচ্য বিষয়ঃ প্রি ট্যাগ, ব্লককোট ট্যাগ, হরিজোনটাল লাইন ট্যাগ, কোটেশন ট্যাগ, লাইনব্রেক ট্যাগ, এব্রিভিয়েশন ট্যাগ, টেক্সট ডিরেকশন ট্যাগ, বিগ ট্যাগ, কোড ট্যাগ, সুপারসক্রিপ ও সাবসক্রিপ ট্যাগ সমূহ নিয়ে। তো চলুন-

বিস্তারিত পড়ুন

HTML টিউটোরিয়াল: তৃতীয় পর্ব (Body এর অভ্যন্তরীন ট্যাগ পরিচিতি)

আজকের আলোচনা হবে প্যারাগারাফ ট্যাগ, বোল্ড ট্যাগ, ইটালিক ট্যাগ, আন্ডারলাইন ট্যাগ, ডিলিট ট্যাগ, ইন্সার্ট ট্যাগ সমূহ নিয়ে। তো চলুন-

প্যারাগারাফ ট্যাগ(<p></p>): এই ট্যাগের ভিতরে কোন লিখা লিখলে তা প্যারাগারাফ এর আকার ধরন করে। তাই একে প্যারাগারাফ ট্যাগ বলা হয়।

কিভাবে লিখতে হয় দেখুন- <p>This is Paragraph tag example</p>

বোল্ড ট্যাগ(<b></b>/<bold></bold>/<strong></strong>): এমএস ওয়ার্ডে আমরা যেভাবে কোন লিখাকে বোল্ড করি ঠিক তেমনি। কোন লিখাকে ওয়েব পেজে BOLD বা মোটা করতে হলে এমএস ওয়ার্ডের মত ctrl+b প্রেস করলেও হবে।

কিভাবে লিখতে হয় দেখুন- <b>This is BOLD tag example </b>

ইটালিক ট্যাগ(<i></i>): এমএস ওয়ার্ডে আমরা যেভাবে কোন লিখাকে Italic বা বাঁকা করি ঠিক তেমনি। কোন লিখাকে ওয়েব পেজে Italic বা বাঁকা করতে হলে এমএস ওয়ার্ডের মত ctrl+i প্রেস করলেও হবে। বিস্তারিত পড়ুন

HTML টিউটোরিয়াল: দ্বিতীয় পর্ব (হেডার ট্যাগ পরিচিতি)

ট্যাগ বা ট্যাগিং বলতে আমরা সাধারনত বুঝি একটি বস্তুর সাথে অন্য কোন বস্তুকে ঝুলিয়ে দেয়া। যেমনটা আমরা অনেকেই ফেসবুকে কোন ছবিকে আমদের বন্ধুদেরকে ট্যাগ করি ঠিক তেমটাই।

ভাষাগত দিকে থেকে একই হলেও HTML হেডার ট্যাগ গুলো কিছুটা ভিন্নতা প্রকাশ করে। যেমন, HTML এ <header> </header> একটি সেকশন ট্যাগ আছেই তারপরেও স্বতন্ত্র HTML এ header ট্যাগ আছে ছয়টি যেগুলো শুধু মাত্র <body> </body> সেকশনে ব্যবহার করা যায়: h1, h2, h3, h4, h5, h6। ট্যাগ গুলোর ব্যবহার একটু বিস্তারিত আলোচনাতে আসি –

হেডার ওয়ান ট্যাগ: সবচেয়ে বড় হেডার ট্যাগ। লিখাগুলোর সাইজ ৩৬ পিক্সেল। সিএসএস এর মাধ্যমে আপনি এর ডিফল্ট সাইজকে ইচ্ছামত বড় করতে পারবেন।

<h1>This is H1 tag example</h1>

হেডার টু ট্যাগ: হেডার ওয়ান থেকে একটু ছোট। লিখাগুলোর বিস্তারিত পড়ুন

HTML টিউটোরিয়াল: প্রথম পর্ব!

টিউটোরিয়াল শুরু করার পূর্বে জেনে নিই: HTML কি এবং কিভাবে কাজ করে?

HTML মানে Hyper Text Markup Language. HTML মূলত কোন প্রোগ্রামিং Language নয়। এটি একটি Markup Language. Markup Language হলো Markup Tags এর সমন্বিত রুপ।Markup Tags গুলোই বলে দেয় ওয়েব পেইজটির ছবি, বর্ণনা, শব্দ বা ভিডিও কিভাবে বর্ণনা করবে বা শো করবে বা কাজ করবে।সুতরাং, বলা যায় Markup Tags বা Html Tags- ই হলো ওয়েবের প্রাণ শক্তি।

বিস্তারিত পড়ুন