Course Outline

Introduction to the WWWW

• What is the Internet and the Web
• Definition of URL, Domain
• History and types of modern browsers
• How browsers work

Introduction to Web Development Console

• Inspect Elements on any web page
• How to debug and correct your codes
• How to tweak your html/css live on your browser

Preparing your Website

• What is a domain, TLD, subdomain and domain hack
• How to get your own domain name
• What is a web host
• What are some web hosting services you can buy

Web Performance and Analytics

• What is a bandwidth and bandwidth limit?
• How to speed up your website performance?
• How to host multimedia
• Web analytics and how to get data
• Introduction to cPanel
• How to use a FTP Client and some common examples

Introduction to coding

• What are the differences between programming languages, frameworks and web apps
• Examples of common web frameworks like jQuery, Joomla, Wordpress
• What is the client-side and server-side for a web app

Introduction to Dreamweaver

• Examples of Text Editors
• Dreamweaver Panels and views
• Dreamweaver Properties Panels
• Dreamweaver preview in Browser

Basic HTML

• What is HTML
• A basic page structure
• Defining the document type, title and meta for a web page
• How to insert html comments

HTML - Text tags

• Paragraphs and headings
• Quotations, abbreviations, codes
• Inline text

HTML - Text formatting

• Bold
• Italic
• Horizontal line
• Break and new lines

HTML - Images

• How to insert images
• What are the common types of image formats
• Image attributes like height, width, title

HTML - Linking other web pages

• How to add hyperlinks
• How to link to another website, your own project or images
• How to link within the same web page

HTML - Other Information displays

• Unordered and Ordered Lists (bulleted and numbered items)
• Tables with merged rows and columns
• Forms with input text, radio buttons, checkboxes, options and submit buttons

HTML - Insert files and media

• Video in your web page
• Link to a stylesheet or javascript

CSS - Styling Text

• Font: family, size, weight, style, variant
• Alignment as left, ceter or justify
• Typography with word-spacing, letter-spacing, line-height

CSS - Styling your website

• Hyperlinks with pseudo elements
• Background color, images and position
• Image and text border width, style and color
• Styling web forms

CSS - Tags, ID, class

• What are the differences among tags, id and class
• When to use each of them
• How to write html and css for tags/id and class

CSS - Page Layout

• Using div boxes to make a page structure
• Div properties like margin, padding, border and width
• Concept of CSS Box Model and calculations
• Absolute, Relative and Fixed position of the dov boxes

Consolidation

• Your first web page
• Agile Web Application development from sketch, code to design
• Using FTP Client to upload your web page in the Internet!

Course Outline

Flash Level 1

Getting started

• About Flash and internet
• The interface
• Timeline and stage
• Tools overview

Drawing

• Drawing lines
• Make a curve out of a line
• Shapes
• Brush and paint modes
• Fill and stroke

Animation

• Shapes, objects and symbols
• Frames overview
• Frame by frame animation
• Motion editor animation
• Layers and motion guides
• Tweeting
• Ease in and out

Buttons

• Create buttons
• Understand buttons status
• Create simple interactivity

Exporting

• Understanding SWF format
• Upload on the internet