এইখানে click করে html practice করুন
এইখানে click করে Base convert করুন
Bangla Version
চতুর্থ অধ্যায় – অনুধাবনমূলক প্রশ্ন ও উত্তর সমূহ।
১। ওয়েবপেইজের সাথে ব্রাউজারের সম্পর্ক ব্যাখ্যা কর। ওয়েবপেইজ হলো এক ধরনের ওয়েব বা ইলেকট্রনিক ডকুমেন্ট যা বিভিন্ন দেশের সার্ভারে রাখা হয় এবং যে সফটওয়্যার এর সাহায্যে পৃথিবীর বিভিন্ন দেশের সার্ভারে রাখা পরস্পর সংযুক্ত ওয়েবপেইজ দেখা যায় তাকে ওয়েব ব্রাউজার বলে। অর্থাৎ যেকোন ইন্টারনেট ব্যবহারকারী পৃথিবীর যেকোন জায়গা থেকে বিভিন্ন দেশের বিভিন্ন সার্ভারে রাখা ওয়েবপেইজগুলো ব্রাউজারের সাহায্যে দেখতে পারে। এছাড়া ওয়েব ব্রাউজার একজন ব্যবহারকারীকে দ্রুত এবং সহজে ওয়েবপেইজের সাথে তথ্য আদান-প্রদানে সাহায্য করে। তাই ওয়েবপেইজ ও ব্রাউজার একে অপরের সাথে সম্পর্কিত। ২। “প্রতিনিয়ত পরিবর্তনশীল তথ্যের ওয়েবসাইট”-ব্যাখ...
Read Moreচতুর্থ অধ্যায় – জ্ঞানমূলক প্রশ্ন ও উত্তর সমূহ।
১। ওয়েব ডিজাইন কী? ওয়েব ডিজাইন হল এমন একটি প্রক্রিয়া যার সাহায্যে ওয়েবপেইজের বাহ্যিক সৌন্দর্য তৈরি করা হয়। অর্থাৎ এই প্রক্রিয়ায় একটি ওয়েবপেইজের বিভিন্ন লেআউট, রং, গঠন, গ্রাফিক্স এবং ইন্টারেক্টিভ বৈশিষ্ট্যগুলি নির্ধারন করা হয়। ২। ওয়েব বা www কী? ইন্টারনেট ব্যবহার করে ওয়েবসাইট থেকে তথ্য নেওয়ার প্রক্রিয়াকে বলা হয় ওয়েব। ওয়েব কে www (World Wide Web) ও বলা হয়। তিনটি প্রযুক্তির সমন্বয়ে ওয়েব গড়ে উঠেছে। যথা-HTML ,HTTP ও Web browser। ৩। ইন্টারনেট কী? ইন্টারনেট হলো পৃথিবীজুড়ে বিস্তৃত অসংখ্য নেটওয়ার্কের সমম্বয়ে গঠিত একটি বিরাট নেটওয়ার্ক ব্যবস্থা । ইন্টারনেটকে যোগাযোগ ব্যবস্থাও বলা হয়। ৪। ওয়...
Read Moreচতুর্থ অধ্যায় পাঠ-১০ ওয়েবপেইজ ডিজাইন ও ডেভেলপমেন্ট এবং ওয়েবসাইট পাবলিশিং।
এই পাঠ শেষে যা যা শিখতে পারবে-১। ওয়েবপেইজ ডিজাইন ও ডেভেলপমেন্ট ব্যাখ্যা করতে পারবে। ২। ওয়েবসাইট পাবলিশিং এর গুরুত্ব ব্যাখ্যা করতে পারবে। ৩। ওয়েবসাইট পাবলিশিং এর বিভিন্ন ধাপ সমূহ ব্যাখ্যা করতে পারবে। ৪। বিভিন্ন প্রকার হোস্টিং ব্যাখ্যা করতে পারবে। ওয়েবপেইজ ডিজাইন এবং ডেভেলপমেন্ট: ওয়েবসাইটের কনটেন্টগুলো বিভিন্ন ওয়েবপেইজের কোন অংশে কিভাবে প্রদর্শিত হবে তা নির্ধারন করাকে ওয়েবপেইজ ডিজাইন বলা হয়। ওয়েবপেইজ ডিজাইন সাধারণত গ্রাফিক্স সফটওয়্যার যেমন ফটোশপ দিয়ে করা হয় এবং তা পরবর্তীতে HTML ব্যবহার করে ওয়েবপেইজ ডেভেলপ বা তৈরি করা হয়। এছাড়া বিভিন্ন সার্ভার-সাইড স্ক্রিপটিং ভাষা ব্যব...
Read Moreচতুর্থ অধ্যায় পাঠ-৯ টেবিল তৈরি করার HTML কোড।
এই পাঠ শেষে যা যা শিখতে পারবে-১। ওয়েবপেইজে টেবিল তৈরি করতে পারবে। ২। টেবিলের রো মার্জ করতে পারবে। ৩। টেবিলের কলাম মার্জ করতে পারবে। HTML এ টেবিলঃ ওয়েবপেইজ তৈরি করার সময় বিভিন্ন ডেটা এবং তথ্য ছক আকারে উপস্থাপন করার জন্য টেবিলের প্রয়োজন হয়। টেবিল হলো কতকগুলো সারি (row) এবং স্তম্ভ (column) এর সমন্বয়ে গঠিত। একটি টেবিলের সকল উপাদানগুলো <table></table> ট্যাগ এর মধ্যে থাকে। টেবিলের সারি (row) তৈরি করার জন্য <tr>…</tr> ট্যাগ ব্যবহার করা হয়। টেবিলের সেলগুলো সারির মধ্যে থাকে। টেবিলের হেডার সেল তৈরি করার জন্য <th>…</th> ট্যাগ এবং ডেটা/অবজেক্ট স...
Read Moreচতুর্থ অধ্যায় পাঠ-৮ অর্ডারড লিস্ট, আনঅর্ডারড লিস্ট ও ডেসক্রিপশন লিস্ট।
এই পাঠ শেষে যা যা শিখতে পারবে-১। অর্ডারড লিস্ট (Ordered List) তৈরি করতে পারবে। ২। আনঅর্ডারড লিস্ট (Unordered List) তৈরি করতে পারবে। ৩। ডেসক্রিপশন লিস্ট (Description List) তৈরি করতে পারবে। HTML লিস্ট : অনেকসময় ওয়েবপেইজের তথ্য লিস্ট আকারে অর্থাৎ আইটেমগুলোকে নাম্বারিং বা পয়েন্ট আকারে প্রকাশ করার প্রয়োজন হয়। তথ্য লিস্ট আকারে প্রদর্শনের জন্য HTML এ তিন ধরনের লিস্ট আছে। যথা-১। অর্ডারড লিস্ট (Ordered List) ২। আনঅর্ডারড লিস্ট (Unordered List) ৩। ডেসক্রিপশন লিস্ট (Description List) Ordered List: অর্ডারড লিস্টের আইটেমগুলো সাধারণত অর্ডারিং বা নাম্বারিং করা ...
Read Moreচতুর্থ অধ্যায় পাঠ-৭ ইমেজ যুক্ত, হাইপারলিঙ্ক তৈরি, অডিও এবং ভিডিও যুক্ত করার HTML কোড।
এই পাঠ শেষে যা যা শিখতে পারবে-১। ওয়েবপেইজে ছবি যুক্ত করতে পারবে। ২। হাইপারলিঙ্ক তৈরি করতে পারবে। ৩।ওয়েবপেইজে ইমেজ হাইপারলিঙ্ক তৈরি করতে পারবে। ৪। ওয়েবপেইজে অডিও এবং ভিডিও যুক্ত করতে পারবে। ওয়েবপেইজে চিত্র বা ছবি যুক্ত করাঃ আমরা ওয়েবপেইজকে সুন্দর এবং সহজবোধ্য করার জন্য ওয়েবপেইজে বিভিন্ন প্রকার চিত্র বা ছবি যুক্ত করে থাকি। ওয়েবপেইজে কোনো চিত্র বা ছবি যুক্ত করার জন্য <img> অথবা <img/> ট্যাগ ব্যবহার করা হয়। ওয়েবপেইজে সাধারণত JPG/JPEG(Joint Photographic Experts Group),PNG(Portable Network Graphics), GIF(Graphics Interchange Format), SVG (Scalable Vector Grap...
Read Moreচতুর্থ অধ্যায় পাঠ-৬ হেডিং ট্যাগ ,প্যারাগ্রাফ ট্যাগ ,ফরম্যাটিং ট্যাগ ও ফন্ট ট্যাগ সমূহের ব্যবহার।
এই পাঠ শেষে যা যা শিখতে পারবে-১। বিভিন্ন হেডিং ট্যাগের ব্যবহার ব্যাখ্যা করতে পারবে। ২। প্যারাগ্রাফ ট্যাগের ব্যবহার ব্যাখ্যা করতে পারবে। ৩। বিভিন্ন ফরম্যাটিং ট্যাগের ব্যবহার ব্যাখ্যা করতে পারবে। ৪। ফন্টের বিভিন্ন বৈশিষ্ট্য নির্ধারণ করতে পারবে। HTML হেডিং ট্যাগঃ ওয়েবপেইজে কোন বিষয়ের শিরোনাম দেওয়ার জন্য HTML এ ৬ ধরণের হেডিং ট্যাগ রয়েছে। যার মধ্যে <h1> হলো সবচেয়ে বড় এবং <h6> সবচেয়ে ছোট। হেডিং ট্যাগ এর ওপেনিং ট্যাগ এবং ক্লোজিং ট্যাগ এর মধ্যে যা লেখা হয় তা শিরোনাম হিসাবে দেখায়। এগুলো হলো-<h1> …</h1> <h2> …</h2> <h3>...
Read Moreচতুর্থ অধ্যায় পাঠ-৫ঃ HTML এর সুবিধা এবং অসুবিধা সমূহ, HTML ট্যাগ, HTML এলিমেন্ট, HTML অ্যাট্রিবিউট।
এই পাঠ শেষে যা যা শিখতে পারবে-১। HTML বর্ননা করতে পারবে। ২। HTML ব্যবহারের সুবিধা ও অসুবিধা বর্ননা করতে পারবে। ৩। HTML ট্যাগ ও এর প্রকারভেদ ব্যাখ্যা করতে পারবে। ৪। HTML এলিমেন্ট ও অ্যাট্রিবিউট ব্যাখ্যা করতে পারবে। ৫। একটি ওয়েবপেইজ তৈরির জন্য HTML এর মৌলিক কোড লিখতে পারবে। ৬। ওয়েবপেইজ তৈরির প্রয়োজনীয় টুলস বর্ননা করতে পারবে। HTML এর মৌলিক বিষয় সমূহঃ HTML হল Hyper Text Markup Language। এটি মুলত ওয়েবপেইজ তৈরির জন্য ব্যবহৃত মার্কআপ ল্যাংগুয়েজ। HTML দ্বারা তৈরি ফাইলসমুহের এক্সটেনশন .html অথবা .htm হয় যা সাধারণত ওয়েবপেইজ নামে পরিচিত। HTML কে মার্কআপ ল্যাংগুয়েজ বলা হয় ...
Read Moreচতুর্থ অধ্যায় পাঠ-৪ঃ ওয়েবসাইটের কাঠামো (লিনিয়ার, ট্রি, ওয়েব লিঙ্কড ও হাইব্রিড কাঠামো )।
এই পাঠ শেষে যা যা শিখতে পারবে-১। ওয়েবসাইটের বিভিন্ন ধরণের পেইজ ব্যাখ্যা করতে পারবে। ২। ওয়েবসাইটের কাঠামো ব্যাখ্যা করতে পারবে। ৩। বিভিন্ন প্রকার ওয়েবসাইট কাঠামো ব্যাখ্যা করতে পারবে। ৪। বিভিন্ন প্রকার ওয়েবসাইট কাঠামোর মধ্যে তুলনামূলক বিশ্লেষণ করতে পারবে। ওয়েবসাইটের কাঠামোঃ ওয়েবসাইটের কাঠামো বলতে বুঝায় ওয়েবসাইটের পেইজগুলো কিভাবে একে অপরের সাথে সংযুক্ত থাকবে। যেমনঃ হোম পেইজের সাথে সাব-পেইজগুলো আবার সাব-পেইজগুলো নিজেদের মধ্যে কিভাবে একে অপরের সাথে সংযুক্ত থাকবে। ওয়েবসাইটে একাধিক ওয়েবপেইজ থাকলে পেইজগুলো একে অপরের সাথে সংযুক্ত থাকে। ওয়েবপেইজগুলো তাদের সংযোগের উপর ভিত্তি করে...
Read Moreচতুর্থ অধ্যায় পাঠ-৩ঃ আইপি অ্যাড্রেস, ওয়েব অ্যাড্রেস অথবা URL এর বিভিন্ন অংশ সমূহ।
এই পাঠ শেষে যা যা শিখতে পারবে-১। আইপি(IP) অ্যাড্রেস ব্যাখ্যা করতে পারবে। ২। IPv4 এবং IPv6 এর মধ্যে পার্থক্য করতে পারবে। ৩। ওয়েব অ্যাড্রেস বা URL এর বিভিন্ন অংশের বিস্তারিত ব্যাখ্যা করতে পারবে। আইপি অ্যাড্রেস(IP address): IP Address এর পূর্নরুপ Internet Protocol Address। ইন্টারনেট বা নেটওয়ার্কে যুক্ত প্রতিটি কম্পিউটার বা যন্ত্রের বা ওয়েবসাইটের একটি অদ্বিতীয় অ্যাড্রেস বা ঠিকানা থাকে এই অদ্বিতীয় অ্যাড্রেসকে বলা হয় আইপি অ্যাড্রেস।আইপি অ্যাড্রেস দুই প্রকার – IPV4 এবং IPV6 IPV4: IPV4 হলো Internet Protocol Version-4 । বর্তমানে IPV4 বহুল ব্যবহৃত আইপি অ্যাড্রেস। IPV4 এ প্র...
Read Moreচতুর্থ অধ্যায় পাঠ-২: ওয়েবসাইটের প্রকারভেদ (স্ট্যাটিক এবং ডাইনামিক)।
এই পাঠ শেষে যা যা শিখতে পারবে-১। স্ট্যাটিক ওয়েবসাইট এবং এর বৈশিষ্ট্য ব্যাখ্যা করতে পারবে। ২। স্ট্যাটিক ওয়েবসাইটের সুবিধা ও অসুবিধা বর্ননা করতে পারবে। ৩। ডাইনামিক ওয়েবসাইট এবং এর বৈশিষ্ট্য ব্যাখ্যা করতে পারবে। ৪। ডাইনামিক ওয়েবসাইটের সুবিধা ও অসুবিধা বর্ননা করতে পারবে। ৫। স্ট্যাটিক ওয়েবসাইট ও ডাইনামিক ওয়েবসাইটের মধ্যে পার্থক্য করতে পারবে। গঠন বৈচিত্রের ওপর ভিত্তি করে ওয়েবসাইটকে সাধারণত দুইভাবে ভাগ করা যায়। যথা-স্ট্যাটিক ওয়েবসাইট ডাইনামিক ওয়েবসাইটস্ট্যাটিক ওয়েবসাইটঃ যে সকল ওয়েবসাইটের তথ্য সাধারণত সময়ের সাথে পরিবর্তনশীল নয় তাদেরকে স্ট্যাটিক ওয়েবসাইট বলা...
Read Moreচতুর্থ অধ্যায় পাঠ-১ঃ ওয়েব ডিজাইন পরিচিতি এবং এই সম্পর্কিত বিভিন্ন টার্ম সমূহ।
এই পাঠ শেষে যা যা শিখতে পারবে-১। ওয়েব ডিজাইন ব্যাখ্যা করতে পারবে। ২। ওয়েব ডিজাইন সম্পর্কিত বিভিন্ন টার্ম গুলো ব্যাখ্যা করতে পারবে। ওয়েব ডিজাইনঃ ওয়েব ডিজাইন হল এমন একটি প্রক্রিয়া যার সাহায্যে ওয়েবপেইজের বাহ্যিক সৌন্দর্য তৈরি করা হয়। অর্থাৎ এই প্রক্রিয়ায় একটি ওয়েবপেইজ বা ওয়েবসাইটের বিভিন্ন লেআউট, রং, গঠন, গ্রাফিক্স এবং ইন্টারেক্টিভ বৈশিষ্ট্যগুলি নির্ধারন করা হয়। ওয়েব ডিজাইনের ক্ষেত্রে বিভিন্ন সফটওয়্যার এবং টুলস ব্যবহার করা হয়। যেমন- Dreamweaver, Photoshop ইত্যাদি। ইন্টারনেটঃ ইন্টারনেট হলো পৃথিবীজুড়ে বিস্তৃত অসংখ্য নেটওয়ার্কের সমম্বয়ে গঠিত একটি বিরাট নেটওয়ার্ক ব্যবস্থা...
Read More