دوره مقدماتی طراحی صفحات وب، html & css

مدت زمان دوره : 20 ساعت

توضیحات دوره

در این دوره ابتدا با اصول HTML آشنا شده بعد به کمک CSS طرح دلخواه خود را پیاده می‌کنیم.

سپس با استفاده از HTML5 & CSS3 جلوه‌های پیشرفته به قالب اضافه می کنیم و در نهایت با فراگیری اصول اولیه ریسپانسیو کردن صفحات وب، دوره را به پایان می رسانیم.

 توانایی دانشجویان پس از گذراندن دوره:

  • شناخت نیازهای اولیه و تولید صفحات وب

پیش نیاز

ندارد

مخاطبین دوره

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

سرفصل‌

  • معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain،Host، Web Server، DNS Server
  • معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML و CSS
  • تشریح نحوه عملکرد Web Browser ها
  • بررسی مفهوم Search Engine
  • بررسی مفهوم SEO
  • بررسی مفهوم Responsive 
  • بررسی عبارت های مصطلح روز وب مانند Single Page، Parallax و …
  • بررسی مفهوم Tag و ساختار یک سند HTML استاندارد
  • ارائه طبقه بندی تگ ها مانند Text Level و Block Level،List و …
  • بررسی مفهوم Validation در اسناد HTML
  • معرفی CSS
  • بررسی نقش CSS در آرایش تگ ها
  • بررسی روش¬های مختلف اعمال Style روی تگها مانند Inline، Internal، External
  • معرفی انواع Selector ها در CSS
  • بررسی نحوه استفاده از تصاویر در سند HTML
  • بررسی انواع File Path
  • بررسی پسوندهای مختلف تصاویر
  • بررسی تصاویر PNG و مشکلات نمایشی مرورگرها
  • بررسی نکات مربوط به تصاویر مانند Transparency و …
  • بررسی Image Map
  • بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزار های مربوطه
  • بررسی نحوه استفاده از تصاویر در Background
  • بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
  • بررسی نحوه استفاده از صدا و تصویر در Background
  • بررسی روش استفاده از Google Map و سایر موارد مرتبط 
  • ایجاد انیمیشن با تصاویر و ابزار های مربوطه
  • بررسی نحوه استفاده از رنگ
  • بررسی نحوه استفاده از فونت
  • بررسی Icon ها و فونت های گوگل
  • بررسی روش استفاده از کاراکترهای خاص در سند HTML
  • معرفی مفهوم Hyper Link و نکات مربوط به Navigation
  • آشنایی با مفهوم Anchor و Hash
  • بررسی روش ایجاد منو و انواع آن
  • بررسی روشهای مختلف آدرس دهی لینک¬ها مثلا Internal و External
  • بررسی تگ Table و اجزاء مختلف آن
  • بررسی معایب و مزایای Table
  • بررسی نحوه استفاده از Table برای چیدمان
  • بررسی نحوه اختصاص اندازه به المانها
  • بررسی نکات مربوط به Formatting در Table
  • بررسی نکات جدید HTML 5 در جداول
  • بررسی Div و نکات مربوطه در حیطه Positioning
  • بررسی نکات مربوط به Text مانند Direction، Decoration، Align و …
  • بررسی نکات مربوط به Positioning در CSS 3
  • بررسی نکات حرفه ای تر در CSS 3 مانند Animation
  • بررسی انواع Effect ها در CSS 3
  • بررسی نکات مربوط به Transform در CSS 3
  • بررسی انواع Layout ها
  • بررسی Localization برای زبانهای RTL
  • معرفی مفهوم Float و Absolute و …
  • معرفی مفاهیم مرتبط با Boxing
  • بررسی Form و انواع Input ها
  • طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
  • بررسی Drag & Drop
  • بررسی Canvas و نحوه استفاده از آن
  • بررسی SVG و نحوه استفاده از آن
  • بررسی مفهوم Responsive
  • معرفی مفهوم CSS Framework
  • معرفی و بررسی تاریخچه BootStrap
  • بررسی روش استفاده از BootStrap در یک سند HTML
  • معرفی Grid System
  • معرفی Media Query
  • معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
  • معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
  • معرفی Fixed Layout
  • معرفی Responsive Layout
  • بررسی روش ایجاد فرم و کلاسهای مرتبط
  • بررسی روش پنهان سازی بخش هایی از سند
  • بررسی نکات و کلاسهای مرتبط با جدول
  • بررسی نکات و کلاسهای مرتبط با تصاویر

دوره های مشابه