Dreamweaver দিয়ে ওয়েব ডিজাইন – ৭ (Html )

8
517
Dreamweaver দিয়ে ওয়েব ডিজাইন – ৭ (Html )

ইয়াসির আরাফাত

অন্ধকারের সাথে লড়াই করে টিকে থাকার ব্যার্থ চেষ্টা করি মাত্র । একটি পাঁচমিশেলি ব্লগ এ কাজ শুরু করেছি । সেই ব্লগের নাম http://www.nixbd.com
Dreamweaver দিয়ে ওয়েব ডিজাইন – ৭ (Html )

Html বা Hyper Text Markup Language হলো একটি format যাতে বিভিন্ন প্রকারের formatting ও hyperlink ব্যবহার করা যায়। এর extension হল .htm বা .html । আর ওয়েবসাইটে html সবচেয়ে বেশি ব্যবহৃত হয়।
কাকতাড়ুয়া ভায়ের Html শেখার সহজ উপায় http://www.tunerpage.com/html-tutorial/ গুলো পড়ুন ।

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

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

আপনার কম্পিউটারের নোট প্যাড খুলুন । নিচের চিত্রের লেখা গুলো লিখুন । সেভ করার সময় যে কোন নাম . Html ও ইন কোডিং এ ইউনিকোড করে নিবেন । নয়ত আপনি যখন ব্রাউজারে চালানোর চেষ্টা করবেন তখন ???????????????????? প্রদশিত হতে পারে । যদি আপনি আপনার এই পেজটি হোম পেজ করতে চান তাহলে index.html নামে সেভ করবেন ।

যে কোন HTML ফাইল অবশ্যই ট্যাগ দিয়ে শুরু হয় এবং শেষ হয় ট্যাগ দিয়ে । আপনি আপনার ওয়েব পেজে যে লেখা গুলো দেখাতে চান সে গুলো লিখতে হয় বডি এর ভীতরে । লেখা শেষে লিখতে হবে । নিচের চিত্র টি লক্ষ করুন ।

Dreamweaver দিয়ে ওয়েব ডিজাইন – ৭ (Html )

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

অনেক সময় আমাদের কোন বাক্যর ফন্ট বড় করার, রং পরিবর্তন করার ,এলাইন করার প্রয়োজন হয় ।এ ক্ষেত্রে যে বাক্যটির শুরু তেই আপনাকে লিখতে হবে এলাইনের জন্য

আপনি center left ,right বসাতে পারেন ।বোল্ড করার জন্য ফন্ট সাইজ ও রং পরিবর্তনের জন্য আপনি আপনার প্রয়োজন মত ফন্ট সাইজ নিতে পারবেন ও রেড এর পরিবর্তে অন্য কালার এর নাম লিখে দিতে পারেন । শেষের অংশে বুস্তেই পারছেন

পেজকে দৃষ্টি নন্দন করে ফুটিয়ে তোলার জন্য অনেক সময় বর্ডার এর ব্যবহারের প্রয়জন হতে পারে । এটিও খুব সহজ তবে কোড লেখার সময় একটু ধর্জ ধরে লিখতে হবে । একই নিয়মে যে টুকু আপনি বর্ডার দিতে চান তার পূর্বে লিখুন –

……………… চিত্রটি দেখুন ।

Dreamweaver দিয়ে ওয়েব ডিজাইন – ৭ (Html )

Dreamweaver দিয়ে ওয়েব ডিজাইন – ৭ (Html )

আপনার পেজে ইমেজ ও জীপ এনিমেশন প্রদর্শন করাতে পারেন । এই কাজটি সুন্দর ভাবে করতে চাইলে একটি নির্দিস্ট রুটে আপনাকে ছবি ও জীপ ফাইল গুলো রাখতে হবে তাহলে ছবি গুলো মিশিং হবেনা । ছবির ক্ষেত্রে আপনার কোড হবে এমন im.jpg এখানে আপনার ছবির নাম দিতে হবে । এমিমেটেড জীপ ফাইলের ক্ষেত্রেও একই শুধু .jpg এর পরিবর্তে .gif হবে ।

ব্যাকগ্রউন্ড কালার font color পরিবর্তনের ক্ষেত্রে <body bgcolor=”blue”

আপনি আপনার ইচ্ছে মত কালার পরিবর্তন করতে পারেন ।

আপনি ইচ্ছে করলে এখানে বিভিন্ন সাইট লিংক করতে পারেন খুব সহজে এটি করতে হলে লিখতে হবে tunerpage(এটি মূলত আপনার বাটন হিসেবে কাজ করবে ।) (অর্থাৎ কোডিং শেষ হলো ।)

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

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

8 মন্তব্য

  1. অসাধারণ একটি পোস্ট! অনেক কাজে আসবে…! :)

  2. পোস্টটি দেখতে ছোট হলেও আমি প্রাথমিক বিষয় গুলো লিখে বোঝানোর চেষ্টা করেছি । সবগুলো ছবিসহ দিলে ৫ টি পোস্ট এর প্রয়োজন হত । তা ছাড়া কাকতাড়ুয়া ভায়ের Html শেখার সহজ উপায় http://www.tunerpage.com/html-tutorial/ গুলো তো আছেই বিষদ বর্ননা সহ ।

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

17 + 20 =