Web Design I ( حضوری )

• آشنایی با مفهوم و تاریخچه وب و زیرساختهای نرم افزاری و سخت افزاری لازم برای ایجاد، استقرار و نگهداری وب سایت ها
• معرفی مفاهیم شبکه ای مرتبط با وب مانند Domain،Host،Web Server،DNS Server
• معرفی مفاهیم نرم افزاری مرتبط با طراحی وب مانند HTML و CSS
• بررسی مفهوم Markup Language
• بررسی مفهوم Cascading Style Sheet
• تشریح نحوه عملکرد Web Browser ها
• بررسی مفهوم Search Engine
• بررسی مفهوم SEO
• بررسی مفهوم UI (واسط کاربری)
• بررسی مفهوم UX
• بررسی مفهوم Responsive (واکنش گرا)
• بررسی عبارت های مصطلح روز وب مانند Single Page ،Parallax و …
• بررسی مفهوم Tag و ساختار یک سند HTML استاندارد
• بررسی نسخه های HTML و ویژگی ها HTML5
• معرفی DOCTYPE
• آموزش روش آماده سازی بستر طراحی وب و نرم افزار های مربوطه
• معرفی Project Structure در طراحی وب
• ارائه طبقه بندی تگ ها مانند Text Level و Block Level ،List و …
• بررسی نکات مربوط به List ها
• بررسی پاراگراف ها، span و کلیه تگ های طبقه بندی شده
• معرفی مفهوم Attribute
• معرفی مفهوم Comment و دلائل استفاده از آن
• معرفی و ارائه مثال از تگ های مربوط به هر طبقه
• بررسی استاندارد های نامگذاری المانها
• بررسی مفهوم Validation در اسناد HTML
• معرفی CSS
• بررسی نقش CSS در آرایش تگ ها
• معرفی قابلیت های Design Environment مانند منو ها و قسمت های مختلف Dream Weaver
• بررسی روشهای مختلف اعمال Style روی تگها مانند Inline،Internal،External
• معرفی انواع Selector ها در CSS
• بررسی نحوه استفاده از تصاویر در سند HTML
• بررسی انواع File Path
• بررسی مفهوم Save/Export For Web
• بررسی نحوه Load شدن تصاویر
• بررسی پسوندهای مختلف تصاویر
• بررسی تصاویر PNG و مشکلات نمایشی مرورگرها
• بررسی نکات مربوط به تصاویر مانند Transparency و …
• بررسی Image Map
• بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزار های مربوطه
• بررسی نحوه استفاده از تصاویر در Background
• بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و …
• بررسی نحوه استفاده از صدا و تصویر در Background
• معرفی IFrame و روش استفاده از آن
• بررسی روش استفاده از Google Map و سایر موارد مرتبط با IFrame
• ایجاد انیمیشن با تصاویر و ابزار های مربوطه
• بررسی نحوه استفاده از رنگ
• بررسی نحوه استفاده از فونت
• بررسی نکات مربوط به فونت مانند Size و Weight و …
• معرفی انواع فونت ها و پسوندهای مربوطه
• بررسی Icon ها و فونت های گوگل
• بررسی روش استفاده از کاراکترهای خاص در سند HTML
• معرفی مفهوم Hyper Link و نکات مربوط به Navigation
• آشنایی با مفهوم Anchor و Hash
• ایجاد Shortcut برای لینک ها
• بررسی Site Map و روش ایجاد آن
• بررسی روش ایجاد منو و انواع آن
• بررسی روشهای مختلف آدرس دهی لینکها مانند Internal و External
• بررسی نکات جدید HTML5 در مورد لینکها مانند Download
• بررسی تگ Table و اجزاء مختلف آن
• بررسی معایب و مزایای Table
• بررسی نحوه استفاده از Table برای چیدمان
• بررسی نحوه اختصاص اندازه به المانها
• بررسی نکات مربوط به Formatting در Table
• بررسی نکات جدید HTML5 در جداول
• بررسی مفهوم Layout های Tableless
• بررسی Div و نکات مربوطه در حیطه Positioning
• بررسی روش های تقسیم بندی صفحه
• بررسی مفاهیم Margin و Padding
• بررسی Border و نکات مربوطه
• بررسی نکات مربوط به Text مانند Direction ،Decoration ،Align و …
• بررسی نکات مربوط به Positioning در CSS3
• بررسی نکات حرفه ای تر در CSS3 مانند Animation و TransitionBottom of Form
• بررسی انواع Effect ها در CSS3
• بررسی نکات مربوط به Transform در CSS3
• بررسی انواع Layout ها
• بررسی Localization برای زبانهای RTL
• معرفی مفهوم Float و Absolute و …
• معرفی مفاهیم مرتبط با Boxing
• بررسی Form و انواع Input ها
• معرفی تگ های مفهومی HTML 5 و بررسی نقش هر یک
• بررسی امکانات مرتبط با شبکه های اجتماعی
• طرح مشکل نمایش وب سایت در مرورگرهای متفاوت و نکات مربوطه
• بررسی Drag & Drop
• بررسی Canvas و نحوه استفاده از آن
• بررسی SVG و نحوه استفاده از آن
• معرفی Edge و Illustrator و کاربرد آنها
• معرفی Muse و کاربرد آن

• تاریخ شروع : 1403/06/28
• تاریخ پایان : 1403/07/17