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

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

اهداف دوره آموزش طراحی سایت :
آموزش جنبه های عملی طراحی سایت بصورت كاربردی و پروژه ای
افراد در پایان دوره آموزش طراحی سایت به تسلط کامل در تگ های HTML می رسند.
افراد در این دوره روش های کاربردی XML را در طراحی سایت بکار خواهند گرفت.
آموزش طراحی وب سایت با استفاده از (DIV,CSS(3
آموزش tag های جدید (HTML(5 در طراحی وب سایت
با استفاده از امکانات بی نظیر HTML 5 ماندد انیمیشن و مالتی مدیا در طراحی سایت می توانند قالب سایت خود را پویا نمایند.
در این دوره از آموزش طراحی سایت با تسلط بر چگونگی بکارگیری استایل های CSS به طور کامل می توانند به جذابیت گرافیکی وب خود بیفزایند.
آموزش بهینه سازی وب سایت برای موتورهای جستجو
آموزش طراحی سایت و آموزش JavaScript و كاربرد آن در صفحات وب
آموزش طراحی سایت و آموزش كاربردی JQuery و كاربرد آن در صفحات وب
آموزش استفاده از كامپوننت های JQuery UI و استفاده از عناصر tab,accardion,popup, دیگر عناصر كاربردی JQueri UI
در این دوره دانشجویان قادر خواهند بود تا یک قالب گرافیکی طراحی شده برای سایت را به یک صفحه HTML با استانداردهای فنی بالا تبدیل نمایند.
افراد در طی این دوره با ساخت ۳ عدد وب سایت بصورت كامل و عملی آشنا می شوند كه ۲ عدد از این وب سایتها به عنوان تمرین در كلاس درس داده خواهد شد

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

قسمت اول آموزش طراحی سایت :آموزشHTML(5),CSS3
مقدمه ای بر اینترنت، وب و HTML
درک مفهوم HTML در این دوره از آموزش طراحی سایت
آشنایی با مرورگر وب و انواع آن در این دوره از آموزش طراحی سایت
نقش CSS در ساخت صفحات وب
آشنایی با XHTML در طراحی سایت
جنگ مرورگرهای وب
استانداردهای موجود در طراحی سایت
آموزش طراحی سایت و عناصر سازنده صفحات وب
آشنایی با مارک آپ (Markup)
آشنایی با المان، تگ، خاصیت و مقدار
محتوای متنی یک صفحه وب
لینک ها، تصاویر و محتوای غیرمتنی
اسم فایلهای صفحات وب
HTML در مقابل XHTML
انواع نسخه های HTML
آشنایی با DOCTYPE و ضرورت استفاده از آن
آموزش طراحی سایت و ساخت اولین صفحه وب
آشنایی با نرم افزارهای ساخت صفحات وب نظیر Dreamweaver
ضرورت کدنویسی دستی و ساخت صفحه وب با Notepad
استفاده درست و به جا از نرم افزارهای WYSIWYG
ساخت اولین صفحه وب توسط Notepad
مشاهده صفحه وب ساخته شده در مرورگرهای مختلف
آشنایی با ناسازگاری های مرورگرهای مختلف
آموزش طراحی سایت و ساختار اساسی HTML
فنداسیون یک صفحه وب
عنوان یک صفحه وب
ساخت پاراگرافها
آشنایی با Headerها
نامگذاری المانها
تقسیم کردن یک صفحه وب به قسمتهای مختلف
Encoding برای نمایش درست متنها
کاراکترهای خاص در HTML
المانهای طلایی وب: div و span
آموزش طراحی سایت و فرمت کردن متن در HTML
نوشتن متن به صورت bold و italic
تغییر سایز نوشته یک متن
استفاده از فونتهای Monospaced
استفاده از متنهای Preformatted
متنهای نقل قول
متن های Superscript و Subscript
تراز متن در صفحه وب
پروژه عملی : ایجاد یک صفحه وب مشابه صفحات ویکی پدیا
آموزش طراحی سایت وگذاشتن تصاویر در سایت
پسوندهای رایج تصاویر در وب
آشنایی با نرم افزارهای کار با تصاویر
ضرورت استفاده از فوتوشاپ (یا نرم افزارهای مشابه)
آشنایی با دستور Save for Web
آشنایی با نحوه لود شدن تصاویر در وب
شفافیت (Transparency) در تصاویر
شفافیت، تصاویر PNG و ناسازگاری های مرورگرها
وارد کردن تصاویر درون یک صفحه وب
تغییر سایز تصاویر توسط HTML
آشنایی با متن جایگزین عکس
شناورکردن تصاویر در صفحه وب
پروژه عملی در این دوره از آموزش طراحی سایت: ایجاد یک گالری تصویر خطی ساده
آموزش طراحی سایت – آموزش لینک ها
لینک ها: فرامتن بودن HTML
ساخت لینکها در صفحه وب
آشنایی با انواع لینکها
نحوه آدرس به لینکها
درست کردن میانبرهای کیبوردی برای کار با لینکها
آشنایی با دکمه Tab در کیبورد و نقش آن در لینک ها
آشنایی با لینک های Anchor و HASHها
پروژه عملی : ایجاده منو صفحه بسیار قوی به همراه یک صفحه فهرست مقاله اینترنتی
آموزش طراحی سایت – آموزش لیست ها
در آموزش طراحی سایت آشنایی با انواع لیست ها
ساخت لیست های ترتیبی و غیرترتیبی
انتخاب نوع بولت برای لیست ها
تعیین شماره شروع برای لیستها
ساخت لیست های توضیحی
لیستهای تودرتو و مدیریت آنها
پروژه عملی دراین دوره از آموزش طراحی سایت: ایجاد یک منوی به همراه گزینه های والد لایه ای
آموزش طراحی سایت – آموزش جداول
آشنایی با جداول و کاربردهای آن در صفحات وب ساخت اولین جدول
تعیین حاشیه کنار جدول
تعیین فاصله درونی و بیرونی سلول جدول
ساخت جدولهای حرفه ای تر
تقسیم کردن جدول به گروههای افقی
تقسیم کردن جدول به قسمتهای عمودی
کنترل حرفه ای حاشیه های کناری و داخلی یک جدول
افزایش سرعت لود شدن جداول در این دوره از آموزش طراحی سایت
پروژه عملی :ایجاد یک لیست قیمت فروشگاه الکترونیکی و یک منوی زیبا با تکنولوِژی جدول
آموزش طراحی سایت – آموزش فرم ها
نقش فرم ها در صفحات وب
در این دوره از آموزش طراحی سایت ساخت اولین فرم
پردازش اطلاعات وارد شده توسط کاربر
آشنایی با 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
تایپوگرافی در طراحی سایت
افکت سایه در طراحی سایت
تاثیر افکت گرادیانت در طراحی سایت
افکت شعاع به المان ها
انیمیشن در 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
درك الگوریتم outline
ایجاد اسناد section
استفاده از heading به درستی
استفاده از hgroup برای تحت الشعاع قرار دادن section ها
ساختار مناسب تودرتو
آموزش طراحی سایت – آموزش دسته بندی محتوا در HTML5
کار کردن باشكل figure و figcaption
گروه بندی محتوا با aside
استفاده از div در HTML5
استفاده از صفات id,class در HTML5
كاركردن با لیستها در HTML5
استناد به کار بصورت semantically معنایی
استفاده از المنت address
استفاده از المنت small
استفاده از المنت mark
كاركردن با تاریخ و زمان
ایجاد لینک در سطح بلوک
فهمیدن رابطه لینكها
آموزش طراحی سایت – آموزش ساختار HTML5 معنایی برای دنیای واقعی
پشتیبانی از مرورگر کنونی
اطمینان از بلوک در سطح صفحه نمایش
اضافه کردن پشتیبانی برای عناصر در مرورگرهای قدیمی تر
آموزش طراحی سایت – آموزش کار کردن با فرم های HTML5
المان جدید کادر متنی
صفت های جدید
بازگشت به صفحه پیشین
استایل فرم و ایجاد پیغام های خطا
نکات مهم در مرور گر ها برای فرم
استفاده از جاوا اسکریپت در فرم
پروژه عملی : ایجاد یک فرم حرفه های با HTML5
پشتیبانی API HTML5
آموزش طراحی سایت – آموزش Canvas
نقاشی در محیط canvas
بازنگری video
اضافه كردن ویدیو
مروری بر امکان Drag and Drop API
آموزش در رابطه با Encoding Video
آموزش طراحی سایت – آموزش مالتی مدیا در وب
مفهوم مالتی مدیا در وب
استفاده ویدیو در وب
کار با کنترلر های اشیاء ویدیو
دسترسی به مالتی مدیا
آموزش طراحی سایت – آموزش بوم نقاشی
مبانی طراحی در وب
رسم مسیرها
استفاده از transformes
استفاده از پیکسل ها
انیمیشن در بوم نقاشی
آموزش طراحی سایت – آموزش مفهوم DRAG AND DROP
چگونه می توان یک المان را DRAG AND DROP نمود
ایجاد و تغییر در تنظیمات DRAG AND DROP
آموزش طراحی سایت – آموزش آشنایی با فناوری های مشارکتی و استفاده از آن ها در HTML5
مروری بر API مکان یابی جغرافیایی
مروری بر Web Storage API
ترکیب CSS 3 با HTML5
قسمت دوم آموزش طراحی سایت : آموزش جاوا اسکریپت
آموزش شروع به استفاده از جاوااسکریپت
مقدمه ای بر جاوااسکریپت
شنایی با ابزارها و کاربردها
آموزش طراحی سایت – آموزش هسته دستور جاوا اسکریپت
ساختار کدهای جاوااسکریپت
ساخت متغیرها
نوشتن دستورهای شرطی
کارکردن با عملگرها
حلقه سازی در جاوااسکریپت
ساخت توابع در 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
ایجاد یک صفحه ساده دارای jQuery
مروری بر ویژگی های jQuery
آموزش طراحی سایت – آموزش بازیابی محتوای صفحه با jQuery
مروری بر انتخاب گرها Selector و فیلترها
استفاده از انتخابگرهای اولیه jQuery
استفاده از فیلترهای اولیه jQuery
استفاده از فیلترهای صفات jQuery
Child , Visibility
فیلترها و انتخابگرهای فرم
پویش مستندات Traversing Documents
درک حالت زنجیره عبارت jQuery
تعیین حاشیه عملکر صفحه لینک (Annotating page links )
آموزش طراحی سایت – آموزش دستکاری محتوای صفحه با jQuery
ایجاد ، گرفتن و تنظیم کردن محتوای صفحه
دستکاری ویژگی ها ( Attributes ) با jQuery
Wrapping ، جایگزینی و حذف محتوی
ستفاده از jQuery Event Object
مثال عملی : مولد خودکار TOC
آموزش طراحی سایت – آموزش کار با Events
درک جنبه های مدیریت Event در jQuery
bind کردن و unbind کردن Eventها
متدهای کمکی آسان Event
استفاده از آبجکت Event در jQuery
استفاده از ویژگی های دیگر Event
مثال عملی : برجسته سازی و نواربندی جداول
آموزش طراحی سایت – آموزش انیمیشن ها و افکت ها در jQuery
مخفی سازی و نمایش المان ها بوسیله jQuery
Fade کردن الملان ها با jQuery
Slide بندی المان ها از طریق jQuery
ساخت انیمیشن های سفارشی
Image Rotator ( گرداننده عکس )
آموزش طراحی سایت
میانگین امتیاز رای ها: ۴٫۸
تعداد رای ها: ۷۴۵
تعداد نظرات: ۱۳۰

tahlildadeh.com/CourseDetails/28/web.aspx

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *