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

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

فهرست مخاطبین دوره :

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

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

سرفصل های دوره آموزش کامل و حرفه ای طراحی سایت :
قسمت اول آموزش طراحی سایت :آموزش 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 ( گرداننده عکس )




برای ثبت نام و اطلاع از زمان برگزاری این دوره به لینک روبرو رجوع کنید: دوره آموزش طراحی سایت