طراحي وب

آموزش جامع طراحی وبلاگ(قسمت دوازدهم)

تبلیغات
کانال تلگرام فتولیا
4 سوالی شهرداری

تبدیل قالب به صفحه ی وب

بخش ششم)

۱۹.امروز بخش آخر تبدیل به صفحه ی وب است و فقط پایین صفحه یا footer مانده است.پس اگر موافق باشید برویم سراغ کارمان.لطفا قالب را در PS باز کرده و طبق منوال گذشته(Flat کردن تصویر-انتخاب و ذخیره کردن بخش مورد نظر در فایل جدید) بخش فوتر را ذخیره نمایید.شکل زیر را مشاهده می کنید.

کد HTML زیر را می بایست بعد از تگ پایانی main قرار دهید:

کد CSS مربوط هم از قرار زیر است:

اگر مشاهده کنید،تا به اینجا پس زمینه ی کار را اضافه کردیم و می خواهیم در بخش خاکستری وسط یک نگهدارنده برای فوتر ایجاد کنیم.تگ آن را در بالا اضافه کرده ایم(footer_main) و فقط باید کد CSS کوچکی را محیا کنیم:

حالا می توانید محتویات مورد نظر را اضافه کنید.در اینجا ما برای مثال،چند لینک و کپی رایت را به این بخش می افزاییم.ولی قبل از آن باید نگهدارنده ی آنها را ایجاد کنیم:

همانطور که می بینید یک نگهدارنده برای سمت راست و یکی هم برای سمت چپ ایجاد کرده ایم که باید آنها را شناور کنیم تا در یک سطر قرار بگیرند.

حالا محتویات:

بعد از اتمام کار،کل CSS را در یک فایل جدا بنام style.css کنار فایل اصلی ذخیره می کنیم و بوسیله ی کد زیر آن را یه صفحه لینک می دهیم:

خوب دوستان عزیز،کار تبدیل قالب به صفحه وب هم تموم شد.فقط شاید برای بعضی از دوستان سوال پیش بیاد که،خوب صفحه مون رو که ساختیم،چطور آپلود کنیم.در یک بحث در آینده نیز این موضوع را شرح خواهیم داد.از همراهی تون ممنونم.امیدوارم لذت برده باشید ;)

12 Comments

    1. سلام دوست عزیز

      ممنونم.وقتی یه نفر مقاله رو می خونه و ازش استفاده می کنه همه خستگی از تن آدم درمیاد.لذت اصلی در همینه

      ممنون که نظر دادید

      موفق باشید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین مقالات فتولیا در ایمیل شما

در خبرنامه ما عضو شوید و آخرین مطالب و مقالات آموزشی را اول شما دریافت کنید