এজলেজার ওয়েবসাইট (EdgeLedger Website):
মডিউল ৭ এ এসে অপেক্ষাকৃত জটিল একটি ওয়েবসাইট নিয়ে কাজ করলাম। ওয়েবসাইটের একটি কাল্পনিক নাম দিলাম EdgeLedger. এটি তৈরিতে বেশ কয়েকদিন সময় লাগিয়েছিলাম, যাতে কোনটা কিভাবে কাজ করছে, তা বুঝতে পারি।
ওয়েবসাইট এ যা যা ছিলঃ
১। প্রথমে লোগোসহ একটি ন্যাভবার, যা স্টিকি করা হয়েছিল। এটি একটি স্ট্যাটিক ওয়েবসাইট, প্রত্যেকটি মেন্যুতে ওয়েবসাইটের বিভিন্ন সেকশনের আইডি লিঙ্ক আপ করা হয়েছে, যাতে মেন্যুতে ক্লিক করে সেই সেকশনে যাওয়া যায়। স্মুথভাবে কাজ করার জন্য জেকুয়েরি ব্যবহার করা হয়েছে, যা তেমন কঠিন কিছু ছিল না।
২। ফন্ট হিসাবে ফন্ট-অসাম থেকে রোবোটো ব্যবহার করা হয়েছে।সো-কেস সেকশনে একটি ব্যাকগ্রাউন্ড ইমেজ ব্যবহার করা হয়েছে, সাথে একটা বড় হেডিং।
৩। পরবর্তী সেকশনে 'আমরা কি করি (What We Do)' তা বলা হয়েছে তিনটি সেকশন তৈরি করে।
৪। পরের সেকশনে 'আমাদের পরিচয়' ও একটি গ্রুপ-ফটো দেওয়া হয়েছে।
৫। ক্লায়েন্টস সেকশনে কিছু কোম্পানির লোগো ব্যবহার করা হয়েছে।
৬। তারপর একটি কন্টাক্ট ফর্ম ও গুগল ম্যাপ ব্যবহার করা হয়েছে। গুগল ম্যাপের জন্য কিছু জাভাস্ক্রিপ্ট ব্যবহার করা হয়েছে।
৭। সর্বশেষে ফুটার সেকশন।
ওয়েবসাইটটি রেস্পন্সিভ করার লক্ষ্যে widescreen.css ও mobile.css নামে অতিরিক্ত ২ টি আলাদা সি.এস.এস ফাইল ব্যবহার করা হয়েছে, যাতে করে ট্যাবলেট ও মোবাইল ফোনেও ওয়েবসাইটটি ভালভাবে দেখা, ভিজিট করা যায়।
No comments:
Post a Comment