پک جامع طراحی وب سایت

دوره :  پک جامع طراحی وب سایت  Web Design Pack             مدت دوره : 150 ساعت 

دوره ی جامع طراحی وبسایت یکی از پر مخاطب ترین دوره های طراحی وب سایت است، که این دوره هم به صورت آنلاین و هم به صورت حضوری برگزار می گردد. دوره ی جامع طراحی وب سایت در دسته ی وب و تجارت الکترونیک گنجانده شده است؛ همانطور که می دانید هر صفحه ی وب دو بخش کلاینت و سرور دارد. هر آنچه که در صفحه نمایش داده می شود و کاربر می بیند و به عبارتی کابر از طریق آن با سیستم تعامل برقرار می کند، قسمت کلاینت وب سایت و درخواست کاربر از سیستم برای دریافت اطلاعات را سرور وب سایت گویند. برای طراحی قسمت کلاینت وب سایت شما باید دوره ی جامع طراحی وب سایت را شرکت کنید و برای برنامه نویسی سمت سرور می توان دوره های PHP & MySQL, Django را نام برد. پس از گذراندن دوره ی جامع طراحی وب سایت و دریافت مدرک مجتمع فنی تهران که مورد تایید سازمان مدیریت و سازمان اداری استخدامی کشور است.

پیش نیاز ها

 پیش نیاز این دوره، مهارت های پایه است. دانشپذیر باید توانایی کار با ویندوز را برای شرکت در این دوره داشته باشد.

سرفصل ها

• سرفصل دوره 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 از دیگر مفاهیم مورد بحث در این دوره است.

این دوره کاملا به شکل مهارت محور آموزش داده می شود، لذا در پایان این دوره دانشپذیر توانایی طراحی وب سایت به صورت داینامیک را دارد.

بازار کار

با ورود فروش آنلاین در ایران و استفاده از سایت‌ها و ایجاد کسب و کارهای غیر حضوری، شغل‌های جدیدی نیز ایجاد شدند. یکی از این شغل‌ها طراحی سایت است. شما با یادگیری طراحی سایت می توانید برای شرکت های طراحی وب یا در بخش های فناوری اطلاعات سازمانهای بزرگ دولتی و شرکت های خصوصی و یا به طور مستقل کار کنید. اگر در یک شرکت مشغول باشید، می توانید تا سمت های مدیریت تیم طراحی یا مدیر محتوای سایت پیشرفت کنید و با کسب تجربه بیشتر می توانید برای خود در این حوزه کسب و کاری راه اندازی کنید.

معرفی مدارک پایان دوره آموزش

مدرک مجتمع فنی تهران قابل ترجمه رسمی مورد تایید قوه قضائیه و وزارت امور خارجه می باشد. این مدرک مورد تایید سازمان ها و شرکت های خصوصی و دولتی و به عنوان یک Skill Certificate می تواند به عنوان معرفی مهارت های شما و همچنین جز رزومه کاری و مهارتی دانشپذیر قرار گیرد. 

مزایای مجتمع فنی تهران(نمایندگی تبریز)

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