Web Design

Course details

This course is for you if you are interested in creating or maintaining website for yourself or for others. This course also helps business owners to get more control and insight into their website. This course is designed for complete beginners of web design. No previous coding background is required.
If you are looking for HTML course and CSS training course then this web design course is for you.

Goal oriented approach

Our web design courses are designed to get you started in web design. If you have a project or an idea that you wanted to turn into website then present that idea during the course and our trainers will help you to work on your own website.

Web design course overview

This course explains how to create web pages from scratch using different techniques, such as xHTML, CSS, Javascript and use of software like Dreamweaver. After completing our web design courses you would be able to create HTML websites yourself. 
The complete course is hands-on based. A practical web design project at the end of the course will ensure that you go through website creation process by planning, creating structure, coding, using different web design software, buying you website a domain name, hosting and uploading website to a live server.

Course contents
Introduction

• What is internet?
• Introduction to HTML, CSS, JS and Dreamweaver
• Web browsers (Internet Explorer, Firefox, Safari, Opera and Google Chrome)
• Role of HTML in a web design courses]

HTML (Hyper Text Markup Language)

• HTML page structure
• HTML tags
• HTML attributes and values
• View HTML web pages code
• HTML vs xHTML

HTML Meta

• What are HTML Meta tags
• Role of HTML in search engine optimisation
• HTML keywords and importance in SEO
• HTML meta description
• HTML page title

HTML Text

• How to use text on HTML web pages
• What is HTML paragraph?
• Change the font of text
• Define text colour and size
• Use of Headings H1, H2, H3 etc
• What are text comments?
• Animate text
• Creating superscripts and subscripts
• Striking out text
• Make text bold, italic, underline

HTML List

• What is a list?
• HTML ordered list
• Unordered list
• Use list items

HTML Links

• What is HTML hyperlink/link?
• How to create a link to another page
• Connecting web pages using links
• Define target for links
• Create HTML anchors
• Link to an anchor
• Define link colours
• Change link colour on mouse over
• Creating a link from an image

HTML Tables & Div

• Creating a HTML table
• Adding rows and columns to table
• Defining padding and spacing
• Adding table borders
• Border width and colour
• Create table cell colour
• Use images in tables
• Create Div
• Apply Div Colours
• Defining width and height for Div
• Position div by using float
• Use background colour for Div
• How to use background image for Div
• How to use HTML Span
• Table vs Div

Working with image in HTML

• Adding image
• Create image links
• The GIF, JPEG and PNG formats
• Alternative text, titles and descriptions for images

HTML Multimedia

• Embedding sound in HTML web pages
• Adding a link to a sound
• Adding background sound for explorer
• Creating a marquee
• Adding video to web pages
• Adding YouTube video to a web page

HTML Form

• What is HTML form?
• Create a form
• Form get and post method
• Form action
• Creating HTML Form text boxes
• Creating password boxes
• Using form Labels
• Creating text areas
• Creating radio buttons
• Creating checkboxes
• Creating List menus
• How to create a file upload
• Use of hidden fields
• Creating form submit button
• Form reset button

CSS (cascading style sheet)

• What is CSS?
• Separating content from presentation
• Role of CSS in web design courses
• Inline vs embedded or external CSS
• CSS structure

CSS in HTML

• Applying style on one web page
• Applying style on complete website
• Defining styles for Classes 
• Style for HTML tags
• Defining styles for links

Styling text using CSS

• Styling text elements
• Specifying font size and colour
• Text decoration
• Specifying font alignment
• Choosing a font family
• CSS3 embedding @font-face
• Specify font size 
• Setting the Line Height
• Make text Italics 
• Use Bold Formatting
• Underlining Text
• Specify text colour
• Apply text case
• Use text's background

Styling links using CSS

• Creating hover effects
• Keeping track of links
• Create website navigation using CSS

Creating web page layout using CSS

• How to use Div
• Fluid layout
• Fixed layout
• Elastic layout
• Specify the height of an element
• Specify the width of an element
• Specify the border
• Specify padding around an element
• Specify the margins around an element
• Wrapping text around images
• Use float
• Use background images for elements
• Controlling overflow

Publishing/Upload website

• Finding a host for your site 
• Reserve a domain name (website name)
• How to upload your site to a hosting server

HTML web page troubleshooting

• Test your website
• Check HTML code 
• View code from browser
• Use Firebug to inspect HTML web page elements

JavaScript

• What is Javascript
• Javascript Output
• Javascript Comments
• Javascript Date Time
• Javascript Popup
• Javascript Prompt
• Javascript Built-in Functions
• Javascript Events
• Javascript Conditional statements
• Javascript Variables
• Javascript Form Validation

Publishing your site on the Internet for web designers

• Domain Name for your website
• Web Servers Introduction 
• Uploading and Downloading to and from your website
• Protocols FTP, HTTP