Web Design Training


Web Design Training


Duration: 2.5 Months

Web Design Training in Nepal

Code IT has been proving its worth by offering web designing training in Nepal under the counsel of highly qualified web designers. Designing web pages, mock-ups or templates is a major stepping stone in augmenting into web development. Provided that, web designing training teaches basic techniques and approach in learning HTML, CSS and Jquery etc. that helps designers in creating fully functional websites.

The core objective of the course is to train aspiring web designers in Nepal to create the user-friendly websites adopting modern web designing concept. Hence, Code IT has succeeded to accomplish its objective since its inception.

Benefits of Web Design Training

Individuals trained for web designing can have a lot of benefits, including major advantages such as:

  • Provides a thorough understanding of modern trends and techniques in professional web designing.
  • Understanding a smarter approach to mock-up and templates.
  • Helps to build and grow your own business in an effective manner.
  • Abundance of career and job opportunities follows.
  • Rewarding choices like freelancing will be available.
  • Kindles creative energy to a great extent.
  • Develops your credibility and professionalism.
  • Good web designers have a high payroll.

Demand for web designers is uprising each day. As a matter of fact, many IT institutions are introducing web designing courses targeted for candidates having both programming background and a non-programming background. Thus, it is easy for students pursuing a career in IT to become a web designer in Nepal when taken the professional web design training course.

Benefits of Web Design Training at Code IT

Candidates can obtain several benefits while undergoing the web designing program at Code IT

  • Qualified and recognized web designers take on the role as instructors.
  • Regular practical classes are available in an interactive learning environment.
  • All of the required training resources are available.
  • Guaranteed internship opportunities.
  • Training cost is rational.
  • Deserving students are provided with scholarship.
  • Project work supervision and evaluation are done by a team of instructors and experts.

As a leading IT institution in Nepal, Code IT encompasses best IT services. Web design training is no different. In Fact, we receive thousands of applications from students and professionals every year. Therefore, enroll your name and reserve your seat at the earliest.

Web Design Training in Nepal - Outlines

Mockup Designing (Adobe Photoshop)

  • Psychology of Color in Web
  • Typography
  • Using tools for Mockup Design
  • Vector Design 
  • Designing various element for Web/Mobile
  • Mastering elements using different options
  • Using some important extension for Web/Mobile design
  • Project Work (Designing Mockup )
  • Creating Photoshop GIF Image.

HTML5

  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Text Formatting
    • <b> - Bold text
    • <strong> - Important text
    • <i> - Italic text
    • <em> - Emphasized text
    • <mark> - Marked text
    • <small> - Smaller text
    • <del> - Deleted text
    • <ins> - Inserted text
    • <sub> - Subscript text
    • <sup> - Superscript text
  • HTML Comments
  • HTML Lists
    • Ordered HTML
    • Unordered HTML
    • Definition Lists
  • HTML tables
  • HTML Forms
  • HTML Images 
  • HTML Anchor
    • Text Links
    • Email Links
    • Image Links
    • Phone Links
  • HTML Meta Tags
    • keywords
    • description
    • author
    • revised
    • charset
    • refresh
    • robots
  • HTML iframes
  • Block Elements
    • <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <ul>, <ol>, <dl>, <pre>, <hr />, <blockquote>, and <address>
  • Inline Elements
    • <b>, <i>, <u>, <em>, <strong>, <sup>, <sub>, <big>, <small>, <li>, <ins>, <del>, <code>, <cite>, <dfn>, <kbd>, and <var>
  • HTML Entities
  • HTML Symbols
  • HTML5 Audio & Video
  • HTML5 Web Storage
  • HTML5 Canvas
  • HTML5 SVG
  • HTML5 Drag & drop
  • HTML5 Geolocation
  • HTML5 Semantics

CSS Introduction

  • CSS Syntax
  • Inline CSS
  • Internal CSS
  • External CSS
  • CSS Selector
  • CSS Comments
  • CSS Background
  • CSS Border
  • CSS Outline
  • CSS Float
  • CSS Clear
  • CSS Display
  • CSS Font
  • CSS Line Height
  • CSS Margin
  • CSS Padding
  • CSS Overflow
  • CSS Opacity
  • CSS Position
  • CSS Pseudo Class & Element
  • CSS Vertical Align
  • CSS White Space
  • CSS Word Wrap
  • CSS Outline
  • CSS Visibility
  • CSS Counter

CSS3

  • CSS3 Rounded Corner
  • CSS3 Border Images
  • CSS3 Multi Background
  • CSS3 Color
  • CSS3 Gradients
  • CSS3 Shadow
  • CSS3 Text
  • CSS3 Web font
  • CSS3 2d transform
  • CSS3 3d transform
  • CSS3 Animation
  • CSS3 Multi columns
  • CSS3 User Interface
  • CSS3 Box Sizing
  • CSS Variables
  • CSS3 Image Reflection
  • CSS3 object-fit
  • CSS3 Viewport
  • CSS3 Media Queries Responsive

CSS Flexbox

  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content
  • order
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • align-self

CSS Grid Module

  • grid-column-gap
  • grid-row-gap
  • grid-gap
  • grid-template-columns
  • grid-template-rows
  • grid-template-areas
  • grid-column-start 
  • grid-column-end
  • grid-row-start
  • grid-row-end
  • justify-items
  • align-items
  • align-content

Browser Support

  • Supported by Internet Explorer with prefix -ms-
  • Supported by Firefox with prefix -moz-
  • Supported by Chrome with prefix -webkit-
  • Supported by Safari with prefix -webkit-
  • Supported by Opera with prefix -webkit-

Once the above topics are covered, the students will make a project on:

E-commerce Website

Sass / SCSS

  • Preprocessing
  • Variables
  • Nesting
  • Partials
  • Import
  • Mixins
  • Inheritance
  • Operators

Once the above topics are covered, the students will make a project on:

News Portal Website

JavaScript

  • Data Types
  • Variables and Constant
  • Operators
  • Conditionals, loop 
  • Functions 
  • Array and Objects 
  • Document Object Model

jQuery

  • jQuery Syntax
  • jQuery Selectors
  • jQuery Events
  • jQuery Effects
  • jQuery Hide/Show
  • jQuery Fade
  • jQuery Slide
  • jQuery Add
  • jQuery Remove
  • jQuery CSS Classes
  • jQuery Animate
  • jQuery stop ()
  • jQuery Callback
  • jQuery Chaining

Bootstrap 4

Content

  • Reboot
  • Typography
  • Code
  • Images
  • Tables
  • Figures

Components

  • Alerts
  • Badge
  • Breadcrumb
  • Buttons
  • Button group
  • Card
  • Carousel
  • Collapse
  • Dropdowns
  • Forms
  • Input group
  • Jumbotron
  • List group
  • Modal
  • Navs
  • Navbar
  • Pagination
  • Popovers
  • Progress
  • Scrollspy
  • Tooltips
  • Utilities

Utilities

  • Utilities
  • Borders
  • Clearfix
  • Close icon
  • Colors
  • Display
  • Embed
  • Flex
  • Float
  • Image replacement
  • Position
  • Screenreaders
  • Shadows
  • Sizing
  • Spacing
  • Text
  • Vertical align
  • Visibility

Once the above topics are covered, the students will make a project on:

Travel & Tours Website

Bootstrap 5

  • Breakpoints
  • Containers
  • Grid
  • Columns
  • Gutters
  • Utilities
  • Z-index
  • Reboot
  • Typography
  • Images
  • Tables
  • Figures
  • Overview
  • Form control
  • Select
  • Checks & radios
  • Range
  • Input group
  • Floating labels
  • Layout
  • Validation
  • Accordion
  • Alerts
  • Badge
  • Breadcrumb
  • Buttons
  • Button group
  • Card
  • Carousel
  • Close button
  • Collapse
  • Dropdowns
  • List group
  • Modal
  • Navs & tabs
  • Navbar
  • Offcanvas
  • Pagination
  • Popovers
  • Progress
  • Scrollspy
  • Spinners
  • Toasts
  • Tooltips
  • Clearfix
  • Colored links
  • Ratio
  • Position
  • Visually hidden
  • Stretched link
  • Text truncation
  • API
  • Background
  • Borders
  • Colors
  • Display
  • Flex
  • Float
  • Interactions
  • Overflow
  • Position
  • Shadows
  • Sizing
  • Spacing
  • Text
  • Vertical align
  • Visibility
  • Approach
  • Icons

Once the above topics are covered, the students will make a project on:

Corporate Website

React

  • React Get Started
  • React ES6
  • React Render HTML
  • React JSX
  • React Components
  • React Props
  • React State
  • React Lifecycle
  • React Events
  • React router
  • React Lifting State Up
  • React Forms
  • React CSS
  • React Hook

Once the above topics are covered, the students will make a project on:

News Portal Website

Domain Registration / Web Hosting

  • Domain Registration
  • Web Hosting
  • cPanel/webmail
  • File upload using FileZilla etc.
  • GitHub
  • Tips for job interview 

As per the Institute Rules, four of the following projects will be done by the Student themselves!  For Final Project

NGO Website (1 projects)

Travel & Tours Website (1 project)

Corporate Website (1 projects)

News Portal Website (1 project)

Enquiry Form


Web Design Training


Duration: 2.5 Months

Web Design Training in Nepal

Code IT has been proving its worth by offering web designing training in Nepal under the counsel of highly qualified web designers. Designing web pages, mock-ups or templates is a major stepping stone in augmenting into web development. Provided that, web designing training teaches basic techniques and approach in learning HTML, CSS and Jquery etc. that helps designers in creating fully functional websites.

The core objective of the course is to train aspiring web designers in Nepal to create the user-friendly websites adopting modern web designing concept. Hence, Code IT has succeeded to accomplish its objective since its inception.

Benefits of Web Design Training

Individuals trained for web designing can have a lot of benefits, including major advantages such as:

  • Provides a thorough understanding of modern trends and techniques in professional web designing.
  • Understanding a smarter approach to mock-up and templates.
  • Helps to build and grow your own business in an effective manner.
  • Abundance of career and job opportunities follows.
  • Rewarding choices like freelancing will be available.
  • Kindles creative energy to a great extent.
  • Develops your credibility and professionalism.
  • Good web designers have a high payroll.

Demand for web designers is uprising each day. As a matter of fact, many IT institutions are introducing web designing courses targeted for candidates having both programming background and a non-programming background. Thus, it is easy for students pursuing a career in IT to become a web designer in Nepal when taken the professional web design training course.

Benefits of Web Design Training at Code IT

Candidates can obtain several benefits while undergoing the web designing program at Code IT

  • Qualified and recognized web designers take on the role as instructors.
  • Regular practical classes are available in an interactive learning environment.
  • All of the required training resources are available.
  • Guaranteed internship opportunities.
  • Training cost is rational.
  • Deserving students are provided with scholarship.
  • Project work supervision and evaluation are done by a team of instructors and experts.

As a leading IT institution in Nepal, Code IT encompasses best IT services. Web design training is no different. In Fact, we receive thousands of applications from students and professionals every year. Therefore, enroll your name and reserve your seat at the earliest.

Web Design Training in Nepal - Outlines

Mockup Designing (Adobe Photoshop)

  • Psychology of Color in Web
  • Typography
  • Using tools for Mockup Design
  • Vector Design 
  • Designing various element for Web/Mobile
  • Mastering elements using different options
  • Using some important extension for Web/Mobile design
  • Project Work (Designing Mockup )
  • Creating Photoshop GIF Image.

HTML5

  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Text Formatting
    • <b> - Bold text
    • <strong> - Important text
    • <i> - Italic text
    • <em> - Emphasized text
    • <mark> - Marked text
    • <small> - Smaller text
    • <del> - Deleted text
    • <ins> - Inserted text
    • <sub> - Subscript text
    • <sup> - Superscript text
  • HTML Comments
  • HTML Lists
    • Ordered HTML
    • Unordered HTML
    • Definition Lists
  • HTML tables
  • HTML Forms
  • HTML Images 
  • HTML Anchor
    • Text Links
    • Email Links
    • Image Links
    • Phone Links
  • HTML Meta Tags
    • keywords
    • description
    • author
    • revised
    • charset
    • refresh
    • robots
  • HTML iframes
  • Block Elements
    • <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <ul>, <ol>, <dl>, <pre>, <hr />, <blockquote>, and <address>
  • Inline Elements
    • <b>, <i>, <u>, <em>, <strong>, <sup>, <sub>, <big>, <small>, <li>, <ins>, <del>, <code>, <cite>, <dfn>, <kbd>, and <var>
  • HTML Entities
  • HTML Symbols
  • HTML5 Audio & Video
  • HTML5 Web Storage
  • HTML5 Canvas
  • HTML5 SVG
  • HTML5 Drag & drop
  • HTML5 Geolocation
  • HTML5 Semantics

CSS Introduction

  • CSS Syntax
  • Inline CSS
  • Internal CSS
  • External CSS
  • CSS Selector
  • CSS Comments
  • CSS Background
  • CSS Border
  • CSS Outline
  • CSS Float
  • CSS Clear
  • CSS Display
  • CSS Font
  • CSS Line Height
  • CSS Margin
  • CSS Padding
  • CSS Overflow
  • CSS Opacity
  • CSS Position
  • CSS Pseudo Class & Element
  • CSS Vertical Align
  • CSS White Space
  • CSS Word Wrap
  • CSS Outline
  • CSS Visibility
  • CSS Counter

CSS3

  • CSS3 Rounded Corner
  • CSS3 Border Images
  • CSS3 Multi Background
  • CSS3 Color
  • CSS3 Gradients
  • CSS3 Shadow
  • CSS3 Text
  • CSS3 Web font
  • CSS3 2d transform
  • CSS3 3d transform
  • CSS3 Animation
  • CSS3 Multi columns
  • CSS3 User Interface
  • CSS3 Box Sizing
  • CSS Variables
  • CSS3 Image Reflection
  • CSS3 object-fit
  • CSS3 Viewport
  • CSS3 Media Queries Responsive

CSS Flexbox

  • flex-direction
  • flex-wrap
  • flex-flow
  • justify-content
  • align-items
  • align-content
  • order
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • align-self

CSS Grid Module

  • grid-column-gap
  • grid-row-gap
  • grid-gap
  • grid-template-columns
  • grid-template-rows
  • grid-template-areas
  • grid-column-start 
  • grid-column-end
  • grid-row-start
  • grid-row-end
  • justify-items
  • align-items
  • align-content

Browser Support

  • Supported by Internet Explorer with prefix -ms-
  • Supported by Firefox with prefix -moz-
  • Supported by Chrome with prefix -webkit-
  • Supported by Safari with prefix -webkit-
  • Supported by Opera with prefix -webkit-

Once the above topics are covered, the students will make a project on:

E-commerce Website

Sass / SCSS

  • Preprocessing
  • Variables
  • Nesting
  • Partials
  • Import
  • Mixins
  • Inheritance
  • Operators

Once the above topics are covered, the students will make a project on:

News Portal Website

JavaScript

  • Data Types
  • Variables and Constant
  • Operators
  • Conditionals, loop 
  • Functions 
  • Array and Objects 
  • Document Object Model

jQuery

  • jQuery Syntax
  • jQuery Selectors
  • jQuery Events
  • jQuery Effects
  • jQuery Hide/Show
  • jQuery Fade
  • jQuery Slide
  • jQuery Add
  • jQuery Remove
  • jQuery CSS Classes
  • jQuery Animate
  • jQuery stop ()
  • jQuery Callback
  • jQuery Chaining

Bootstrap 4

Content

  • Reboot
  • Typography
  • Code
  • Images
  • Tables
  • Figures

Components

  • Alerts
  • Badge
  • Breadcrumb
  • Buttons
  • Button group
  • Card
  • Carousel
  • Collapse
  • Dropdowns
  • Forms
  • Input group
  • Jumbotron
  • List group
  • Modal
  • Navs
  • Navbar
  • Pagination
  • Popovers
  • Progress
  • Scrollspy
  • Tooltips
  • Utilities

Utilities

  • Utilities
  • Borders
  • Clearfix
  • Close icon
  • Colors
  • Display
  • Embed
  • Flex
  • Float
  • Image replacement
  • Position
  • Screenreaders
  • Shadows
  • Sizing
  • Spacing
  • Text
  • Vertical align
  • Visibility

Once the above topics are covered, the students will make a project on:

Travel & Tours Website

Bootstrap 5

  • Breakpoints
  • Containers
  • Grid
  • Columns
  • Gutters
  • Utilities
  • Z-index
  • Reboot
  • Typography
  • Images
  • Tables
  • Figures
  • Overview
  • Form control
  • Select
  • Checks & radios
  • Range
  • Input group
  • Floating labels
  • Layout
  • Validation
  • Accordion
  • Alerts
  • Badge
  • Breadcrumb
  • Buttons
  • Button group
  • Card
  • Carousel
  • Close button
  • Collapse
  • Dropdowns
  • List group
  • Modal
  • Navs & tabs
  • Navbar
  • Offcanvas
  • Pagination
  • Popovers
  • Progress
  • Scrollspy
  • Spinners
  • Toasts
  • Tooltips
  • Clearfix
  • Colored links
  • Ratio
  • Position
  • Visually hidden
  • Stretched link
  • Text truncation
  • API
  • Background
  • Borders
  • Colors
  • Display
  • Flex
  • Float
  • Interactions
  • Overflow
  • Position
  • Shadows
  • Sizing
  • Spacing
  • Text
  • Vertical align
  • Visibility
  • Approach
  • Icons

Once the above topics are covered, the students will make a project on:

Corporate Website

React

  • React Get Started
  • React ES6
  • React Render HTML
  • React JSX
  • React Components
  • React Props
  • React State
  • React Lifecycle
  • React Events
  • React router
  • React Lifting State Up
  • React Forms
  • React CSS
  • React Hook

Once the above topics are covered, the students will make a project on:

News Portal Website

Domain Registration / Web Hosting

  • Domain Registration
  • Web Hosting
  • cPanel/webmail
  • File upload using FileZilla etc.
  • GitHub
  • Tips for job interview 

As per the Institute Rules, four of the following projects will be done by the Student themselves!  For Final Project

NGO Website (1 projects)

Travel & Tours Website (1 project)

Corporate Website (1 projects)

News Portal Website (1 project)

Enquiry Form