آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

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

پیشنیاز : آشنایی با اینترنت
تاریخ شروع طول دوره ساعت برگزاری نام استاد هزینه (تومان) وضعیت
1396/07/21 36 ساعت جمعه ها ساعت 17:30 تا 20:30 مهندس کرمی 490,000 درحال برگزاری
1396/09/02 36 ساعت پنجشنبه ها ساعت 16:30 تا 20:30 مهندس کرمی 490,000 ثبت نام

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

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

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

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

آموزش جنبه های عملی طراحی سایت بصورت كاربردی و پروژه ای

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

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

فیلم های آموزشی مرتبط با این دوره

فیلم آموزشی از دوره
مقدمات HTML
شروع کار با Html
کار با لیست ها و لینک ها در HTML
فونت ها، فرم ها،Style Sheet و جاوا اسکریپت در html
شروع کار HTML5
javascript
اعتبار سنجی در جاوا اسکریپت
HTML DOM در جاوا اسکریپت
آموزش BOM در جاوا اسکریپت
مقدمات Jquery
افکت های Jquery
آموزش تلفیق Jquery با Html
آموزش پیمایش در Jquery
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال
کاربر میهمان1396/08/21

تشکر

سلام سایت خیلی خوبی دارین ممنون

کاربر میهمان1396/06/04

ali

سلام. واقعا عالی بود

کاربر میهمان1396/03/21

منا

بسیار جامع و کامل

کاربر میهمان1395/08/17

تشکر

سایت خیلی خوبی دارید

کاربر میهمان1395/08/17

تشکر

سایت خیلی خوبی دارید ممنونم

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

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

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

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .