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

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

پیشنیاز : منطق و مقدمات برنامه نویسی
تاریخ شروع طول دوره ساعت برگزاری نام استاد هزینه (تومان) وضعیت
1398/06/26 40 ساعت سه شنبه ها ساعت 16:30 تا 20:30 مهندس رفوآ 750,000 درحال برگزاری
1398/09/01 40 ساعت جمعه ها ساعت 9 تا 12:30 مهندس رفوآ 750,000 ثبت نام

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

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

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

فهرست مخاطبین دوره : آن دسته از دانشجویانی که آشنایی یا کارکردی متوسط با HTML و CSSدارند ولی می خواهند مراحل طراحی Theme را به صورت حرفه ای بیاموزند.

آن دسته از دانشجویانی که طراح سایت به صورت مبتدی کار کرده اند ولی می خواهند با استفاده از Framework قدرتمند Bootstrap اقدام به طراحی سایت Responsive نمایند.

آن دسته از دانشجویانی که می خواهند کارکردن با component های جاوااسکریپتی Bootstrap را به صورت عملی فرا بگیرند از دانشجویان این دوره هستند.

آن دسته از دانشجویانی که می خواهند طراح سایت و همچنین تگ های HTML ، CSS ، Javascript و JQuery را یاد بگیرند از مخاطبین این دوره هستند.

آن دسته از دانشجویانی که می خواهند استانداردهای طراحی سایت را مبتنی بر SEO را به صورت کاربردی بیاموزند از مخاطبین این دوره هستند

آن دسته از دانشجویانی که می خواهند مفاهیم Responsive خالص مثل View Port ها و Media Query های خالص را به صورت عملی کار کنند نیز از مخاطبین این دوره هستند

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

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

قسمت اول آموزش طراحی سایت :آموزش 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

آموزش فریمورک Bootstrap :

  • معرفی دوره Bootstrap
  • آموزش نصب و پیکربندی Bootstrap
  • آموزش Typography در Bootstrap
  • آموزش List ها و Blockquote در Bootstrap
  • آموزش رنگ ها در Bootstrap
  • آموزش تصاویر در Bootstrap
  • آموزش Variable ها در Bootstrap
  • آموزش Grid در Bootstrap
  • آموزش Nested Grid و Offset در Bootstrap
  • آموزش Order و Align در Bootstrap
  • آموزش Position ها در Bootstrap
  • آموزش Nav در Bootstrap
  • آموزش Navbar در Bootstrap
  • آموزش Component در Navbar
  • آموزش Dropdown در Navbar
  • آموزش تگ Form در Navbar
  • آموزش Collapse در Navbar
  • آموزش Button ها در Bootstrap
  • آموزش Button Group در Bootstrap
  • آموزش Badge در Bootstrap
  • آموزش Progress در Bootstrap
  • آموزش List Group در Bootstrap
  • آموزش Breadcrumb در Bootstrap
  • آموزش Jumbotron در Bootstrap
  • آموزش Table ها در Bootstrap
  • آموزش Card در Bootstrap
  • آموزش ایجاد چرخنده Spiner در Bootstrap 4
  • آموزش صفحه بندی Pagination در Bootstrap 4
  • آموزش ساخت اسلایدر Carousel در Bootstrap 4
  • آموزش کار با نوار پیشرفت Progress Bar در Bootstrap 4
  • آموزش Media در Bootstrap
  • آموزش Form ها در Bootstrap
  • آموزش اعتبار سنجی فرم ها در Bootstrap
  • آموزش Form Columns در Bootstrap
  • آموزش Input Group در Bootstrap
  • آموزش ToolTip در Bootstrap
  • آموزش Popover در Bootstrap
  • آموزش Alert ها در Bootstrap
  • آموزش Dropdown ها در Bootstrap
  • آموزش Modal در Bootstrap
  • آموزش Carousel در Bootstrap
  • پروژه عملی Bootstrap

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


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

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

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

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