دوره حضوری / آنلاین طراحی سایت سطح 1 ویژه نوجوانان HTML CSS

نام دوره:

طراحی سایت سطح 1 ویژه نوجوانان HTML CSS

تعداد ساعت

40 ساعت

سرفصل:

آشنایی با مفهوم و تاریخچه وب و زیرساختهای نرم افزاری و سخت افزاری لازم برای ایجاد ،استقرار و نگهداری وب سایت ها
معرفی مفاهیم شبکه ای مرتبط با وب مانند 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