Web Designing Fundamentals

Web Designing Fundamentals
=====

—–
* Course Id : WEBD-FUND
* Duration : 32 Hours

Overview
—–
* This course teaches participants the latest trends in web design
* This course helps participants develop problem-solving, critical thinking, artistic perception skills for an effective web design.
* Participants will learn methods and theory such as elements and principles of design
* Design critiques and presentations will provide opportunities for participants to become and grow as design artists
* All experiences will be project-based

Pre-Requisites
——-
* Fundamental web programming skills
* Awareness of HTML, CSS and JavaScript

Training Objectives
——-
All participants learn to:
* Use graphic design principles for effective web design
* How to implement theories into practice
* Develop the ability to analyze web site usability
* Learn programming for the web in HTML, CSS and JavaScript

Course Structure
—–
* We provide more focus on hands-on in our technical courses (typically 80% hands-on/20% theory)
* Students get the capability to apply the material they learn to real-world problems

Materials Provided
—–
* PDF of slides and hands-on exercises
* Access to instance with lab environment

Software Requirements
—–
* Any current internet browser

Hardware Requirements
—–
* Processor: 1.2 GHz
* RAM: 512 MB
* Disk space: 1 GB
* Network Connection with low latency (<250ms) to Internet

## Daywise Course Outline
—–
## Day 1
—–
* Unit 1 : What is web design?
* Unit 2 : Learning to code

## Day 2
—–
* Unit 3 : Choosing a web host
* Unit 4 : Working with a CMS

## Day 3
—–
* Unit 5 : Exploring how websites are structured
* Unit 6 : Choosing your framework or software

## Day 4
—–
* Unit 7 : Designing for standards and accessibility
* Unit 8 : Learning HTML, CSS, and JavaScript

## Detailed Course Outline
——
Unit 1 : Getting Started: The World Wide Web
—–
* Course Overview
* The Internet and World Wide Web
* Introduction to Markup
* Markup (HTML)
* Essential HTML document structure

Unit 2 : Learning to code
—–
* Essential HTML for content
* Markup (HTML) and Style (CSS)
* HTML forms
* CSS mechanics and basic selectors
* CSS text properties
* Style (CSS) 
* CSS block model
* Colors and Images

Unit 3 : Choosing a web host
—–
* Location
* Availability
* Customer Support
* Pricing
* Bandwidth
* Storage
* Backup/Restore

Unit 4 : Working with a CMS
—–
* Web Content Management Systems (Web CMS)
* CMS Features – WordPress
* CMS Features – Drupal
* CMS Features – Jooomla
* Comparing WordPress with Drupal and Joomla
* Making Your Site Production Ready

Unit 5 : Exploring how websites are structured
—–
* Directory Structure
* File Naming
* Folder Naming
* Meta Tags
* Images Files
* JavaScript Files
* CSS Files

Unit 6 : Choosing your framework or software
—–
* HTTP and Apache Web Server
* HTTP Overview
* Caching
* Compressing
* Custom Error Pages
* Redirects
* HTTPS / TLS
* Cookies
* Server-Side:  Dynamic Content
* PHP Overview
* PHP File Includes
* PHP Web Applications
* Example:  Web Application Using Database and Templates

Unit 7 : Designing for standards and accessibility
—–
* Tools for image creation and manipulation
* User Experience and Design 
* Workflow for designing a site
* User Experience principles
* Design principles
* Web page performance
* Search engines
* Monitoring and security

Unit 8 : Learning HTML, CSS, and JavaScript
—–
* CSS and lists
* Multiple CSS stylesheets
* The cascade and specificity of CSS 
* Style (CSS) 
* Fonts
* CSS and Layouts
* CSS frameworks
* Style (CSS) and Images
* CSS Loose Ends
* Image types (PNG, JPEG, GIF), features, properties and typical use
* JavaScript – Introduction
* JavaScript Events
* DOM
* jQuery
* Integrating JavaScript
* Focus on using and integrating JavaScript functionality
* Slideshows, form validation, navigation, social media widgets 
* JavaScript – Ajax and dynamic pages
* JSON
* Ajax
* JavaScript templates

Scroll to top