دوره آموزشی طراحی سایت

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


مقدمه‌ای بر اینترنت، وب و HTML

  • درک مفهوم HTML
  • آشنایی با مرورگر وب و انواع آن
  • نقش CSS در ساخت صفحات وب
  • آشنایی با XHTML
  • استانداردهای موجود

عناصر سازنده صفحات وب

  • آشنایی با مارک‌آپ (Markup)
  • آشنایی با المان، تگ، خاصیت و مقدار
  • محتوای متنی یک صفحه وب
  • لینک‌ها، تصاویر و محتوای غیرمتنی
  • اسم فایل‌های صفحات وب
  • انواع نسخه‌های HTML
  • آشنایی با DOCTYPE و ضرورت استفاده از آن

ساخت اولین صفحه وب

  • آشنایی با نرم‌افزارهای ساخت صفحات وب نظیر Dreamweaver
  • ساخت اولین صفحه وب توسط Notepad
  • مشاهده صفحه وب ساخته شده در مرورگرهای مختلف

ساختار اساسی HTML

  • بخش های اصلی یک صفحه وب
  • عنوان یک صفحه وب
  • ساخت پاراگراف‌ها
  • آشنایی با Headerها
  • نامگذاری المان‌ها
  • تقسیم کردن یک صفحه وب به قسمت‌های مختلف
  • Encoding برای نمایش درست متن‌ها

فرمت کردن متن در HTML

  • نوشتن متن به صورت bold و italic
  • تغییر سایز نوشته یک متن
  • استفاده از فونت‌های Monospaced
  • متن‌های نقل قول
  • متن‌های Superscript و Subscript
  • تراز متن در صفحه وب

تصاویر در وب

  • پسوندهای رایج تصاویر در وب
  • آشنایی با نرم‌افزارهای کار با تصاویر
  • ضرورت استفاده از فوتوشاپ (یا نرم‌افزارهای مشابه)
  • آشنایی با نحوه لود شدن تصاویر در وب
  • شفافیت، تصاویر PNG و ناسازگاری‌های مرورگرها
  • وارد کردن تصاویر درون یک صفحه وب
  • تغییر سایز تصاویر توسط HTML
  • شناورکردن تصاویر در صفحه وب

لینک‌ها

  • ساخت لینک ‌ها در صفحه وب
  • آشنایی با انواع لینک‌ ها
  • نحوه آدرس‌دهی به لینک ‌ها
  • درست کردن میانبرهای کیبوردی برای کار با لینک ‌ها
  • آشنایی با دکمه Tab در کیبورد و نقش آن در لینک‌ ها

لیست‌ها

  • آشنایی با انواع لیست‌ ها
  • ساخت لیست‌ های ترتیبی و غیرترتیبی
  • ساخت لیست‌های توضیحی
  • لیست‌های تودرتو و مدیریت آن‌ها

جداول

  • آشنایی با جداول و کاربردهای آن در صفحات وب
  • تقسیم کردن جدول به گروه‌های افقی و عمودی

فرم‌ها

  • نقش فرم‌ها در صفحات وب
  • ساخت اولین فرم
  • پردازش اطلاعات وارد شده توسط کاربر
  • آشنایی با Server-Side Programming
  • ساخت اولین برنامه داینامیک
  • دسته‌بندی المان‌های موجود در فرم
  • ساخت منوهای Drop Down
  • ساخت دکمه‌های رادیویی و چک‌باکس‌ها (Checkbox)
  • فیلدهای آپلود فایل
  • فیلدهای مخفی و کاربردهای آن
  • آشنایی با دکمه‌های Submit و Reset
  • غیرفعال کردن المان‌های موجود در فرم
  • فیلدهای فقط خواندنی

مقدمات کار با CSS

  • درک مفهوم CSS و جایگاه آن در کنار HTML
  • آشنایی با استایل‌ها و روش‌های مختلف نوشتن آن
  • درک ساختار یک دستور CSS
  • نوشتن دستورات CSS در کنار یکدیگر
  • انتخاب المان مورد نظر در HTML
  • آشنایی کامل با انتخاب‌کننده‌ها در CSS
  • وراثت در CSS
  • آشنایی با واژه Cascade و نحوه عملکرد آن

فرمت‌دهی متن و فونت توسط CSS

  • تعیین نوع فونت مورد نظر
  • آشنایی با گروه‌های کلی فونت
  • استفاده از فونت های فارسی

کار با CSS3

  • تایپوگرافی
  • افکت سایه
  • افکت گرادیانت
  • افکت شعاع به المان ها
  • انیمیشن در CSS3
  • تگ های مرورگر های مختلف
  • کار با فرم ها

تعیین موقعیت المان‌ها (Position)

  • درک کامل CSS Box Model و ناسازگاری‌های موجود
  • نقش استانداردها در CSS Box Model
  • شناور کردن المان‌ها در صفحه وب
  • کنترل المان‌های موجود در مجاورت المان‌های شناور
  • آشنایی با انواع مختلف تعیین موقعیت یک المان و کاربردهای آن
  • مخفی کردن المان‌ها در یک صفحه وب

درست کردن ساختار (Layout) توسط CSS

  • آشنایی با انواع صفحات وب مختلف
  • آشنایی با صفحات تک‌ستونی
  • آشنایی با صفحات چندستونی
  • ساخت صفحات دوستونی
  • ساخت صفحات سه‌ستونی ساده و پیچیده
  • تنظیم ارتفاع تمامی ستون‌های صفحه وب به یک اندازه

HTML5

  • چه خصوصیاتی در html5 وجود دارد
  • چرا به HTML5 نیاز است
  • چرا ما نیاز به عناصر جدید ساختاری داریم
  • درك الگوریتم outline
  • ایجاد اسناد section
  • کار کردن باشكل figure و figcaption
  • استفاده از div در HTML5
  • كاركردن با لیستها در HTML5
  • استناد به کار بصورت semantically معنایی

پشتیبانی API HTML5

  • معرفی Canvas
  • مروری بر امکان Drag and Drop API
  • آموزش در رابطه با Encoding Video

مالتی مدیا در وب

  • مفهوم مالتی مدیا در وب
  • استفاده ویدیو در وب
  • کار با کنترلر های اشیاء ویدیو
  • دسترسی به مالتی مدیا

ذخیره سازی اطلاعات

  • امکانات ذخیره اطلاعات در HTML5
  • ذخیره اطلاعات در وب
  • استفاده از بانک های SQL
  • کنترل داده به کمک HTML5
  • نمایش داده به کمک HTML5
  • ذخیره داده در وب
  • چگونگی ذخیره داده در لوکال Local

مفهوم DRAG AND DROP

  • چگونه می توان یک المان را DRAG AND DROP نمود
  • ایجاد و تغییر در تنظیمات DRAG AND DROP

آشنایی با فناوری های مشارکتی و استفاده از آن ها در HTML5

  • مروری بر API مکان یابی جغرافیایی
  • مروری بر Web Storage API

آموزش جاوا اسکریپت

  • آموزش شروع به استفاده از جاوااسکریپت
  • مقدمه ای بر جاوااسکریپت
  • ساختار کدهای جاوااسکریپت
  • ساخت متغیرها
  • نوشتن دستورهای شرطی
  • کارکردن با عملگرها
  • حلقه سازی در جاوااسکریپت
  • ساخت توابع در JavaScript

انواع داده و Object ها در جاوااسکریپت

  • ایجاد و کارکردن با آرایه ها
  • ایجاد و کارکردن با اعداد
  • ایجاد و کارکردن با مقادیر رشته ای
  • استفاده از دستورات کار با تاریخ و زمان JavaScript

آموزش کاملا کاربردی Document Object Model - DOM

  • DOM چیست ؟
  • کارکردن با Node ها و HTML Element ها
  • دسترسی یافتن به المان های موجود در DOM
  • تغییر دادن المان های موجود در DOM
  • ساخت المان های DOM

کارکردن با رخدادها و Event Listener ها

  • مدیریت رخدادها در جاوااسکریپت
  • رخدادهای onClick و onEvent آموزش کارکردن با رخدادهای onBlur و onFocus
  • کار کردن با Timer

رفع خطاهای رخ داده در کدهای جاوااسکریپت

  • آشنایی با برخی خطاهای رایج جاوااسکریپت
  • استفاده از Firebug به منظور رفع خطای کدهای جاوااسکریپت
  • مراحل رفع خطا ی کدهای جاوااسکریپت

استفاده از جاوااسکریپت برای مدیریت داده های فرم ها

  • دسترسی یافتن به عناصر فرم های وب
  • جلوگیری از ارسال یک فرم با داده های نامعتبر به سرور
  • نمایش و مخفی سازی بخش هایی از فرم های وب

آموزشJQuery

  • مقدمه ای بر jQuery
  • ایجاد یک صفحه ساده دارای jQuery
  • مروری بر ویژگی های jQuery
  • مروری بر انتخاب گرها Selector و فیلترها
  • استفاده از فیلترهای صفات jQuery
  • ایجاد ، گرفتن و تنظیم کردن محتوای صفحه
  • دستکاری ویژگی ها ( Attributes ) با jQuery
  • Wrapping ، جایگزینی و حذف محتوا
  • استفاده از jQuery Event Object
  • درک جنبه های مدیریت Event در jQuery
  • bind کردن و unbind کردن Eventها
  • استفاده از آبجکت Event در jQuery
  • استفاده از ویژگی های دیگر Event
  • انیمیشن ها و افکت ها