• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی طراحی وب (جلسه 19): پروژه : تبدیل قالب PSD فتوشاپ به کدهای html و CSS

78 16454 ۱۰ اسفند ۹۳
در این جلسه از دوره آموزش طراحی وب به تبدیل یک قالب شیک و فلت PSD به کدهای html و css خواهیم پرداخت و نکات ریز و درشت مربوط به این تبدیل رو به شما آموزش خواهیم داد . این جلسه از آموزش رو دوست خوبم آقا جواد باقی در خدمت شما هستند . دموی قالب تبدیل و طراحی شده در این جلسه عموم مطالب مطرح شده در این جلسه عبارتند از :
  • مقدمه اولیه برای تبدیل قالب فتوشاپ به کد
  • ذکر معایت و مزیت های کدنویسی مستقیم در مقالب طراحی با فتوشاپ
  • پیشنیازهای تبدیل قالب فتوشاپ به کد
  • تشریح روند و مراحل کلی تبدیل قالب به کد
  • نمایش قالب انتخابی و توضیح ساختار آن
  • شروع تبدیل قالب از بالا به پایین
  • کدنویسی هدر قالب
  • کدنویسی اسلایدر
  • کدنویسی سایدبار و محتوای قالب
  • کدنویسی فوتر قالب
  • نمایش قالب تبدیل شده و توضیحات نهایی
این مطلب یک جلسه از کاملترین و کاربردی ترین پکیج و دوره آموزش طراحی وب است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : به جای صرف هزینه های چند صد هزارتومانی برای یادگیری طراحی وب ، تنها با 30% هزینه ی کلاس های حضوری، دوره ی کامل و حرفه ای آموزش طراحی وب را برای شما عزیزان برگزار کرده ایم. در این دوره مفاهیم اساسی و پایه ای طراحی وب مطرح خواهد شد و زبان های HTML5 و CSS3 با جزئیات کامل و به صورت کاملا عملی و کاربردی تدریس می شود. وجه تمایز و مزیت این دوره نسبت به دوره های مشابه، کاربردی بودن آن است. در این دوره مواردی مانند آموزش طراحی قالب متناسب با سئو، آموزش طراحی وب واکنشگرا (Responsive)، آموزش تبدیل قالب فتوشاپی به صفحه وب، آموزش ترجمه و فارسی سازی قالب های خارجی، آموزش طراحی قالب برای سیستم های وبلاگدهی (بلاگفا و میهن بلاگ) به صورت کاملا عملی، از پایه تا پیشرفته توسط مدرسی با تجربه 10 ساله طراحی وب و دانشجوی دکترای نرم افزار برای شما به صورت کاملا اصولی و عملی تدریس می شود. شما برای این حجم مطالب آموزشی فقط یک سوم کلاس های حضوری هزینه می کنید! ما رضایت شما را تضمین خواهیم کرد ...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 78 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    سلام استاد اوند عزیز
    ببخشیدم ن اگه بخام اون لوگوی بالایی که استاد باقی به صورت html ,cssکد بزنم به چه صورته ؟/
    میخام یه h1داشته باشه که تایتل اصلیه و یه دونه h3که description هستش ؟
    میشه راهنمایی کنین ممنون 😆
    باید از float استفاده کنم دیگه بله ؟؟

    • ‏‏
      وحید صالحی(۲۴ شهریور ۱۳۹۵)

      بله از float استفاده کنید بعضی مواقه هم برای اینکه تسلطتتون بیشتر بشه بصورت آزمون و خطا پراپرتی های که فکر می کنید می تونه کار کنه رو امتحان کنید اینجوری مباحث رو بهتر و سریع تر یاد می گیرید
      موفق باشید

  • ‏‏

    سلامی دیگر :roll:
    استاد موقعی که میخاستیم قسمت شبکه های مجازی رو استایل بدیم از float استفاده کردیم اگه بخایم از display:inline-block ;
    استفاده کنیم همونطور که استاد باقی اشاره کردند تمام ایتم ها بر عکس میشن ایا راهکاری برای این وجود داره ؟ ❗
    که برعکس نشه ؟؟
    و پایداریشو حفظکنه ؟

  • ‏‏

    سلام. وقت بخیر. یه سوال داشتم.
    فرض کنید ما یه اسلایدر داریم که داخل اون اسلایدر یه عکس هست، متن هست، دکمه عقب جلو هست.خلاصه اینکه چندین المان توی اون اسلایدر وجود داره. سوالم اینه که توی قسمت نوشتن تگ ها، آیا اصولی برای به ترتیب نوشتن تگ ها هست یا نه؟ همینجوری میشه شروع کرد و تگ نوشت یا باید طبق قاعده ای پیش رفت، اول کدوم و بعد کدومو …؟
    با تشکر

  • ‏‏
    حمیدرضا صفری(۸ آبان ۱۳۹۵)

    با سلام خدمت استاد عزیز
    استاد من فایلهای آموزشی رو تا همین جلسه نگاه کردم و این پروژه رو کامل کد زدم اما برای تمرین بیشتر یک فایل
    psd لایه باز دانلود کردم و کدنویسی کردم ممنون میشم نگاه کنید و برای اولین کارم نظرتونو بگید
    http://etc.zarup.com/102922-download-home.zip

    • ‏‏
      لقمان آوند(۹ آبان ۱۳۹۵)

      سلام
      دیدم خیلی خوب کار کردید.
      فقط سایز فونت های تاریخ در منوی سمت راست رو می تونید کوچیک تر کنید و به وسط بیارید که متناسبتر بشه
      موفق باشید

      • ‏‏
        حمیدرضا صفری(۹ آبان ۱۳۹۵)

        بله حق با شماست استاد .
        اگه اولین کار من به نظر شما خوبه به واسطه تدریس خوب شماست استاد، راستش من خیلی وقت بود
        به طراحی وب علاقه داشتم ولی هیچ وقت به طور جدی دنبال نکردم. تا زمانی که با سایت شما آشنا شدم و نحوه آموزشتونو دیدم الان دیگه واقعا خیلی علاقه ام بیشتر شده و دارم جدی دنبال میکنم
        و در پایان هم میخوام بابت اهمیتی که به دانشجوهاتون میدید با وجود تمام مشغلهاتون سپاسگزاری کنم.
        موفق و پایدار باشید :smile:

        • ‏‏
          لقمان آوند(۹ آبان ۱۳۹۵)

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

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی کاملترین و کاربردی ترین پکیج و دوره آموزش طراحی وب است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram