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

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



  آیا می دانید تا کنون 6318 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

دوره مجازی طراحی وب (جلسه 20): پروژه سوم : طراحی و کد نویسی یک قالب مدرن

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

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

  • ‏‏
    حمیدرضا(۱ مرداد ۱۳۹۴)

    سلام استاد دوست دارم نظرتون رو راجع به این قالب بگید. قالب رو از روی تصویر زیر کد زدم خودم خیلی خوشم اومده.
    تصویر دمو اصلی:
    http://8pic.ir/images/co8brfqwwa32b6ecw13l.jpg
    قالب:
    http://w….net/

  • ‏‏
    Ali Bazrafkan(۲۵ مرداد ۱۳۹۴)

    سلام وقت بخیر
    میخواستم بدونم چطوری میشه به یک سلکتور یا کلاس فهموند که با اسکرول کردن صفحه ، کدی اجرا کنه در سی اس اس.
    ی چیزی شبیح hover یا active منتها برای اسکرول میخواهم؟؟؟

  • ‏‏
    Ali Bazrafkan(۲۶ مرداد ۱۳۹۴)

    ایا خصوصیت float و position باهم برای یک سلکتور میتوان بکار برد؟؟

  • ‏‏

    سلام استاد عزیز!…از زحماتتون صمیمانه سپاسگذارم.سوالی داشتم در مورد نرم افزارهای آماده برای طراحی قالب(مثل آرتیستیر) …استفاده از این نرم افزارها را توصیه میکنید؟آیا امکان دارد به سئوی سایت لطمه بزنه؟طرف اینجور نرم افزارها بریم یا نه؟(البته برای قالبهای ساده)

    • ‏‏
      لقمان آوند(۱۴ آذر ۱۳۹۴)

      سلام
      من توصیه نمی کنم. ممکنه ظاهر رو یه چیز خوب تحویلتون بدن ولی بعضی ریزه کاری ها و نظم در کدنویسی رو در حالتی که خودتون کد بنویسید بهتر میشه رعایت کرد. طبیعتا از لحاظ سئو ممکنه بهینه نباشه.
      من توصیه نمی کنم . این جور نرم افزارها برای افرادی که اطلاعی در مورد کدنویسی ندارند شاید توصیه بشه.

  • ‏‏

    با سلام
    یه سوال داشتم در مورد بخشی از این جلسه (20)
    من در قسمت slider در بخشی که مربوط به نوشتن پلاگین برای نمایش Pager به مشکل برخوردم. با اینکه Pager:true قرار میدم، اما دکمه ها رو در پایین اسلایدر نمایش نمیده. در صورتی که موس رو پایین اسلایدر میبرم جای دکمه ها رو بدون اینکه اونها رو نشون بده تشخیص میده. هرچی هم دنبال عیبش گشتم نتونستم پیداش کنم. دلیلش چیه؟
    ممنون

  • ‏‏

    یعنی میتونه از Z-index باشه؟

  • ‏‏
    علی رضایی(۵ مرداد ۱۳۹۵)

    سلام استاد آوند
    من دارم واقعا دیوونه میشم
    شما در طول دوره خیلی جاها یه کدی رو کپی میکنید و توضیح میدید برای اینکه وقت اضافی ایجاد نشه
    خب چطوری اینکار رو انجام میدید ؟ من دقت کردم مانیتور شما 1024*768 هست و با همین رزولوشن فیلمبرداری میکنید اما موقعی که میخواید کد کپی کنید از یه جایی , اون مراحل توی ویدئو نمایش داده نمیشه ولی حتی صدای موس هنگام کلیک روی پوشه ها به گوش میرسه
    میشه بفرمایید این کار رو چجوری انجام میدید ؟

  • ‏‏

    این جلسه فوق العاده بود , پلاگین های معرفی شده فوق العاده بودند ,مرسی استاد آوند عزیز بابت نکات و تکنیک هایی که در این دوره آموزش دادید, امید وارم شاد سلامت و سربلند باشید

  • ‏‏
    وحید کاظمیان(۲۲ مهر ۱۳۹۵)

    سلام
    مشکل من حل شد. برای دوستان تازه کار مثل خودم میگم که مشکل فقط حروف بزرگ در نوشتن فولدر WOW بود که من نمی دونستم باید رعایت بشه.ینی تو آدرس دهی هاتون دقت کنید فولدر با حروف بزرگ ساخته شده رو باید با حروف بزرگ آدرس بدید.
    با تشکر فراوان از استاد آوند.

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram