آموزش طراحی صفحات وب / طراحی، توسعه و ساخت انواع سایت
web

آموزش طراحی صفحات وب / طراحی، توسعه و ساخت انواع سایت

این دوره به مدت ۳۵ ساعت توسط استاد شمس تدریس می گردد لطفا جهت آگاهی از هزینه و نحوه برگزاری دوره از طریق فرم زیر اقدام نمایید

 

درخواست مشاوره:

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

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

آن دسته از افرادی که می خواهند طراحی سایت را در محیطی ۱۰۰ % عملی و کاملا پروژه ای یاد بگیرند.

سرفصل های دوره آموزش کامل و حرفه ای طراحی سایت :

      ¤قسمت اول آموزش طراحی سایت :آموزش HTML5,CSS3

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

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

      ¤آموزش طراحی سایت و عناصر سازنده صفحات سایت

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

       ¤آموزش طراحی سایت و ساختار اساسی HTML

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

       ¤آموزش طراحی سایت و فرمت کردن متن در HTML

  • نوشتن متن به صورت bold و italic
  • تغییر سایز نوشته یک متن
  • استفاده از فونتهای Monospaced
  • استفاده از متنهای Preformatted
  • متنهای نقل قول
  • متن های Superscript و Subscript
  • تراز متن در صفحه وب
  • پروژه عملی : ایجاد یک صفحه سایت مشابه صفحات وبلاگی

       ¤آموزش طراحی سایت و گذاشتن تصاویر در سایت

  • پسوندهای رایج تصاویر در وب
  • آشنایی با نرم افزارهای کار با تصاویر
  • ضرورت استفاده از فوتوشاپ (یا نرم افزارهای مشابه)
  • آشنایی با دستور Save for Web
  • آشنایی با نحوه لود شدن تصاویر در وب
  • شفافیت (Transparency) در تصاویر
  • شفافیت، تصاویر PNG و ناسازگاری های مرورگرها
  • وارد کردن تصاویر درون یک صفحه سایت
  • تغییر سایز تصاویر توسط HTML
  • آشنایی با متن جایگزین عکس
  • شناور کردن تصاویر در صفحه سایت
  • پروژه عملی در این دوره از آموزش طراحی سایت: ایجاد یک گالری تصویر خطی ساده

       ¤آموزش طراحی سایت – آموزش لینک ها

  • لینک ها: فرامتن بودن HTML
  • ساخت لینکها در صفحه وب
  • آشنایی با انواع لینکها
  • نحوه آدرس به لینکها
  • درست کردن میانبرهای برای کار با لینکها
  • آشنایی با دکمه Tab در کیبورد و نقش آن در لینک ها
  • آشنایی با لینک های Anchor
  • پروژه عملی : ایجاده منو صفحه بسیار قوی به همراه یک صفحه فهرست مقاله اینترنتی

       ¤آموزش طراحی سایت – آموزش لیست ها

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

       ¤آموزش طراحی سایت – آموزش جداول

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

       ¤آموزش طراحی سایت – آموزش فرم ها

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

       ¤آموزش طراحی سایت – آموزش کار با CSS

  • درک مفهوم CSS و جایگاه آن در کنار HTML
  • آشنایی با استایل ها و روش های مختلف نوشتن آن
  • درک ساختار یک دستور CSS
  • نوشتن دستورات CSS در کنار یکدیگر
  • انتخاب المان مورد نظر در HTML
  • آشنایی کامل با انتخاب کننده ها در CSS
  • آشنایی با کلاس های دروغین (Pseudo-Class)
  • آشنایی با المان های دروغین (Pseudo-Element)
  • وراثت در CSS
  • آشنایی با واژه Cascade و نحوه عملکرد آن

       ¤آموزش طراحی سایت – آموزش فرمت دهی متن و فونت توسط CSS

  • تعیین نوع فونت مورد نظر
  • آشنایی با گروه های کلی فونت (Font Families)
  • تعیین سایز فونت
  • آشنایی با ویژگی های یک فونت: style, weight, variant
  • تعیین تورفتگی یک متن از کناره ها
  • تعیین فاصله بین حروف و فاصله بین خطوط یک متن
  • تراز یک متن در صفحه سایت

       ¤آموزش طراحی سایت – آموزش کار با CSS3

  • افکت سایه در طراحی سایت
  • تاثیر افکت گرادیانت در طراحی سایت
  • افکت شعاع به المان ها

       ¤آموزش طراحی سایت – آموزش تعیین موقعیت المان ها (Position)

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

       ¤آموزش طراحی سایت – آموزش درست کردن ساختار (Layout) توسط CSS

  • آشنایی با انواع صفحات سایت مختلف در این دوره از طراحی سایت
  • آشنایی با صفحات تک ستونی در این دوره از طراحی سایت
  • آشنایی با صفحات چندستونی
  • ساخت صفحات دوستونی
  • ساخت صفحات سه ستونی ساده و پیچیده در این دوره از طراحی سایت
  • تنظیم ارتفاع تمامی ستون های صفحه وب به یک اندازه
  • آشنایی با صفحات Absolutely-Positioned
  • آشنایی با باگ های مختلف مرورگرهای مختلف
  • پروژه عملی :ایجاد یک قالب کامل با CSS

       ¤آموزش طراحی سایت – معرفی HTML5

  • چه خصوصیاتی در html5 وجود دارد
  • چرا به HTML5 نیاز است
  • چرا ما نیاز به عناصر جدید ساختاری داریم

       ¤آموزش طراحی سایت و اساس HTML5

  • تعریف اسناد HTML5
  • HTML5 syntax
  • عنصر Header
  • عنصر nav
  • عنصر Section
  • عنصر article
  • عنصر aside
  • عنصر footer
  • بازنگری مدل محتوا

       ¤آموزش طراحی سایت – آموزش دسته بندی محتوا در HTML5

  • کار کردن باشکل figure و figcaption
  • گروه بندی محتوا با aside
  • استفاده از div در HTML5
  • استفاده از صفات id,class در HTML5
  • کارکردن با لیستها در HTML5
  • استناد به کار بصورت semantically معنایی
  • استفاده از المنت address
  • استفاده از المنت small
  • استفاده از المنت mark
  • کارکردن با تاریخ و زمان

       ¤آموزش طراحی سایت – آموزش مالتی مدیا در سایت

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

       ¤ترکیب CSS 3 با HTML5

       ¤قسمت دوم آموزش طراحی سایت : آموزش جاوا اسکریپت

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

       ¤آموزش طراحی سایت – آموزش هسته دستور جاوا اسکریپت

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

       ¤آموزش طراحی سایت – آموزش انواع داده و Object ها در جاوا اسکریپت

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

       ¤آموزش طراحی سایت – آموزش کاملا کاربردی Document Object Model

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

       ¤کارکردن با رخدادها و آموزش طراحی سایت – آموزش Event Listener ها :

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

       ¤آموزش طراحی سایت – آموزش رفع خطاهای رخ داده در کدهای جاوا اسکریپت

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

       ¤آموزش طراحی سایت – آموزش استفاده از جاوا اسکریپت برای مدیریت داده های فرم ها

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

       ¤قسمت سوم:آموزش JQuery

  • مقدمه ای بر jQuery
  • jQuery چیست
  • دانلود و نصب jQuery
  • ایجاد یک صفحه ساده دارای jQuery
  • مروری بر ویژگی های jQuery

       ¤آموزش طراحی سایت – آموزش بازیابی محتوای صفحه با jQuery

  • مروری بر انتخاب گرها Selector و فیلترها
  • استفاده از انتخابگرهای اولیه jQuery
  • استفاده از فیلترهای اولیه jQuery
  • استفاده از فیلترهای صفات jQuery
  • Child , Visibility
  • فیلترها و انتخابگرهای فرم
  • پویش مستندات Traversing Documents
  • درک حالت زنجیره عبارت jQuery
  • تعیین حاشیه عملکر صفحه لینک (Annotating page links)

       ¤آموزش طراحی سایت – آموزش دستکاری محتوای صفحه با jQuery

  • ایجاد ، گرفتن و تنظیم کردن محتوای صفحه
  • دستکاری ویژگی ها (Attributes) با jQuery
  • Wrapping ، جایگزینی و حذف محتوی
  • استفاده از jQuery Event Object

       ¤آموزش طراحی سایت – آموزش کار با Events

  • درک جنبه های مدیریت Event در jQuery
  • bind کردن و unbind کردن Eventها
  • متدهای کمکی آسان Event
  • استفاده از آبجکت Event در jQuery
  • استفاده از ویژگی های دیگر Event
  • مثال عملی : برجسته سازی و نواربندی جداول

       ¤آموزش طراحی سایت – آموزش انیمیشن ها و افکت ها در jQuery

  • مخفی سازی و نمایش المان ها بوسیله jQuery
  • Fade کردن المان ها با jQuery
  • Slide بندی المان ها از طریق jQuery
  • ساخت انیمیشن های سفارشی
  • Image Rotator ( گرداننده عکس )