دوره طراحی سایت نوجوانان

آشنایی با مفهوم و تاریخچه وب و زیرساخت‌های نرم افزاری و سخت افزاری لازم برای ایجاد ، استقرار و نگهداری وب سایت‌ها
• معرفی مفاهیم شبکه‌ای مرتبط با وب مانند: Domain،Host،Web Server،DNS Server
• معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند: HTML و CSS
• بررسی مفهوم Markup Language و Cascading Style Sheet
• تشریح نحوه عملکرد Web Browser ها
• بررسی مفهوم Search Engine، SEO، UI (واسط کاربری) ، UX
• بررسی مفهوم Responsive (واکنش گرا)
• بررسی مفهوم Tag و ساختار یک سند HTML استاندارد
• معرفی DOCTYPE
• آموزش روش آماده‌سازی بستر طراحی وب و نرم افزارهای مربوطه
• ارائه طبقه‌بندی تگ‌ها مانند: Text Level و Block Level،List و …
• بررسی نکات مربوط به List ها
• بررسی پاراگراف‌ها ،span و کلیه تگ‌های طبقه‌بندی‌شده
• معرفی مفهوم Attribute ، معرفی مفهوم Comment و دلائل استفاده از آن
• معرفی و ارائه مثال از تگ‌های مربوط به هرطبقه
• بررسی استانداردهای نامگذاری المان‌ها
• بررسی مفهوم Validation در اسناد HTML
• معرفیCSS و بررسی نقش CSS در آرایش تگ‌ها
• بررسی روش‌های مختلف اعمال Style روی تگ‌ها مانند : Inline، Internal، External
• معرفی انواع Selector ها در CSS
• بررسی نحوه استفاده از تصاویر در سند HTML
• بررسی انواع File Path ، Image Map و نحوه استفاده از تصاویر در Background
• بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
• بررسی نحوه استفاده از صدا و تصویر در Background
• معرفی IFrame و روش استفاده از آن
• ایجاد انیمیشن با تصاویر و ابزارهای مربوطه
• بررسی نحوه استفاده از رنگ و فونت
• بررسی نکات مربوط به فونت مانند: Size و Weight و …
• معرفی انواع فونت‌ها و پسوندهای مربوطه
• بررسی روش استفاده از کاراکترهای خاص در سند HTML
• معرفی مفهوم Hyper Link و نکات مربوط به Navigation
• آشنایی با مفهوم Anchor و Hash
• بررسی روش ایجاد منو و انواع آن
• بررسی روش‌های مختلف آدرس دهی لینک‌ها مثلا Internal و External
• بررسی تگ Table و اجزاء مختلف آن و معایب و مزایای Table
• بررسی نحوه استفاده از Table برای چیدمان و نحوه اختصاص اندازه به المان‌ها
• بررسی نکات مربوط به Formatting در Tableو نکات جدید HTML5 در جداول
• بررسی مفهوم Layout های Table Less
• بررسیDIV و نکات مربوطه در حیطه Positioning
• بررسی روش‌های تقسیم‌بندی صفحه و مفاهیم Margin ، Padding
• بررسیBorder و نکات مربوطه
• بررسی نکات مربوط به Text مانند Direction ،Decoration،Align و …
• بررسی نکات مربوط به Positioning در CSS3
• بررسی نکات حرفه‌ای‌تر در CSS3 مانند: Animation و Transition Bottom of Form
• بررسی انواع Effect ها در CSS3
• بررسی نکات مربوط به Transform در CSS3
• بررسی انواع Layout ها
• معرفی مفهوم Float و Absolute و …
• معرفی مفاهیم مرتبط با Boxing
• بررسیForm و انواع Input ها
• معرفی تگ‌های مفهومی HTML5
• بررسی Canvas و نحوه استفاده از آن و بررسی SVG و نحوه استفاده از آن
• بررسی و نحوه استفاده از وب فونت‌ها Font Face
• معرفی Media Query
• معرفی و پیاده سازی Responsive Layout