Web Designing
Course content:
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
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
Dreamweaver
PhotoShop
Jqeury
Project: Create a personal or business website
Using the skills obtained from our web design courses, we will build a complete personal or business brochure/magazine website.
You will be free to choose the subject of your website.It could be your personal website or your business website. This project
involves many stages from planning, team work, and designing, testing and launching your website.
