انجمن برنامه نویسان البرز

تبلیغات

طراحی قالب HTML و CSS تک صفحه ای – درس اول

طراحی قالب HTML و CSS تک صفحه ای – درس اول


با سلام خدمت تمام کاربران عزیر از امروز میخواهیم طراحی وبسایت و تبدیل سند PSD به HTML و CSS و جاوا اسکریپت را به شما عزیزان آموزش بدهیم . قالبهای سایت ابتدا در نرم افزار photoshop ساخته میشوند سپس  خروجی که به صورت فایل PSD میباشد، در اختیار طراح سایت قرار میگیرد تا با استفاده از آن نسخه ی HTML و CSS  را ایجاد کرده و آن را آماده ی مرحله ی بعدی نماید. طراحی ما از یک قالب ساده شروع میشود! یک قالب HTML و CSS تک صفحه ای  و رفته رفته در پروژه های بعدی به آموزش Responsive کردن قالبهای پیشرفته تر استفاده از کتابخانه هایی نظیر Bootstrap و Foundation و استفاده از پیش پردازنده های CSS نظیر Less و Sass میپردازیم. هدف ما این است که شما در پایان این مجموعه به تبدیل کردن یک سند PSD به HTML و CSS تسلط کامل داشته باشید . قالبهای مختلف به وسیله ی ابزار و تکنیکهای مختلف پیاده سازی میشوند . پس اگر شما از دسته ی Web developer هایی هستید که در حال حاضر در این حرفه مشغول به کار هستید لطفا کمی شکیبا باشید . برای شما نیرز مطالب مفیدی در نظر داریم. نکته پایانی اینکه هر جا نیاز به استفاده از ویدئو باشد با آموزش تصویری در خدمت شما عزیزان هستیم و هر جا نیاز به استفاده از آموزشهای متنی باشد با تصاویر و کدها به هدف خود خواهیم رسید.

خوب برای قالب اول که قالبی نسبتا ساده میباشد من برای شما این طرح رو در نظر گرفتم که میتوانید سند PSD آن را از اینجا دانلود کنید و آن را در نرم افزار Phtoshop مشاهده نمایید. نگاهی به طرح بیندازیم.

پیش از هر چیزی نیاز داریم که یک فولدر برای ساختن فایلهای خود داشته باشیم که میتوانید آن را از اینجا دانلود کنید.

در ویدیوی زیر قدم به قدم جلو میرویم و شروع به ساخت قالب HTML و CSS تک صفحه ای خود میکنیم.

هر گونه سوال و یا اشکالی را با ما از طریق کامنتها مطرح کنید. در جلسه ی بعدی به ساختن ادامه ی کار میپردازیم.




کلمات کلیدی :

نظر بدهید

4 دیدگاه برای “طراحی قالب HTML و CSS تک صفحه ای – درس اول

  • حسین گفته
    ۱۴ مرداد ۹۶

    با سلام و خسته نباشید خدمت استاد گرامی

    اینجانب در گمان بودم که جلسه بعدی شما کی فرا خواهد رسید

    با تشکر:

    • احسان صبوئی گفته
      ۱۴ مرداد ۹۶

      با سلام
      روزهای آخر هر هفته مطالب جدید گذاشته میشه دوست عزیز 🙂
      موفق باشید

  • مهدی گفته
    ۱۴ مرداد ۹۶

    سلام چجوری ویدیو رو دانلود کنم؟؟؟

    • علیرضا صبوئی گفته
      ۱۴ مرداد ۹۶

      روی عنوان ویدیو در پایین سمت چپ کلیک کنید تا به سایت آپارات هدایت بشید. در اونجا لینک دانلود موجوده