07136276694 - 07136285610 : تلفن تماس
دوره آموزش طراحی وبسایت استاتیک

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

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

نام خانوادگی : *
 

نام : *
 

نام پدر :

ایمیل : *
 

تلفن ثابت :

تلفن همراه :

پیام شما :

لطفا حاصل عبارت 15+4 را در باکس زیر وارد کنید :

سر فصل های این دوره

  1. سازماندهی Document ها برای Web
    • آشنایی با HTML و XHTML
      • Tag ها و Element ها
      • جدا کردن Head ها از Body
      • Attribute چیست
      • یاد گرفتن از دیگران با نگاه به سورس کد آنها
      • عناصری برای زیبا سازی متن
    • ساختار یک فایل HTML
      • اعلان XML
      • اعلان نوع Document
      • عنصر <html>
      • عنصر <head>
      • عنصر <title>
      • عنصر <body>
    • مبانی فرمت کردن متن
      • White Space و Flow
      • ایجاد سرصفجه ها با استفاده از عنصر <hn>
      • صفت Align (منسوخ شده)
      • ایجاد پاراگرف ها با استفاده از عنصر <p>
      • ایجاد خط فاصله با استفاده از عنصر ‎<br />‎
      • ایجاد متن از پیش فرمت شده با استفاده از عنصر <pre>
    • عنصرهای نمایشی
      • عنصر <b>
      • عنصر <i>
      • عنصر <sup>
      • عنصر <sub>
      • عنصر ‎<hr />‎
    • عنصرهای جمله ای
      • عنصر <em> برای افزودن تاکید
      • عنصر <strong> برای افزودن تاکید قوی
      • عنصر <address> برای افزودن آدرس
      • عنصر <acronum> برای افزودن اختصارها
      • عنصر <blockquote> برای نقل قول کردن
      • عنصر <q> برای نقل قول های کوتاه
      • عنصر <code> برای نمایش سورس کد
    • لیست ها
      • استفاده از عنصر <ul> برای ایجاد لیست های فاقد شمارش
      • لیست های دارای شمارش
      • لیست های Definition
      • لیست های تو در تو
    • Comment ها
    • آشنایی با عنصرهای Block و Inline
    • گروه بندی کردن عنصرها با استفاده از <div> و <span>
    • گروه های صفات
      • صفت های اصلی
      • جهانی سازی
      • رویدادهای UI
  2. لینک ها و پیمایش
    • آشنایی با URL ها
      • URL های Absolute
      • URL های Relative
    • ایجاد لینک با استفاده از عنصر <a>
      • لینک کردن به دیگر Web Page ها
      • لینک کردن به آدرس های ایمیل
      • لینک کردن به ایمیل ها به صورت پیشرفته
  3. استفاده از تصاویر، صدا، و ویدئو در صفحات وب
    • افزودن تصویر با استفاده از عنصر <img>
      • صفت srv
      • صفت alt
      • صفت های height و width
      • صفت longdesc
    • استفاده از تصاویر به عنوان لینک
    • افزودن Flash، ویدئو و صدا به صفحه وب
      • افزودن فیلم های Flash به یک صفحه وب
      • افزودن ویدئو به یک صفحه وب
      • اقزودن ویدئو با استفاده از Flash Video
      • سایز ویدئو
      • افزودن صدا به یک صفحه وب
      • شروع خودکار پخش صدا و ویدئو در هنگام لود شدن یک صفحه
      • نگاهی دقیق تر به عنصرهای <object> و <param>
      • عنصر <param>
  4. جدول ها
    • آشنایی با جدول ها
      • عنصر <table> برای ایجاد یک جدول
      • عنصر <tr> برای افزودن ردیف به جدول
      • عنصرهای <td> و <th> برای افزودن سلول به ردیف ها
    • افزودن یک <caption> به جدول
    • گروه بندی کردن بخش هایی از یک جدول
      • span کردن ستون ها با استفاده از صفت colspan
      • span کردن ردیف ها با استفاده از صفت rowspan
      • تقسیم کردن یک جدول با استفاده از Head، Body و Foot
      • به اشتراک گذاری استایل ها با استفاده از عنصر <col>
    • جدول های تو در تو
  5. فرم ها
    • آشنایی با فرم ها
    • ایجاد یک فرم با استفاده از عنصر <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
  6. Cascading Style Sheet
    • آشنایی با CSS
      • یک مثال ساده
      • ارث بری
    • روش های مختلف استفاده از CSS در صفحه
      • عنصر <link>
      • عنصر <style>
      • مزایای CSS های External
    • مشخصه های 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
    • انتخابگر ها
      • انتخابگر Universal
      • انتخابگر Type
      • انتخابگر Class
      • انتخابگر ID
      • انتخابگر فرزند
      • انتخابگر Descendant
      • انتخابگر هم نوع مجاور
      • انتخابگر هم نوع عمومی
      • انتخابگر صفت
    • طول ها
      • واحدهای نسبی
      • واحدهای مطلق
      • درصدها
    • آشنایی با مدل Box
      • مثالی از کاربرد مدل Box
      • مشخصه های Border
      • مشخصه padding
      • مشخصه margin
      • ابعاد یک Box
      • باگ مدل Box در Internet Explorer
  7. مطالبی بیشتر در زمینه Cascading Style Sheet ها
    • لینک ها
    • پس زمینه ها
      • مشخصه background-color
      • مشخصه background-image
      • مشخصه background-repeat
      • مشخصه background-position
      • مشخصه background-attachment
      • مشخصه background (شکل کوتاه)
    • لیست ها
      • مشخصه list-style-type
      • مشخصه list-style-position
      • مشخصه list-style-image
      • مشخصه list-style (شکل کوتاه)
    • جدول ها
      • مشخصه های خاص جدول ها
      • مشخصه border-collapse
      • مشخصه border-spacing
      • مشخصه empty-cells
      • مشخصه caption-side
      • مشخصه table-layout
    • Outline ها
      • مشخصه outline-width
      • مشخصه outline-style
      • مشخصه outline-color
      • مشخصه oultine (شکل کوتاه)
    • شبه کلاس های ‎:focus و ‎:active
    • مشخصه های دیگر
      • مشخصه cursor
      • مشخصه display
      • مشخصه visibility
    • قواعد اضافی
      • قاعده ‎@Import : ماژولار کردن Style Sheet ها
      • قاعده ‎!important
      • قاعده ‎@charset
    • مختصات دهی و چینش با استفاده از CSS
      • Flow عادی
      • مشخصه Position
      • مشخصه های Box Offset
      • مختصات دهی بصورت Relative
      • مختصات دهی Fixed
      • مشخصه z-index
      • شناور کردن با استفاده از مشخصه float
      • مشخصه clear
  8. مقدمه ای بر jQuery
    • jQuery چیست؟
    • jQuery چگونه کار می کند؟
    • اضافه کردن رفرنس های jQuery به صفحات
    • Syntax jQuery
    • نحوه ی کار با jQuery
    • هسته ی jQuery
  9. انتخاب آیتم ها با jQuery
    • انتخابگرهای jQuery
    • Universal Selector
    • ID Selector
    • Element Selector
    • Class Selector
    • Selector های گروهی و ترکیبی
  10. فیلترهای jQuery
    • فیلترهای ابتدایی jQuery
      • فیلتر first
      • فیلتر last
      • فیلتر odd
      • فیلتر even
      • فیلتر eq
      • فیلتر lt
      • فیلتر gt
      • فیلتر header
    • فیلترهای پیشرفته در jQuery
      • فیلتر containts
      • فیلتر has
      • فیلتر attribute
      • فیلتر input
      • فیلتر text
      • فیلتر password
      • فیلتر radio
      • فیلتر checkbox
      • فیلتر submit
      • فیلتر image
      • فیلتر reset
      • فیلتر button
      • فیلتر hidden
      • فیلتر file
  11. تغییر در اجزای DOM توسط jQuery
  12. متدهای CSS
    • متد css(name, value)‎
    • متد css(name)‎
    • متد css(properties)‎
    • متد addClass
    • متد removeClass
    • متد toggleClass
  13. مدیریت رویدادها (Event)
  14. پاسخگویی به رویدادها
  15. افزودن رویداد به عنصرهای صفحه با استفاده از jQuery
  16. ایجاد افکت با jQuery
    • متد show‎
    • متد hide
    • متد toggle
    • متد slideDown
    • متد slideUp
    • متد slideToggle
    • متد fadeIn
    • متد fadeOut
    • متد fadeTo
    • متد animate
  17. اصول استفاده از رنگ ها در طراحی وب
    • روانشناسی رنگ ها در طراحی وب
    • کجا باید از چه رنگی استفاده کنیم
    • تعریف انواع فرمت های رنگ
    • تعریف خصوصیات مختلف رنگها
    • کار با رنگ های مخصوص وب (web safe colors)
    • کار با رنگ های Swatches
    • ایجاد رنگ های دلخواه
    • استفاده از رنگ های موجود در سایت های دیگر
  18. استفاده از Photoshop برای وب
    • آماده سازی محیط Photoshop برای طراحی وب
    • طراحی Background برای صفحات وب
    • استفاده از انواع Background ها برای صفحات وب
    • انواع فرمتهای تصاویر در وب
    • تعریف فرمت GIF
    • تعریف فرمت PNG
    • تعریف فرمت JPEG
    • کجا باید از چه فرمتی برای تصویر استفاده کنیم
    • ایجاد تصاویر Transparent برای وب
    • Optimize (کم حجم سازی بدون تغییر کیفیت)
      • Optimize کردن تصاویر JPEG
      • Optimize کردن تصاویر GIF
      • Optimize کردن تصاویر PNG
    • طراحی انواع button (دکمه) برای وب
    • Slicing در Photoshop
    • ایجاد تصاویر انیمیشن در Photoshop
      • ایجاد یک Gif Animation در Photoshop
      • ایجاد Gif Animation با تکنیک Layer Visibility
      • ایجاد Gif Animation با تکنیک Tweening Opacity
  19. استفاده از Template ها
    • استفاده از Template های آماده
    • آنالیز کردن طراحی صفحات سایت های دیگران
    • استفاده از طرح سایت های دیگر در وب سایت خودمان
    • استفاده از CSS سایت های دیگر
  20. سازگاری صفحه با Browser های مختلف (Corss Browser Compatibility)
    • Cross Browser Compatibility چیست؟
    • رعایت اصول Cross Browser
    • چگونه صفحات وب ما در تمام مرورگرها یکسان نمایش داده شود

 

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

عنوان ترم : دوره آموزش طراحی وبسایت
مدرس: مهندس نیما منوچهری پور
روز برگزاری: هماهنگی با دانش جو
طول مدت دوره: 15 ساعت (10 جلسه)
شهریه: 600,000 تومان