×

semi-footer(project:1)

প্রকাশিত হয়েছে: 23.9.2013 তারিখ

ভিডিওটির দৈর্ঘ্য: 23.14 মিনিট

ইউটিউবে দেখা হয়েছে: 803 বার

এইখানে দেখা হয়েছে: 2,076 বার

ভালো লেগেছে: 6 জনের

ভালো লাগেনি: 0 জনের

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

 

We are almost at the bottom of our web template and there’s only two sections left to be coded. We can call them footer altogether, but I prefer to call the top portion semi footer cause this part usually contains dynamic and useful content like twitter feed, recent blog posts etc. In our template its a twitter feed and we are not yet ready to see how we can dynamically fetch latest tweet from twitter api so for now, we will just see how we can create the styling with css to make it look like our psd template.

ট্যাগসমূহ:

Related Video Tutorials



কথোপকথন শুরু হয়ে গেছে! আপনিও যোগ দিন- ইতোমধ্যে 1 টি মন্তব্য করা হয়েছে :

  1. নাঈমুল খানon January 28, 2014, at 9:27 am Reply

    অনেক সুন্দরভাবে বোঝানো হয়েছে। ধন্যবাদ।

Leave a Reply

Your email address will not be published. Required fields are marked *



আমাদের কিছু কথা

দেশের জন্য কিছু করার লক্ষ্য নিয়েই বিডিগিকসের পথচলা! আমাদের ছোট্টো দেশের অগনিত সব জ্ঞানপিপাসু geeks & nerds আছে তাদের জন্য কোডিং শেখার পথ সুগম করার একটি ক্ষুদ্র প্রয়াস এই বিডিগিকস প্রজেক্ট! প্রায় ৪৫০+ রেজিস্টার্ড ইউজার সমৃদ্ধ আমাদের এই সাইটের সফলতা কতোখানি তার বিচারক আপনারাই!

কিছু টুইটস

Flickr Photos

    যোগাযোগ

    E-mail Foysal: foysal@bdgeeks.com
    E-mail Iraa: iraa@bdgeeks.com

    Copyright © 2012 - Foysal Ahamed-BdGeeks | All Rights Reserved

    scroll to top