HTML টিউটোরিয়ালঃ তৃতীয় পর্ব (ফরম্যাটিং ট্যাগ – পার্ট ১)

This entry is part 1 of 15 in the series ওয়েব ডিজাইন

আজকের আলোচনা হবে প্যারাগারাফ ট্যাগ, বোল্ড ট্যাগ, ইটালিক ট্যাগ, আন্ডারলাইন ট্যাগ, ডিলিট ট্যাগ, ইন্সার্ট ট্যাগ সমূহ নিয়ে। তো চলুন- প্যারাগারাফ ট্যাগ(<p></p>): এই ট্যাগের ভিতরে কোন লিখা লিখলে তা প্যারাগারাফ এর আকার ধরন করে। তাই একে প্যারাগারাফ ট্যাগ বলা হয়। কিভাবে লিখতে হয় দেখুন- <p>This is Paragraph tag example</p> বোল্ড ট্যাগ(<b></b>/<bold></bold>/<strong></strong>): এমএস ওয়ার্ডে আমরা যেভাবে কোন […]

HTML টিউটোরিয়াল: পঞ্চম পর্ব (টেবিল ট্যাগ – পার্ট ১)

This entry is part 2 of 15 in the series ওয়েব ডিজাইন

আজকের আলোচ্য বিষয়ঃ টেবিল ট্যাগ(th, tr, td, caption, align, cell) নিয়ে বিস্তারিত আলোচনা। তো চলুন- টেবিল ট্যাগ(<table> </table>): টেবিল এইচটিএমএল এর একটি গুরুপ্তপূর্ণ উপাদান। বলা যায় যারা নতুন ওয়েব ডিজাইন শিখছেন তারা টেবিল দিয়েই একটি ওয়েব সাইট তৈরী করে ফেলতে পারেন। এটা শুরু শিখার জন্যই ভাল কিন্তু যখন প্রোফেশনালী কাজ করবেন এই অভ্যাস টি ত্যাগ […]

সিএসএস টিউটোরিয়ালঃ ১৪তম পর্ব(Unordered List)

This entry is part 3 of 15 in the series ওয়েব ডিজাইন

সিএসএস ধারাবাহিক টিউটোরিয়ালের এই পর্বে আলোচনা করবো Unordered List নিয়ে। সিএসএস দিয়ে Unordered লিস্ট স্টাইল পেলে হলে আপনাকে সিএসএস লিস্ট স্টাইল প্রোপার্টি list-style-type: value ব্যবহার করতে হবে। value তে Unordered list স্টাইল ভ্যালু circle, disc, square ব্যবহার করতে হবে। এবার একে একে লিস্ট আইটেম স্টাইল গুলো অ্যাপ্লাই করি নিচের মতঃ [html]     Welcome to RangpurSource’s CSS […]

HTML টিউটোরিয়াল: ষষ্ঠ পর্ব (টেবিল ট্যাগ – পার্ট ২)

This entry is part 4 of 15 in the series ওয়েব ডিজাইন

আজকের আলোচ্য বিষয়ঃ টেবিল ট্যাগ(colspan, rowspan, cellpadding, cellspacing, &nbsp; ) নিয়ে বিস্তারিত আলোচনা। তো চলুন- কলাম স্পান(colspan): Column Span কে সংক্ষেপে এবং এইচটিএমএল এর ভাষায় colspan বলে। এর কাজ, ধরুন আপনি একটি টেবিল করেছেন যার ৩টি কলাম আছে (First Column, Second Column, Third Column)। নিচের ইমাজটির মতো… এখন, আপনি চাইছেন এই তিনটি(First Column, Second Column, […]

সিএসএস টিউটোরিয়ালঃ ১৫তম পর্ব(Custom List)

This entry is part 5 of 15 in the series ওয়েব ডিজাইন

কাস্টম ইমেজ লিস্ট স্টাইল পেতে চান তবে সিএসএস প্রোপার্টি list-style-image:url() ব্যবহার করতে হবে। url এর পর রাউন্ড ব্রাকেট এর ভিতরে কাঙ্ক্ষিত ইমেজ এর রিসোর্স লিঙ্কটি দিতে হবে। আমি এখানে কয়েক ধরণের ইমেজ দিয়ে কাস্টম লিস্ট স্টাইল অ্যাপ্লাই করছি নিচের মতঃ [html]   Welcome to RangpurSource’s CSS Class! This is CSS Custom List Style Tutorial Custom […]

HTML টিউটোরিয়াল: ৭ম পর্ব (HTML List ট্যাগ)

This entry is part 6 of 15 in the series ওয়েব ডিজাইন

লিস্ট বা তালিকা এইচটিএমএল এর একটি গুরুপ্তপূর্ণ ইলিমেন্ট। ধরুন, আপনি কোন প্রোডাক্ট এর তালিকা আপনার ওয়েব পেজে উল্লেখ করবেন। এখন প্রোডাক্ট গুলো প্রকাশের জন্য আপনার তালিকা ব্যবহার করতে হবে। তালিকাটি হলে পারে 1, 2, 3, 4 অথবা a, b, c, d অথবা i, ii, iii, iv অথবা আপনার পছন্দ মতো কোন ইমেজ ইত্যাদি। এই লিস্ট […]

HTML টিউটোরিয়াল: ৮ম পর্ব (Form & Input ট্যাগ) পার্ট – ১

This entry is part 7 of 15 in the series ওয়েব ডিজাইন

HTML form User দের তথ্য ইনপুটের জন্য ব্যবহৃত হয়। ফরম হচ্ছে এমন একটি এলাকা যেখানে ফরম এর উপাদান ধারণ করে। ফরম উপাদান – ইউজারের প্রদানকৃত তথ্য (লেখা, ছবি, ড্রপডাউন মেনু, বিভিন্ন বাটন) একটি ফরম দিয়ে প্রকাশ করা হয়। HTML ফরম এর অনেক form tag রয়েছে । তার মধ্যে input tag টি বহুল ব্যবহৃত। বিভিন্ন রকম […]

HTML টিউটোরিয়াল: ৮ম পর্ব (Form & Input ট্যাগ) পার্ট – ২

This entry is part 8 of 15 in the series ওয়েব ডিজাইন

HTML form User দের তথ্য ইনপুটের জন্য ব্যবহৃত হয়। ফরম হচ্ছে এমন একটি এলাকা যেখানে বিভিন্ন ধরনের উপাদান ধারণ করে। ফরম উপাদান যেমনঃ ইউজারের প্রদানকৃত তথ্য (লেখা,ছবি,ড্রপডাউন মেনু, বিভিন্ন বাটন) একটি ফরম দিয়ে প্রকাশ করা হয়। HTML ফরম এর অনেক form tag রয়েছে । তার মধ্যে input tag টি বহুল ব্যবহৃত। বিভিন্ন রকম Input সমূহ […]

HTML টিউটোরিয়াল: ৯ম পর্ব (URL Redirection)

This entry is part 9 of 15 in the series ওয়েব ডিজাইন

সহজ ভাষায় ইউআরএল রিডাইরেকশন হচ্ছে, ধরুন আপনার একটি ওয়েবসাইট ছিল www.something.com নামে। এখন আপনার কোন কারণ বসত ওয়েবসাইট এর ডোমেইন নাম পরিবর্তন করে নতুন ডোমেইন www.anything.com করতে হবে। কিন্তু ব্যাপার হল আপনার ওয়েবসাইট এর ভিজিটরকে এক এক করে জানানো পসিবল না! এদিকে আপনি আগের ভিজিটরও হারাতে চাচ্ছেন না। এই কারণেই ওয়েব মাস্টারগণ এইচটিএমএল ডকুমেন্ট এরএর […]

HTML টিউটোরিয়াল: ১০ম পর্ব (Character Entities)

This entry is part 10 of 15 in the series ওয়েব ডিজাইন

HTML এর ভাষায় ক্যারেক্টার ইন্টিটিস বলতে সহজ ভাষায় বুঝায় সেসব স্পেশাল সিম্বলকে যেগুলো আমরা বিভিন্ন ব্রান্ডেড এবং নিবন্ধনকৃত পণ্য বা প্রতিষ্ঠানের নামের অথবা কোন ওয়েবসাইট অথবা লোগো এর পাশে দেখতে পারি। যেমন: ©, ®, ™ ইত্যাদি। এইচটিএমএল পেজে এগুলো লিখার পদ্ধতি দেখান হল:   Description    Entities Name    Entity Number    Result   Copyright […]

HTML টিউটোরিয়াল: ১১তম পর্ব (HTML5 Tags)

This entry is part 11 of 15 in the series ওয়েব ডিজাইন

এইচটিএমএল ৫ আগের ভার্সন এইচটিএমএল ৪.০১ থেকে আধুনিক এবং ইউজার ইন্টার‌্যাক্টিভিটি নিয়ে ওয়েব জগতে পদার্পন করেছে। বলা চলে এইচটিএমএল ৫ আসার পর ওয়েব মাষ্টারদের কাজের অনেক পরিবর্তন সাধিত হয়েছে। এইচটিএমএল ৪.০১ এর মত এইচটিএমএল ৫ ভার্সনেও ভিজুয়াল লুক বলতে শুধু মাত্র কাঠামটাই নয়। এইচটিএমএল ৫ দিয়ে নান্দনিক রূপ নিতে হলে আগের মতো সিএসএস এবং ইন্টার‌্যাক্টিভিটি […]

HTML টিউটোরিয়াল: ১২তম পর্ব (HTML5 Tags)

This entry is part 12 of 15 in the series ওয়েব ডিজাইন

ওয়ার্ল্ড ওয়াইড ওয়েব কন্সর্টিয়াম এইচটিএমএল ৫ ভার্সনে যে নতুন ট্যাগ ইলিমেন্ট এর সন্নিবেশ ঘটিয়েছেন সেটাই বর্তমান ওয়েব জগতের পরিবর্তনের একমাত্র কারণ হবে। বলে রাখা ভাল,যদি কেউ এইচটিএমএল ৫ এর ট্যাগ ইলিমেন্টগুলো ব্যবহার নাও করে তবেও তিনি পুরো একটি ওয়েব পেজ তৈরী করতে পারবেন। যদিও বর্তমান এইচটিএমএল ৫ ভার্সনের কিছু কিছু ট্যাগের পুরোপুরি কাজ করতে হলে […]

HTML টিউটোরিয়াল: ১৩তম পর্ব (HTML5 Tags)

This entry is part 13 of 15 in the series ওয়েব ডিজাইন

ওয়ার্ল্ড ওয়াইড ওয়েব কন্সর্টিয়াম এইচটিএমএল ৫ ভার্সনে যে নতুন ট্যাগ ইলিমেন্ট এর সন্নিবেশ ঘটিয়েছেন সেটাই বর্তমান ওয়েব জগতের পরিবর্তনের একমাত্র কারণ হবে। বলে রাখা ভাল,যদি কেউ এইচটিএমএল ৫ এর ট্যাগ ইলিমেন্টগুলো ব্যবহার নাও করে তবেও তিনি পুরো একটি ওয়েব পেজ তৈরী করতে পারবেন। যদিও বর্তমান এইচটিএমএল ৫ ভার্সনের কিছু কিছু ট্যাগের পুরোপুরি কাজ করতে হলে […]

HTML টিউটোরিয়াল: ১৪তম পর্ব (HTML URL)

This entry is part 14 of 15 in the series ওয়েব ডিজাইন

সাধারণত আমরা ইন্টারনেটে বসলেই কাজ বা অকাজে(!) বিভিন্ন ধরনের ওয়েবসাইট ব্রাউজ করি। যেমনঃ http://www.facebook.com, http://www.google.com. আসব ওয়েবসাইট ঠিকানাকে ইউআরএল বলে।  ইউআরএল(URL)  পূর্ন নাম হচ্ছে Uniform Resource Locators। এটি দ্বারা পুর্ণ ওয়েবসাইটের ঠিকানাকে বুঝায়। নিচের ইউআরএলটি দেখুন… নিচে একটি ডেমো ওয়েবসাইট ইউআরএল দেয়া হল যা বর্তমান নেই(!) … http://www.rangpursource.com/design/demo.html উপরের লিঙ্কটি নিয়ে নিয়ে বিস্তারিত আলোচনা করবো… Scheme(পদ্ধতি): […]

HTML টিউটোরিয়াল: ১৫তম পর্ব (HTML Zen Coding)

This entry is part 15 of 15 in the series ওয়েব ডিজাইন

Zen Coding এইচটিএমএল এর কোন ট্যাগ বা ভার্সন নয়। এটা একটই কোডিং ফ্রেমওয়ার্ক যা দিয়ে আপনি অনেক সহজে কোডিং করতে/ লিখতে পারবেন। এটা শুধু মাত্র একটি প্লাগিং/মডিউল যা আপনার কোডিং করার গতিকে বহুগুনে বাড়িয়ে দিবে। Zen Coding প্লাগিং/মডিউল দিয়ে কোডিং করতে চাইলে আপনাকে এই প্লাগিংটি ডাউনলোড করে নিতে হবে। আপনি নোটপ্যাড, সাব্লাইম টেক্সট এডিটর, ড্রিমওয়েভার […]