رویداد به پایان رسیده است!
طراحی وب با HTML5 و CSS3 (مقدماتی) در تاریخپنج‌شنبه ۱۸ خردادبه پایان رسیده است. (جزئیات بیشتر)

طراحی وب با HTML5 و CSS3 (مقدماتی)

شروع:
پنج‌شنبه ۱۸ خرداد ۹۶ ۱۳:۰۰
پایان:
پنج‌شنبه ۱۸ خرداد ۹۶ ۱۶:۰۰
طراحی وب با HTML5 و CSS3 (مقدماتی)
برگزارکننده‌ی رویداد
مهلت ثبت‌نام برای این رویداد به پایان رسیده است.
جزئیات
مهلت ثبت‌نام
قیمت (تومان)
تعداد

توضیحات بیشتر

 

عنوان ترم جاری:

خرداد 96 (10)

مدرس:

نیما عطایی

تاریخ شروع دوره:

پنج شنبه 18 خرداد 1396

روز برگزاری:

پنج شنبه

ساعت:

13:00 تا 16:00

طول مدت دوره:

12 ساعت (4 هفته متوالی)

شهریه:

300,000 تومان


خلاصه

 

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

 

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

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


پیش نیازها

 

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

توضیحات تکمیلی

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

 
  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

آدرس:تهران تهران - خیابان شریعتی - بالاتر از بهار شیراز، جنب بانک ملی، پلاک 459، طبقه 2، واحد شرقی (زنگ شماره 4)