جهت کسب اطلاعات بیشتر در مورد این دوره آموزشی با همکاران ما تماس حاصل فرمایید.۰۲۱-۹۱۰۹۱۴۹۹
مشخصات درس
سرفصل ها
سرفصل دوره 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 و کاربرد آن
سرفصل دوره Web Design II
بررسی مفهوم Responsive
معرفی مفهوم CSS Framework
معرفی و بررسی تاریخچه BootStrap
بررسی روش استفاده از BootStrap در یک سند HTML
معرفی Grid System
معرفی Media Query
معرفی انواع سایزها و کلاسهای مرتبط و روش تشخیص Resolution کاربر
معرفی انواع Layout ها و کلاسهای مرتبط مانند Fluid Layout
معرفی Fixed Layout
معرفی Responsive Layout
بررسی Typography با BootStrap
بررسی روش ایجاد فرم و کلاسهای مرتبط
بررسی روش پنهان سازی بخش هایی از سند
بررسی نکات و کلاسهای مرتبط با جدول
بررسی نکات و کلاسهای مرتبط با تصاویر
بررسی روش استفاده از Icon ها
بررسی روش استفاده از Helper ها
بررسی نکات . کلاسهای مرتبط با دکمه
بررسی روش سفارشی سازی BootStrap
معرفی LESS و SASS و تشریح مزایای استفاده از آنها و تفاوت ها
بررسی روش نصب و راه اندازی SASS و COMPASS
بررسی روش ایجاد پروژه و ابزار های گرافیکی مورد استفاده در SASS مانند Scout App و CodeKit و LiveReload
بررسی روش ایجاد و فشرده سازی یک StyleSheet
بررسی روش ایجاد متغیرهای در SASS
بررسی روش ایجاد و استفاده از فایل های Partial
بررسی الگوهای نوشتاری Nesting
بررسی روش اتصال Selector ها و رابطه Parent-Child بین Selector ها
بررسی روش استفاده از @extend برای گسترش قوانین تعریف شده
بررسی الگوهای نوشتاری Mixins
بررسی روش های اعمال تغییرات روی رنگ ها
معرفی پلاگین Susy و نکات مربوطه
بررسی روش ایجاد Media Query های پیشرفته تر با SASS و MIXINS
پیاده سازی منطق با SASS
بررسی روش نگارش و کامپایل LESS
بررسی روش حل مشکل CROSS BROWSER در LESS
بررسی Server Side Compilation
بررسی روش استفاده از Source Map
بررسی روش Compress و Minimize کردن
بررسی متودولوژی های OOCSS و SMACSS و BEM
بررسی روش استفاده از متغیر ها و MIXINS
بررسی Nested Rule ها
بررسی انواع عملگرها و توابع
بررسی روش استفاده از Parent Selector
بررسی عملیات روی رنگها
بررسی Media Query ها در LESS
بررسی روش استفاده از LESS در GRID
بررسی تعاملات LESS با BOOTSTRAP
سرفصل دوره Web Design III
بررسی مفهوم Client Side کد و لزوم وجود امکان برنامه نویسی سمت کلاینت
معرفی زبان برنامه نویسی Java Script و روش استفاده از آن در یک سند HTML
بررسی نکات مربوط به تگ Script و محل نوشتن دستورات
معرفی مفهوم متغیر و ارائه نکات مربوط به متغیر ها در Java Script
بررسی متغیرهای Local و Global
بررسی مفهوم Notation و روش رعایت آن در Java Script
بررسی فایل های js. و روش استفاده از آنها
بررسی انواع عملگرها
معرفی مفهوم شرط و ساختارهای بررسی شرط
بررسی دستور switch
بررسی مفهوم حلقه و موارد نیاز به حلقه های تکرار
بررسی انواع حلقه های تکرار
بررسی حلقه های while ،for و …
بررسی روش تعریف تابع و نکات مربوطه
بررسی مفهوم رویداد و روش اداره آن
بررسی تنوع رویدادهای المانها
بررسی تفاوت انواع رویدادهای کلید مانند keyup و …
معرفی مفهوم Anonymous Function و نقش آن در مدیریت رویداد
معرفی DOM و اجزاء آن و روش دسترسی به آنها
بررسی انواع روشهای دسترسی به المانها مانند دسترسی بر اساس id و …
بررسی روش درج، حذف و ویرایش المانها و Node ها
بررسی روش دسترسی به Node های پدر، فرزند و حالتهای متنوع دسترسی
معرفی innerText و innerHTML
معرفی Framework و مفهوم آن و انواع Framework های Java Scrip
معرفی jQuery و مزایای استفاده از آن
بررسی روش استفاده از jQuery در یک سند HTML
بررسی و مقایسه عملیات مختلف مانند اداره رویداد، فراخوانی توابع، مقداردهی به مشخصه ها در jQuery و Java Script
معرفی Selector های jQuery و نکات مربوطه
آشنايی با jquery
آموزش نصب jquery
چگونگي شيوه کار jquery
آموزش قواعد نوشتاری در jquery
آموزش دسترسی به المان های html در jquery
Select To Every Things آموزش دسترسی به تمام المان ها
ID Selector آموزش دسترسی به وسيله شناسه
Tag Name Selector آموزش دسترسی به وسيله ی نام تگ
Class Selector آموزش دسترسی به وسيله ی کلاس
Attribute Selector آموزش دسترسی به وسيله ی Attribute
Selecting Visibility آموزش دسترسی توسط نمايش و عدم نمايش
Selecting Parents and Children آموزش دسترسی توسط فرزند و پدر
آموزش رويداد ها در jQuery
معرفی Effect ها در jQuery
معرفی مفهوم AJAX و بررسی روش پیاده سازی آن در Java Script و jQuery
بررسی مزایای AJAX
معرفی jQuery UI
بررسی روش استقرار jQuery UI در سند
بررسی انواع المانهای jQuery UI
بازار کار
با ورود فروش آنلاین در ایران و استفاده از سایتها و ایجاد کسب و کارهای غیر حضوری، شغلهای جدیدی نیز ایجاد شدند. یکی از این شغلها طراحی سایت است. شما با یادگیری طراحی سایت می توانید برای شرکت های طراحی وب یا در بخش های فناوری اطلاعات سازمانهای بزرگ دولتی و شرکت های خصوصی و یا به طور مستقل کار کنید. اگر در یک شرکت مشغول باشید، می توانید تا سمت های مدیریت تیم طراحی یا مدیر محتوای سایت پیشرفت کنید و با کسب تجربه بیشتر می توانید برای خود در این حوزه کسب و کاری راه اندازی کنید.
کسب توانایی
در این دوره مفاهیم پایه ای وب و اینترنت و اصول اولیه ی طراحی وب سایت را با html , css فرا می گیرید. همچنین طراحی یک وبسایت کاملا واکنش گرا و سازگار با انواع دیوایس های مختلف را آموزش می بینید.
یادگیری زبان برنامه نویسی sass , less برای نوشتن css حرفه ای از دیگر مواردی هست که در این دوره آموزش داده می شود. علاوه بر این، این دوره آموزش کامل فریم ورک نویسی و کار با فریم ورک های معروف مانند bootstrap را شامل می شود.
لازم به ذکر است که در مرحله ی پایانی از این دوره به صورت کامل زبان برنامه نویسی javascript به همراه کتابخانه ی معروف آن یعنی jquery آموزش داده می شود. اتصال و فراخوانی فایل های json , xml و همچنین کار با ajax از دیگر مفاهیم مورد بحث در این دوره است.
این دوره کاملا به شکل مهارت محور آموزش داده می شود، لذا در پایان این دوره دانشپذیر توانایی طراحی وب سایت به صورت داینامیک را دارد.
مدرک معتبر
-کلیه دوره های مجتمع فنی تهران نمایندگی پرواز دارای مدرک معتبر و قابل ترجمه رسمی می باشند.-مجتمع فنی تهران با بیش از ۴۰ سال سابقه به عنوان برترین موسسه و برند آموزشی کشور در حوزه فناوری شناخته می شود.