دوره آموزشی طراحی قالب پایه جوملا با استفاده از css و div به صورت فشرده -کار گاه عملی

[ابوالفضل طالبی 281]

دوره آموزشی طراحی قالب پایه جوملا با استفاده از CSS و DIV به صورت فشرده (کار گاه عملی یک روزه)

همانطور که میدانید استفاده از جداول table در طراحی صفحات سایت امری منسوخ شده است و کارایی آن در برابر استفاده از Div بسیار کمتر میباشد.وب سایت ها و قالبهای طراحی شده به صورت table based طرفداری ندارند و رویکرد طراحان حرفه ای ، طراحی به صورت div based میباشد چرا که علاوه بر انعطاف بسیار بالا در طراحی مزایای بسیاری در سئو و بهینه سازی سایت شما خواهد داشت.

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

کارگاه آموزشی طراحی قالب پایه جوملا با استفاده از CSS و DIV به صورت فشرده (کار گاه عملی یک روزه) توسط آموزشگاه انجمن جوملای ایران برای کلیه عزیزانی که مایل به فراگیری طراحی سایت و قالب جوملا به صورت div و css میباشند تدوین شده است و تحت یک پروژه عملی از پایه یک سایت جوملایی را با قالب دست ساز و استفاده از div و css طراحی خواهیم کرد و کلیه مباحث تحت پروژه مذکور و عملی توضیح داده خواهد شد.

توجه: پروژه این کارگاه یک قالب ساده تحت جوملا میباشد که به صورت کامل بر اساس css و div پیاده سازی میشود.

اهداف کلی این دوره:

• طراحی صفحات وب بر اساس استانداردهای جهانی W3C
  
• طراحی سایت بر پایه مفهوم Cross Browser Compatibility
  
• طراحی قالب پایه برای جوملا بر اساس div و css
  

مشخصات دوره :

مدرس (مدرسان) : ابوالفضل طالبی - سهیل نوین فرد

پیشنیاز: ندارد

مدت زمان دوره: 4 ساعت ( کارگاه عملی یک روزه)

تاریخ برگزاری: به وب سایت آموزشگاه مراجعه نمائید

محل برگزاری: آموزشگاه انجمن جوملای ایران (تهران - امیرآباد)

هزینه دوره: 60 هزار تومان

مدرک: در پایان دوره مدرک پایان دوره از طرف شرکت نگاه پردازشگران فردا ارائه میگردد.

هدیه دوره: به کلیه عزیزانی که در این دوره شرکت میکنند پکیج joompack هدیه داده خواهد شد.

ویژگی : آموزش در لابراتوار مجهز به سیستم های روز به صورت شبکه تحت NetSupport و متصل به اینترنت و کاملا اینتراکتیو تحت پروژه عملی انجام خواهد گرفت.

راهنمای ثبت نام:

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

جهت کسب هر نوع اطلاعاتی در خصوص دوره میتوانید با ایمیل info@joomlairan.com و شماره تلفن 88006203 تماس حاصل نمایید.

برای مشاهده تصاویر مربوط به آموزشگاه اینجا کلیک نمایید

سرفصلهای دوره آموزشی طراحی سایت با استفاده از CSS و DIV به صورت فشرده (کار گاه عملی یک روزه) با رویکرد جوملا:

مقدمه:

• - مقدمه ای بر مزایای طراحی سابت با css و div
  
• - تفاوتهای div based و table based
  
• - انواع روشهای فراخوانی css در طراحی
  
• - اصول وراثت در css و مفهوم overwriting
  

بررسی المنت های مورد نیاز در طراحی:

• - المنت های گروه بندی
  
• - بررسی کاربردهای المنت span
  
• - بررسی کاربرد های المنت div
  
• - بررسی Class Attribute
  
• - بررسی ID Attribute
  
• - بررسی Style Attribute
  

Selector ها در CSS:

• - Selector چیست
  
• - Universal Selector
  
• - Type Selector
  
• - Class Selector
  
• - ID Selector
  
• - Child Selector
  
• - Descendant Selector
  
• - Selector های ترکیبی
  
• - کجا باید از چه Selector ای استفاده کنیم
  
• - نحوه انتخاب Selector های سریعتر
  

بررسی Box Model:

• - Box Model چیست
  
• - بررسی Border
  
• - بررسی Margin
  
• - بررسی Padding
  
• - ابعاد Box
  
• - بررسی height
  
• - بررسی width
  
• - بررسی line-height
  
• - بررسی min-height
  
• - بررسی max-height
  
• - برسی min-width
  
• - بررسی max-width
  

Position ها CSS:

• - بررسی و کاربرد Static Position
  
• - بررسی و کاربرد Absolute Position
  
• - بررسی و کاربرد Relative Position
  
• - بررسی و کاربرد Fixed Position
  

طراحی قالب سایت جوملایی با استفاده از Div و CSS:

• - مقدمه ای بر قالبهای جوملا و آشنایی با ساختار قالبهای جوملا
  
• - شرح قالبهای حرفه ای و قالب ساده و تفاوتهای انها
  
• - css های پیشفرض جوملا
  
• - نحوه Reset کردن مقادیر پیش فرض در مرورگرهای مختلف
  
• - روش فراخوانی css در قالبهای جوملایی
  
• - روش مسیر دهی به تصاویر درون قالب
  
• - آشنایی با فایل index.php در قالب های جوملایی
  
• - معرفی ابزارهای مناسب در طراحی قالبهای جوملایی
  
• - تعریف موقعیت برای ماژولهای جوملا
  
• - تعریف موقعیت برای کامپوننت در قالب
  
• - ساخت موقعیت های شرطی
  
• - تعریف موقعیت برای پیامهای سیستمی در جوملا
  
• - تعریف ساختار فایل templaeDetails.xml
  
• - ساخت بسته نصبی از قالب