somewhere in... blog
x
ফোনেটিক ইউনিজয় বিজয়

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল:- পর্ব ১: টুলস পরিচিতি ও প্ল্যানিং

২৬ শে ডিসেম্বর, ২০০৯ বিকাল ৫:১২
এই পোস্টটি শেয়ার করতে চাইলে :

আগের পর্বে (পর্ব 0: সূচনা ও প্রস্তুতি) জানিয়েছি কি কি প্রয়োজন হবে আমাদের...... এই পর্বে থাকছে টুলসগুলির ব্যবহার এবং বেসিক প্ল্যানিং....

ফায়ারবাগ ব্যবহার:
আপনারা আশা করি ফায়ারবাগ ইনস্টল করে ফেলেছেন... সফলভাবে ইনস্টল করলে নিচের ছবির ১ নং বৃত্তটির মত একটি গুবরে পোকা সদৃশ ছবি দেখতে পাবেন আপনার ফায়ারফক্সের স্ট্যাটাস বারের নিচে ডান দিকে...... এবার ক্লিক করুন ওখানে.... ছবির ২ নং অংশের মত একটি আয়তাকার অংশ ওপেন হবে.... এটি হল সামহোয়ারইন সাইটের এইচ.টি.এম.এল..... এবার ৬ নং এ দেখানো অ্যারোটাতে ক্লিক করুন এবং ওয়েবপেজে মাউস নিয়ে মুভ করতে থাকুন, দেখবেন ৩ নং আয়তাকার অংশটিক্রমাগত পরিবর্তন হচ্ছে....



এবার আসা যাক ৩ নং অংশের জন্যে...... এখানে আপনারা অনেক কিছুই লেখা দেখছেন, তাইনা ??? সব এড়িয়ে যান এখন...... শুধু যেটা নোটিস করবেন তা হল: মাউসটি যে অংশে থাকছে সেখানে আরো কিছু থাকলে তা নীল বর্ডারের মাঝে দেখাচ্ছে < div > (ডিভ ট্যাগ) এবং ডান পাশে অংশটি পরিবর্তন হচ্ছে( ৫ নং এরিয়া)

এর কারণটা বলি, প্রথাগতভাবে এইচ.টি.এম.এল টিউটোরিয়াল শুরু হয় ব্যবহারকারীকে সিনট্যাক্স শিখানোর মধ্য দিয়ে.... এইচ.টি.এম.এল. হল অনেকগুলো ট্যাগের সমষ্টি...... ট্যাগ বলতে কিছু টেক্সটের সমষ্টি বুঝায় যার শুরু ও শেষ স্পষ্টভাবে একটি শব্দ দ্বারা উল্লেখ করা হয় এবং শব্দটি টেক্সটগুলির রিপ্রেজেন্টেশন কেমন হবে তা ডিফাইন করে....যেমন: < বোল্ড > ক-খ-গ-ঘ < /বোল্ড > অর্থ হল ক-খ-গ-ঘ অক্ষরগুলিকে বোল্ড করে ক-খ-গ-ঘ দেখাতে হবে......
শেখার জন্যে ১৯৯০(ইন্টারনেটের জন্মসাল)-এ এটি ১০০% সঠিক পথ ছিল কিন্তু ২০০৯ এর শেষ প্রান্তে এসে বলা যায় ১৯৯০ সালে টিম বার্নস লি'র হাতে সূচনা হওয়া প্রজেক্ট আজ অনেক এগিয়েছে, কাঠামোবদ্ধ হয়েছে (যেকোন একটি সুন্দর স্থাপনার মত).... এবং এখন মোটামুটিভাবে বলা যায় যেকোন ওয়েবপেজই( এটাকে স্থাপনা মনে করুন) মূলত অনেকগুলি ডিভিশন ট্যাগের( এটাকে স্থাপনা'র ইটগুলি মনে করুন) সমষ্টি........ ফলে যেকোন পেজ বানাতে/এডিট করতে চাইলে আমাদের সেটার ডিভ ট্যাগগুলিকে বের করতে হবে এবং এরপর সেটার মাঝের এলিমেন্টগুলিকে তৈরী/এডিট করতে হবে....... এটাকে অনেকটা মানচিত্রে শহর খোঁজার করার মত বলা যায়......প্রথমে বিভাগ- তারপর জেলা- তারপর শহর....... ফলে প্রথাগত পদ্ধতিতে এগুতে হবে এমন কোন কথা নেই

প্ল্যানিং:
অনেক কথা লিখে ফেললাম...... এ পর্বটা আমাদের এটাই ধারণা দিল যে, আমরা যেকোন ওয়েবপেজকে এভাবে ভাগ করে নিব যে: মনিটরের স্ক্রিনটা একটা ফাঁকা জায়গা, আমরা সেই জায়গাতে একটা সুন্দর স্থাপনা বানাতে চাই ফলে অনেকগুলো ডিভ ট্যাগ ব্যবহার করে ডিফাইন করব কোথায় কি থাকবে......

এবার ২টি টেস্ট:
১) সামহোয়ারইন সাইটের উপরে যে ছবিটা আছে সেই ছবিটাকে ফায়ারবাগ অন করে সিলেক্ট করুন এবং ছবিটার লিংক বের করুন( ছবিটা সিলেক্ট করলে ফায়ারবাগ প্যানেলের ৫নং অংশে background লিখার পাশে লিখা আছে দেখবেন, ওটাই লিংক)
২) ধরুন আপনি গুগলের হোমপেজটার মত একটা সাইট বানাবেন...... কি মনে হয় আপনার ??? কয়টি ডিভ লাগবে?? মানে কয়টি অংশে ভাগ করবেন ওদের সাইটটা ???

টেস্ট গুলির উত্তর শেয়ার করবেন আশা করি......সামনের পর্বগুলির জন্যে এটা দরকার...... ভাল থাকুন সবাই :)
সর্বশেষ এডিট : ২৬ শে ডিসেম্বর, ২০০৯ বিকাল ৫:৫০
৩১টি মন্তব্য ২৩টি উত্তর

আপনার মন্তব্য লিখুন

ছবি সংযুক্ত করতে এখানে ড্রাগ করে আনুন অথবা কম্পিউটারের নির্ধারিত স্থান থেকে সংযুক্ত করুন (সর্বোচ্চ ইমেজ সাইজঃ ১০ মেগাবাইট)
Shore O Shore A Hrosho I Dirgho I Hrosho U Dirgho U Ri E OI O OU Ka Kha Ga Gha Uma Cha Chha Ja Jha Yon To TTho Do Dho MurdhonNo TTo Tho DDo DDho No Po Fo Bo Vo Mo Ontoshto Zo Ro Lo Talobyo Sho Murdhonyo So Dontyo So Ho Zukto Kho Doye Bindu Ro Dhoye Bindu Ro Ontosthyo Yo Khondo Tto Uniswor Bisworgo Chondro Bindu A Kar E Kar O Kar Hrosho I Kar Dirgho I Kar Hrosho U Kar Dirgho U Kar Ou Kar Oi Kar Joiner Ro Fola Zo Fola Ref Ri Kar Hoshonto Doi Bo Dari SpaceBar
এই পোস্টটি শেয়ার করতে চাইলে :
আলোচিত ব্লগ

মধ্যপ্রাচ্যে যুদ্বাবস্থার প্রেক্ষিতে বাংলাদেশের অর্থনৈতিক ভবিষ্যৎ-পর্ব ৩

লিখেছেন ডঃ এম এ আলী, ০৭ ই আগস্ট, ২০২৬ সকাল ৮:৪৯


বাংলাদেশের অর্থনৈতিক ভবিষ্যৎ: মধ্যপ্রাচ্যনির্ভর রেমিট্যান্স কৃষিভিত্তিক শিল্পায়ন ও টেকসই উন্নয়নের বিকল্প কৌশল
একটি অর্থনৈতিক ও ভূ-রাজনৈতিক ফিজিবিলিটি স্টাডি ।

একটি ধারাবাহিক গবেষনামুলক পোস্ট
[link|https://www.somewhereinblog.net/blog/ali2016/30393976|প্রথম পর্বে থাকা গবেষনাটির পটভুমির লিংক – পর্ব... ...বাকিটুকু পড়ুন

সরকারী প্রতিষ্ঠান বিটিভির মহাপরিচালক পদে নিয়োগ পেয়েছে বেসরকারী ব্যক্তি কাজি জেসিন!

লিখেছেন ঢাবিয়ান, ০৭ ই আগস্ট, ২০২৬ সকাল ৯:৫২




আশির দশককে বলা হয় বিটিভির নাটকের স্বর্ণযুগ । সেই সময়ে বিটিভিতে মহাপরিচালক হিসাবে বিভিন্ন সময়ে ছিলেন মুস্তাফিজুর রহমান,এম এ সাঈদ , জামিল চৌধুরি প্রমুখ।... ...বাকিটুকু পড়ুন

বৃষ্টি দিনের গল্প!

লিখেছেন রাজীব নুর, ০৭ ই আগস্ট, ২০২৬ সন্ধ্যা ৬:০৫



টিভি বা পত্রপত্রিকায় আবহাওয়া'র খবর নিয়ে নিউজ হয়-
দেশের বিভিন্ন অঞ্চলে বৃষ্টি ও বজ্রবৃষ্টির প্রবণতা অব্যাহত থাকতে পারে। একই সঙ্গে কোথাও কোথাও মাঝারি ধরনের ভারী থেকে অতিভারী বর্ষণের পূর্বাভাস... ...বাকিটুকু পড়ুন

‘গুম প্রতিরোধ ও প্রতিকার আইন, ২০২৬’-এর খসড়া লেজিসলেটিভ ও সংসদ বিষয়ক বিভাগের ভেটিং-সাপেক্ষে চূড়ান্ত অনুমোদন দিয়েছে মন্ত্রিসভা।

লিখেছেন জুল ভার্ন, ০৭ ই আগস্ট, ২০২৬ রাত ৮:১০


‘গুম প্রতিরোধ ও প্রতিকার আইন, ২০২৬’-এর খসড়া লেজিসলেটিভ ও সংসদ বিষয়ক বিভাগের ভেটিং-সাপেক্ষে চূড়ান্ত অনুমোদন দিয়েছে মন্ত্রিসভা।

গুমের অপরাধের জন্য সর্বোচ্চ যাবজ্জীবন কারাদণ্ড এবং অর্থদণ্ডের বিধান রাখা হয়েছে। এছাড়া ভুক্তভোগীকে... ...বাকিটুকু পড়ুন

মধ্যপ্রাচ্যে যুদ্বাবস্থার প্রেক্ষিতে বাংলাদেশের অর্থনৈতিক ভবিষ্যৎ-পর্ব ৪

লিখেছেন ডঃ এম এ আলী, ০৮ ই আগস্ট, ২০২৬ রাত ২:১৬


বাংলাদেশের অর্থনৈতিক ভবিষ্যৎ: মধ্যপ্রাচ্যনির্ভর রেমিট্যান্স কৃষিভিত্তিক শিল্পায়ন ও টেকসই উন্নয়নের বিকল্প কৌশল
একটি অর্থনৈতিক ও ভূ-রাজনৈতিক ফিজিবিলিটি স্টাডি ।
একটি ধারাবাহিক গবেষনামুলক পোস্ট
[link|https://www.somewhereinblog.net/blog/ali2016/3039397|১ম পর্বে থাকা গবেষনাটির পটভুমির লিংক – পর্ব... ...বাকিটুকু পড়ুন

×