طراحی وب با HTML5 و CSS3 (مقدماتی-فشرده)

مشخصات این دوره:

عنوان ترم جاری: فشرده فروردین 96(4)
مدرس: نیما عطایی
تاریخ شروع دوره: پنج شنبه 3 فروردین 1396
روز برگزاری: پنح شنبه و جمعه
ساعت: 8:00 تا 13:00
طول مدت دوره: 10 ساعت (2 روز متوالی )
شهریه: 300,000 تومان
 

خلاصه

در این دوره آموزشی دانشجو پس از یادگیری مفاهیم اولیه طراحی وب، HTML,CSS را در قالب کارگاه های طراحی خواهد آموخت،

 

مطالب مهم این دوره

  • آموزش HTML5 و XHTML بصورت کامل و اصولی
  • آموزش CSS3 بصورت کامل و تخصصی
  • طراحی انواع قالب های وب سایت
  • آموزش طراحی با استفاده از Div و CSS (طراحی بدون Table)
  • بهینه سازی و کم حجم کردن (Optimization) تصاویر بدون تغییر در کیفیت آنها
  • بهینه سازی و کم حجم کردن (Optimization) سایت
  • طراحی سایت بر اساس استانداردهای W3C

پیش نیازها

آشنایی با راهبری کامپیوتر


نحوه ثبت نام

برای ثبت نام می توانید مبلغ شهریه را به صورت کامل و یا بخشی از آن (پیش پرداخت) به صورت آنلاین، واریز به حساب بانکی و یا کارت به کارت پرداخت کنید.

کل مبلغ شهریه میبایست در اولین جلسه تشکیل کلاس تسویه شود.

پرداخت آنلاین با کلیه کارتهای بانکی عضو شبکه شتاب و با داشتن رمز دوم کارت، و CVV2 قابل انجام است.

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

پرداخت شهریه به صورت اقساط طی هماهنگی با مسئولین آموزشگاه و با ارائه چک معتبر میسر است.

 


سرفصل های این دوره به شرح زیر است:

  1. آشنایی با مبانی طراحی وب HTML5 و CSS3
    • آشنایی با HTML و XHTML
      • Tag ها و Element ها
      • Attribute چیست
    • ساختار یک فایل HTML
      • اعلان XML
      • اعلان نوع Document
      • المنت <html>
      • المنت <head>
      • المنت <title>
      • المنت <metatag>
      • المنت <body>
    • کار با متن و محتوا
      • ایجاد سرصفجه ها با استفاده از المنت <hn>
      • تشریح Attribute
      • ایجاد پاراگرف ها با استفاده از المنت <p>
      • ایجاد خط فاصله با استفاده از المنت <br />‎
      • ایجاد متن از پیش فرمت شده با استفاده از المنت <pre>
    • المنت های نمایشی (MarkUp Elements)
      • النمت <b>
      • النمت <i>
      • النمت <sup>
      • النمت <sub>
      • النمت ‎<hr />‎
    • النمتهای جمله ای
      • النمت <em> برای افزودن تاکید
      • النمت <strong> برای افزودن تاکید قوی
      • النمت <address> برای افزودن آدرس
      • النمت <acronum> برای افزودن اختصارها
      • النمت <blockquote> برای نقل قول کردن
      • النمت <q> برای نقل قول های کوتاه
      • النمت <code> برای نمایش سورس کد
    • لیست ها
      • استفاده از النمت <ul> برای ایجاد لیست های فاقد شمارش
      • لیست های دارای شمارش
      • لیست های Definition
      • لیست های تو در تو
    • Comment ها
    • آشنایی با النمتهای Block و Inline
    • گروه بندی کردن النمتها با استفاده از <div> و <span>
  2. تشریح و کار با CSS
    • آشنایی با CSS
      • یک مثال ساده
      • ارث بری
    • روش های مختلف استفاده از CSS در صفحه
      • النمت <link>
      • النمت <style>
      • مزایای CSS های External
    • واحد های اندازه گیری در طراحی وب
      • واحدهای نسبی
      • واحدهای مطلق
      • درصدها
    • لینک ها و پیمایش
      • آشنایی با URL ها
        • URL های Absolute
        • URL های Relative
      • ایجاد لینک با استفاده از النمت <a>
        • لینک کردن به دیگر Web Page ها
        • لینک کردن به آدرس های ایمیل
        • لینک کردن به ایمیل ها به صورت پیشرفته
    • استفاده از تصاویر، صدا، و ویدئو در صفحات وب
      • افزودن تصویر با استفاده از النمت <img>
        • صفت srv
        • صفت alt
        • صفت های height و width
        • صفت longdesc
      • استفاده از تصاویر به عنوان لینک
    • جدول ها
      • آشنایی با جدول ها
        • النمت <table> برای ایجاد یک جدول
        • النمت <tr> برای افزودن ردیف به جدول
        • النمتهای <td> و <th> برای افزودن سلول به ردیف ها
      • افزودن یک <caption> به جدول
      • گروه بندی کردن بخش هایی از یک جدول
        • span کردن ستون ها با استفاده از صفت colspan
        • span کردن ردیف ها با استفاده از صفت rowspan
        • تقسیم کردن یک جدول با استفاده از Head، Body و Foot
        • به اشتراک گذاری استایل ها با استفاده از النمت <col>
      • جدول های تو در تو
    • طراحی فرم ها در HTML5
      • آشنایی با فرم ها
      • ایجاد یک فرم با استفاده از النمت <form>
        • صفت action
        • صفت method
        • صفت id
        • صفت name (منسوخ شده)
        • صفت onsubmit
        • صفت onreset
        • صفت enctype
        • صفت accept-charset
        • تشریح accept
        • تشریح target
        • White Space و النمت <form>
      • کنترل های قابل استفاده در فرم ها
        • ورودی متن
        • دکمه ها
        • چک باکس ها
        • دکمه های رادیویی
        • باکس های انتخاب
        • باکس های انتخاب فایل
        • کنترل های مخفی
      • ایجاد لیبل برای کنترل های با استفاده از النمت <label>
      • سازماندهی فرم ها با استفاده از النمتهای <fieldset> و <legend>
      • فوکوس
        • ترتیب گردش Tab
        • Access Key ها
      • کنترل های غیرفعال و فقط خواندنی
      • ارسال داده های فرم به سرور
        • HTTP Get
        • HTTP Post
    • مشخصه های CSS
    • کنترل کردن متن
      • مشخصه font-family
      • کار با font-size
      • کار با font-weight
      • کار با font-style
      • کار با font-variant
      • کار با font-stretch
      • کار با font-size-adjust
    • فرمت کردن متن
      • کار با color
      • کار با text-align
      • کار با vertical-align
      • کار با text-decoration
      • کار با text-ident
      • کار با text-shadow
      • کار با text-transform
      • کار با letter-spacing
      • کار با word-spacing
      • کار با white-space
      • کار با direction
    • کلاس های شبه متن
      • شِبهِ کلاس first-letter
      • شِبهِ کلاس first-line
    • Selector ها در CSS3
      • انتخابگر Universal
      • انتخابگر Type
      • انتخابگر Class
      • انتخابگر ID
      • انتخابگر فرزند
      • انتخابگر Descendant
      • انتخابگر هم نوع مجاور
      • انتخابگر هم نوع عمومی
      • انتخابگر تشریح
  3. لینک ها
  4. پس زمینه ها
    • کار با background-color
    • کار با background-image
    • کار با background-repeat
    • کار با background-position
    • کار با background-attachment
    • کار با background (شکل کوتاه)
  5. لیست ها
    • کار با list-style-type
    • کار با list-style-position
    • کار با list-style-image
    • کار با list-style (شکل کوتاه)
  6. جدول ها
    • کار با های خاص جدول ها
    • کار با border-collapse
    • کار با border-spacing
    • کار با empty-cells
    • کار با caption-side
    • کار با table-layout
  7. Outline ها
    • کار با outline-width
    • کار با outline-style
    • کار با outline-color
    • کار با oultine (شکل کوتاه)
  8. psudo کلاس ها در CSS3 ‎:focus و ‎:active
  9. کار با های دیگر
    • کار با cursor
    • کار با display
    • کار با visibility
  10. ماژول ها در CSS3
    • قاعده ‎@Import : ماژولار کردن Style Sheet ها
    • قاعده ‎!important
    • قاعده ‎@charset
  11. مختصات دهی و چینش با استفاده از CSS
    • Flow عادی
    • کار با Position
    • کار با های Box Offset
    • مختصات دهی بصورت Relative
    • مختصات دهی Fixed
    • کار با z-index
    • شناور کردن با استفاده از کار با float
    • کار با clear
  12. آشنایی با HTML 5
picture
picture

نظر دانشجویان دوره های قبلی
 نظر افرادی که قبلا در این دوره ها شرکت کرده اند  را بدانید.

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

picture

تضمین کیفیت
تضمین کیفیت خدمات آموزشی ما موفقیت افرادی است که با ما همراه بوده اند..

Fusce vehicula dignissim ligula. Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Read More »

picture

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

Fusce vehicula dignissim ligula. Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Read More »