0

سبد خرید خالی است.

Demo

آموزش HTML4 , HTML5 CSS2 , CSS3

آموزش HTML4 , HTML5 CSS2 , CSS3

زبان های HTML و CSS را میتوان پایه طراحی وب دانست و بدون تسلط به این زبانها قطعا در طراحی وب سایت نمیتوانید خلاقانه عمل کنید و در بسیاری از موارد به دلیل عدم آشنایی با کدهای HTML و CSS تغییرات دلخواه خود را هرچند ساده نمیتوانید اعمال کنید.هم اکنون میتوانید آموزش HTML و CSS را که توسط استاد طالبی مدرس برجسته دوره های وب ، اندروید و کسب و کار اینترنتی منتشر شده است را تهیه نمایید و با تسلط کامل به این مباحث از پایه با تکنیکهای مهم در این زبانها آشنا شوید

نکته مهم در این آموزش ویدیویی جامع بودن آموزش است که علاوه بر آموزش HTML4 و CSS2 به صورت کامل HTML5 و CSS3 نیز آموزش داده شده است که شما نیاز به تهیه آموزشهای دیگری نداشته باشید و تمام آموزشهای لازم در هر نسخه ای از HTML و CSS در همین مجموعه به مدت 11 ساعت آموزش داده شده است.

مشاهده دمو فیلمهای آموزشی

مزایای این بسته ویدئویی چیست؟

  • آموزش ویدئویی با کیفیت عالی و با تدریس استاد طالبی
  • آموزش همراه با مثالهای عملی
  • 20درصد تخفیف در خرید مجموعه های دیگر

 

سرفصل های دوره آموزشی HTML4  , HTML5  :

  • معرفی دوره
  • معرفی سایت w3 جهانی
  • validate کردن صفحات وب
  • ایجاد یک صفحه استاندارد در html
  • معرفی تگهای doctype , head , html , body , title
  • ایجاد هدر و تیتر مطالب با استفاده از تگ های h1 ,h2 , h3 , h4 , h5 , h6
  • تغییر رنگ در تیتر مطالب
  • ایجاد پاراگراف با استفاده از تگ p
  • ایجاد خط جدا کننده با استفاده از تگ hr و br
  • ایجاد جدول با استفاده از table , thead , tbody , tfoot , tr , td
  • ایجاد border برای جدولهای رسم شده
  • ایجاد لیست در صفحات وب با استفاده از ul , li 
  • ایجاد لیست های تو در تو
  • ایجاد لینک در صفحات وب با استفاده از تگ a
  • درج تصویر در صفحه با استفاده از تگ img
  • معرفی تگ های meta keywords و meta description برای سئو و بهینه سازی صفحات وب
  • روش ساخت فرم ها با استفاده از تگ form
  • انواع المانهای فرم مانند input , select , option و ...
  • کار با باکس ها و div
  • شرح عملکرد div ها
  • شرح خاصیت block level و inline level
  • تغییر خاصیت block در div ها با استفاده از دستور float
  • چیدمان div ها در کنار هم یا زیر هم ؟!
  • طراحی یک قالب html نمونه برای تسلط به box modeling
  • معرفی و کاربرد تگ iframe
  • برجسته کردن قسمتی از متن با استفاده از تگ strong
  • نمایش متون با فضاهای خالی تایپ شده توسط تگ pre
  • روش فراخوانی فایلهای css و javascript درون فایل html
  • شرح وب معنایی و کاربرد آن در طراحی وب - semantic web
  • ایجاد هدر صفحه ی وب با تگ header 
  • ایجاد موقعیت منوهای صفحه با تگ nav
  • ایجاد بخش های جدید در صفحه وب با تگ section
  • ایجاد مطلب در صفحه وب با استفاده از تگ article
  • ایجاد موقعیت فوتر صفحه با تگ footer
  • معرفی المانهای جدید در form ها در نسخه html5
  • ایجاد فیلد های تلفن , ایمیل , انتخاب رنگ , انتخاب رنج عدد , انتخاب تاریخ در html5
  • اجباری کردن فیلدها در فرم ها
  • معرفی المان canvas
  • ایجاد و رسم اشکال مختلف در canvas
  • پخش ویدیو و موزیک در htm5
  • معرفی تصاویر وکتور در html5
  • کار با فایلهای svg
  • Scalable Vector Graphics (SVG)
  • رسم اشکال با استفاده از svg
  • طراحی یک قالب html با استفاده از تگهای وب معنایی به عنوان پروژه آخر
  • سخن پایانی

سرفصل های دوره آموزشی CSS2  , CSS3  :

  • معرفی css
  • روش کدنویسی css
  • تفاوت روشهای inline , internal و external در کدنویسی css
  • دستور background جهت تغییر رنگ
  • دستور border برای ایجاد بردر روی المانها
  • سلکتورها
  • کار با سلکتور class
  • سلکتور id
  • تغییر فونت با مشخصات فونت با دستور font
  • تغییر رنگ متون با استفاده از دستور color
  • کار با دستورات margin و padding
  • ریست سی اس اس - reset css
  • بارگزاری فایل css درون یک فایل css دیگر با استفاده از دستور import
  • تغییر وضعیت display المانها به inline یا block
  • آموزش دستور position
  • آموزش position های absolute , relative , fixed
  • کار با دستورات top , left , right , bottom برای تغییر موقعیت div ها
  • کار با دستور float و clear
  • کار با تصاویر در background
  • کار با متون text-decoration , text-align , text-indent , text-transform
  • کار با دستور line-height برای تنظیم ارتفاع خطوط متن
  • کار با دستور letter-spacing
  • افزودن فونت فارسی با استفاده از font-face
  • ترکیب گر یا css combinators چیست با اجرای مثال
  • شبه کلاس یا pseudo class چیست همراه با مثال
  • شبه کلاس first-child , first-letter , first-line با مثال
  • شبه کلاس  before , after همراه با دستور content
  • طراحی منوهای عمودی با استفاده از css
  • طراحی منوهای افقی با استفاده از css
  • طراحی زیر منو های drop down با css
  • attribute selector چیست همراه با مثال
  • سلکتورهای خاص در css
  • روش گرد کردن border المانها با استفاده از border-radius
  • ساخت border با استفاده از تصویر و اشکال
  • استفاده از چند تصویر در المانها
  • background-size در css3 و استفاده از دستورات cover 
  • کاربرد دستور background-origin همراه با مثال
  • کاربرد دستور background-clip همراه با مثال
  • استفاده از opacity و شفافیت در رنگ المانها
  • ایجاد طیف رنگی به صورت gradient و ترکیب چند رنگ با هم 
  • کار با سایه ها - shadow
  • کار با دستور transform و متحرک سازی در css3
  • کار با دستور transition و متحرک سازی و جلوه های ویژه روی المان ها
  • متحرک سازی با استفاده از دستور animation و استفاده از keyframes
  • ستون بندی اخبار با استفاده از دستور column-count در سایتهای خبری
  • ایجاد امکان ریسایز کردن المانها با دستور resize
  • کاربرد دستور box-sizing در طراحی قالب های جدید
  • ریسپانسیو کردن و کار با دستور media
  • تغییرات اختصاصی در صفحات وب در موبایل و تبلت
  • معرفی فریم ورک های مختلف css
  • سخنان پایانی

توجه نمایید در این دوره هر 4 مبحث HTML4 , HTML5 , CSS2 , CSS3 آموزش داده شده است و نیاز به تهیه آموزش دیگری در این خصوص ندارید 

 

  • نوع آموزش:ویدویی
  • زبان:فارسی
  • مدرس: ابوالفضل طالبی
  • پیش نیاز: ندارد
  • قیمت: 75 هزار تومان
  • روش دریافت: ارسال پستی
  • تعداد جلسات: 49 جلسه
  • زمان: 11 ساعت

پس از خرید به صورت پستی حداکثر تا 4 روز آینده محصول به دست شما میرسد

خرید دانلودی
پس از خرید به صورت دانلودی بلافاصله میتوانید محصول خود را دانلود کنید

امتیاز کلی این مطلب (0)

0 از 5 ستاره

نظر خود را اضافه کنید.

ارسال نظر بعنوان میهمان

0
نظر شما به سامانه مدیریت ارسال شده است.
شرایط و قوانین.

کاربرانی که در این گفتگو شرکت کرده اند

  • وحید مسلمی

    گزارش

    سلام بر استاد طالبی

    خواستم تشکر کنم از اینکه با آموزشهای خوب شما وارد دنیای طراحی شدم و علاقه مندم کردید که ادامه بدم چون تو این شرایط دانشگاهی توی ایران هیچی یاد نمیدن 4 سال درس خوندم دانشگاه تازه فهمیدم استادا حتی پایه های طراحی سایتم نمیدنن متاسفانه . به اساتید دانشگاه پیشنهاد میکنم آموزشهای استاد طالبی خریداری کنن حداقل :) ممنونم

  • سلام استاد. این مجموعه رو دیدم عالی بود. خیلی کامل گفتین برای من ویدئو خیلی بهتر از کلاس هست چون شاغلم وقتی برا کلاس رفتن ندارم. استاد لطفا اگه امکان داشته باشه آموزش bootstrap و jquery و نوشتن کدهای جاوااسکریپت مخصوصا برای جوملا و علل و خطاهای اجرا نشدن جاوااسکریپت و تداخلی که گاهی در جوملا به وجود میاره- اگه در این مورد هم ویدئویی باشه خیلی خیلی عالی میشه. بسیار متشکرم.

  • با سلام خدمت شما

    حجم آموزشها بسیار زیاد است و به مرور در حال تهیه موارد آموزشی مورد اشاره شما هستیم.ممنونم از نظر شما و امیدواریم که مورد استفاده قرار گرفته باشه ;)

    با تشکر

آموزشگاه جوملای ایران

امیرآباد بالاتر از چهار راه فاطمی پلاک 1593 واحد 5
88983197