Fast track to HTML & CSS 101 (Web Design)

Size: px
Start display at page:

Download "Fast track to HTML & CSS 101 (Web Design)"

Transcription

1 Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of web design. If you re looking to launch a career in this area, or you d simply like the capacity to build your own sites from the ground up, you ll need a solid education in both of these coding languages. This Fast Track 101 Yellow belt course will give you just this, beginning with basic HTML and advancing to more complex XHTML and CSS in just five days. Afterwards you ll be able to create your own professional-standard sites, take control of your own web presence, and be an asset to any company that requires the creation and maintenance of a small to medium site. Description This class provides you with the concepts and skills to use HTML, Javascript and CSS effectively. You get hands-on practice working with basic through advanced techniques to get the most out of your experience. You will learn the basics of coding for web design, beginning with HTML and advancing to more complex XHTML and CSS fundamentals. The CSS part of the class provides the web professional with the ability to control the rendering, e.g. fonts, colours, leading, margins, typefaces, and other aspects of style, of a Web document without compromising its structure using Cascading Style Sheets. Using common desktop publishing terminology, Cascading Style Sheets makes it easy for professional as well as untrained designers to make use of its features. This class is a must for people new to web design. Who is this course for? People new to Web design that desire a deeper understanding of HTML and CSS, and the new standards of web design. Assumed Knowledge We will assume little or no prior knowledge of HTML and CSS in this course but you should have a basic working knowledge of either the Windows or Mac. What you will learn

2 Upon successful completion of this course you ll be able to; convert an existing page, styling for print, styling a press release, making an input form look good, styling an events calendar, creating an online greeting card, bringing hyperlinks to life, multicolumn layout, how to skin a menu, sneaking out of the box, positioning a better design and fixing your backgrounds. * Basics of HTML and CSS * Planning your Web Site * Formatting * Images and Styles * Understanding Properties * Working with Colours and Background Images * The DIV Tag * Layout and building Basic Forms * Understand the JavaScript language. * Understand the Document Object Model and how it is used in JavaScript. * How to detect and respond to user actions * Alter, show, hide and move objects on a web page * Check information inputted into a form * How to use CSS (Cascading Stylesheets) Outline The World Wide Web Client Side vs. Server Side The web technologies Evolution of the World Wide Web What is Web 2.0 Workings of HTTP The fundamentals of the web What is AJAX? The W3C Web Standards Web Accessibility Architecture Site Architecture File & Folder Management Site definition Naming conventions Defining assets Browsers What is a Browser? Browser Wars

3 Netscape to Chrome Browser Statistics A Modern Browser Cross-Browser compatibility issues Internet Explorer 6 issues Mobile Browsers The Syntax Tags Self-closing tags block and inline The <!DOCTYPE> The Different DOCTYPE s What is a DOCTYPE HTML5 DOCTYPE The DTD XML declaration issue XHTMLising your code Document Object Model HTML5 Default options The <HEAD> Adding Meta tags Keywords, Descriptions and Refresh The Character Set HTML Comments Style Tag Script Tag Document Structure Structural Elements Headings & Paragraphs Semantics Lists Nested Lists Data Types and Definitions Special Characters The title attribute Using the address tag cite, dfn, var, abbr code, kbd, samp and pre Quoting in HTML bold, strong, italic and emphasis Tables Table headers Accessibility in Tables

4 Nesting Tables Adding Captions Merging columns and rows Web Images GIF, JPEG and PNG What format do I choose? Image attributes Alternate text for Accessibility Figure Captioning Hyperlinks The anchor tag Named anchors Relative & absolute links Linking to an address Forms Forms basics GET vs. POST Text fields Setting Accessibility labels Text Area Check boxes Drop-down lists Radio buttons Radio Groups Upload a file Fieldset & accessibility Submit & Reset buttons Publishing Buying a Domain Buying hosting space File transfer Protocol Uploading files to a server Testing online Practical Exercises Building a Hello World page Building a small site* CSS Introduction HTML Structure and Content, CSS Presentation Advantages of CSS Implementing CSS

5 CSS Rules: The Basic Syntax Case, Whitespace and Comments in CSS The CSS Standards The Scope of CSS Browser Support for CSS CSS Hackarounds Writing CSS CSS Selectors CSS and HTML Structure The CSS Box Model The IE Box Model Absolute Units Proportional Units Shorthand Syntax Margins and Padding Negative Margins Background Images Classes and ID s Descendant Selectors Group Selectors Block Boxes and Inline Boxes Block Box Behaviour Inline Box Behaviour Text Text Formatting in CSS Text Formatting Typefaces, Alternatives and Defaults Text Size and usability issues Internet Explorer Quirks Font Characteristics Setting and Using Space Within Text Formatting Blocks of Text Links Undeerstanding Link States Styling Link states Styling Internal Links Styling external Links Styling links to documents Stylesheets Reset.css Modularising CSS Style-Sheets

6 Simpler Management, Less Effort, More Control Using Embedded Styles CSS Positioning Choosing the Right CSS Technique for Positioning Blocks The Position Property The Document Flow Static Positioning Relative Positioning Relative Positioning with specified values Absolute Positioning Fixed Positioning The CSS float property Clearing Floats Page Layout Using CSS in the Real World Deploying CSS Usability Readable Pages The Proliferation of Screens Deployment CSS 2.1 CSS3 Browser Support Testing Using Test Suites and Multiple Browsers Cross-platform Testing in Single-platform Environments CSS Help and Advice Authoritative Sources versus Web Myths and Gossip Practical Exercises Styling a simple page Styling a small site

Responsive Web Design Creative License

Responsive Web Design Creative License Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D.

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D. Chapter 1 Internet and Web Basics The Internet and the Web Web Standards and Accessibility Information on the Web Web Browsers and Web Servers Internet Protocols Uniform Resource Identifiers and Domain

More information

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet

More information

HTML, XHTML and CSS for Web Designers & Developers

HTML, XHTML and CSS for Web Designers & Developers HTML, XHTML and CSS for Web Designers & Developers Course ISI-1254 - Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job.

More information

ECDL / ICDL Web Editing Syllabus Version 2.0

ECDL / ICDL Web Editing Syllabus Version 2.0 ECDL / ICDL Web Editing Syllabus Version 2.0 Purpose This document details the syllabus for ECDL / ICDL Web Editing. The syllabus describes, through learning outcomes, the knowledge and skills that a candidate

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

ITD 210 EXAM 1 STUDY GUIDE

ITD 210 EXAM 1 STUDY GUIDE ITD 210 EXAM 1 STUDY GUIDE FINAL EXAM: ADOBE WEB COMMUNICATION USING DREAMWEAVER CS3 OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website.

More information

Web Development I & II*

Web Development I & II* Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology

More information

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Garfield Public Schools Fine & Practical Arts Curriculum Web Design Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and

More information

Using the CSS Box Model for Page Layout

Using the CSS Box Model for Page Layout What You ll Learn CSS Features in Dreamweaver 8 Elements of the Using the CSS Box Model for Page Layout How to manipulate: Borders Margins Padding Different Ways of applying styles: External style sheet

More information

Responsive Web Design with HTML5

Responsive Web Design with HTML5 Responsive Web Design with Duration: 5 days 40 hrs and CSS3: Website Development provides Web Designers with the knowledge and hands-on practice they need to build and manage professional web sites using,

More information

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 SUBJECT TITLE : WEB TECHNOLOGY SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 16 02 2. CSS & JAVASCRIPT Test

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353

More information

HTML5/CSS3/JavaScript Programming

HTML5/CSS3/JavaScript Programming HTML5/CSS3/JavaScript Programming Description: Prerequisites: Audience: Length: This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5,

More information

450 Study Guide Chaps 1-6

450 Study Guide Chaps 1-6 Name: Class: Date: 450 Study Guide Chaps 1-6 Multiple Choice Identify the choice that best completes the statement or answers the question. 1. An HTTP response is sent from a. the web server to the application

More information

Creative Cloud for Web Design

Creative Cloud for Web Design Creative Cloud for Web Design Level: Duration: Time: Cost: Fast Track - Introduction 5 Days 9:30 AM - 4:30 PM 997 Overview Like the Dreamweaver Jumpstart course, the Creative Suite for Web Design course

More information

SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE

SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE SAULT COLLEGE OF APPLIED ARTS AND TECHNOLOGY SAULT STE. MARIE, ONTARIO COURSE OUTLINE COURSE TITLE: Introduction to Web Development CODE NO. : SEMESTER: 1 PROGRAM: AUTHOR: IT Studies Dennis Ochoski DATE:

More information

Lesson Review Answers

Lesson Review Answers Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.

More information

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every

More information

ART 379 Web Design. HTML, XHTML & CSS: Introduction, 1-2

ART 379 Web Design. HTML, XHTML & CSS: Introduction, 1-2 HTML, XHTML & CSS: Introduction, 1-2 History: 90s browsers (netscape & internet explorer) only read their own specific set of html. made designing web pages difficult! (this is why you would see disclaimers

More information

WEB DESIGN COURSE CONTENT

WEB DESIGN COURSE CONTENT WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC

More information

Web Developer Jr - Newbie Course

Web Developer Jr - Newbie Course Web Developer Jr - Newbie Course Session Course Outline Remarks 1 Introduction to web concepts & view samples of good websites. Understand the characteristics of good website Understand the importance

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins Learning Web Design Third Edition A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics Jennifer Niederst Robbins O'REILLY Beijing- Cambridge Farnham Koln Paris Sebastopol -Taipei -Tokyo CONTENTS

More information

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more

More information

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Macromedia Dreamweaver 8 Developer Certification Examination Specification Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this

More information

html/xhtml + css new media web design

html/xhtml + css new media web design html/xhtml + css new media web design hyper (dynamic + non linear) text (regular old words) markup (tags marking up the words) language (structured method of communication) html 4.1 vs. xhtml 1.0 XHTML

More information

Introduction to Web Development

Introduction to Web Development Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:

More information

Web Designing with UI Designing

Web Designing with UI Designing Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Web Designing with UI Designing

More information

HeuTX Riders \ A HOLISTIC APPROACH TO WEB DESIGN

HeuTX Riders \ A HOLISTIC APPROACH TO WEB DESIGN A HOLISTIC APPROACH TO WEB DESIGN Erin Anderson, Virginia DeBoIt, Derek Featherstone, Lars Gunther, Denise Jacobs, Leslie Jensen-Inman, Chris Mills, Christopher Schmitt, Glenda Sims, and Aarron Walter

More information

CSS Syllabus for training by thinkncode.com Contact number /

CSS Syllabus for training by thinkncode.com Contact number / CSS Syllabus for training by thinkncode.com Contact number 9812430938 / 9540491178 About US: - Think N Code is one of the fastest growing website designing and web development company, based in Delhi,

More information

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements

More information

Establish, configure and maintain an intranet or Internet website. Configure a web server and implement server-side scripting

Establish, configure and maintain an intranet or Internet website. Configure a web server and implement server-side scripting Web Design & Development Duration: 4 weeks You Will Learn How To: Establish, configure and maintain an intranet or Internet website Develop web pages using HTML and CSS Configure a web server and implement

More information

TIME SCHEDULE OBJECTIVES

TIME SCHEDULE OBJECTIVES COURSE TITLE : WEB DESIGN COURSE CODE : 3073 COURSE CATEGORY : B PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDITS : 4 TIME SCHEDULE MODULE TOPICS PERIODS 1 Internet fundamentals 18 2 Html, css and web design

More information

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session

Course Duration: One hour Theory and 3 hours practical per week for 15weeks. As taught in 2010/2011 Session ICS 202 Web Site Design 2 Credits The use of web design software in creating Web Pages. Available options for hosting Web pages. Design of web pages. Program interactive websites. Use of multimedia. Group

More information

CLASSROOM WEB DESIGNING COURSE

CLASSROOM WEB DESIGNING COURSE About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

Introduction to web development using XHTML and CSS. Lars Larsson. Today. Course introduction and information XHTML. CSS crash course.

Introduction to web development using XHTML and CSS. Lars Larsson. Today. Course introduction and information XHTML. CSS crash course. using CSS using CSS 1 using CSS 2 3 4 Lecture #1 5 6 using CSS Material using CSS literature During this, we will cover server side web with JavaServer Pages. JSP is an exciting technology that lets developers

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

Web Page Design (Master)

Web Page Design (Master) St. Michael-Albertville High School Teacher: Ben Rusin Web Page Design (Master) September 2014 CEQ: WHAT IS HTML CODING AND HOW IS IT USED TO CREATE WEB SITES? AND HOW CAN IT BE USED TO CREATE WEB SITES?

More information

How to work with external Cascading Style Sheets

How to work with external Cascading Style Sheets Adobe Dreamweaver CS5 Activity 3.6 guide How to work with external Cascading Style Sheets Many web professionals find it that using an external style sheet--a style sheet that exists in its own file--offers

More information

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601

San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601 Web Design Course Outline I II 1 Course Content 5 5 Student Evaluation Employment Opportunities 2 XHTML 10 10 Creating an HTML Document Formatting Text with HTML Adding Graphics with Multimedia Using forms

More information

^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING

^/ CS> KRIS. JAMSA, PhD, MBA. y» A- JONES & BARTLETT LEARNING %\ ^/ CS> v% Sr KRIS JAMSA, PhD, MBA y» A- JONES & BARTLETT LEARNING Brief Contents Acknowledgments Preface Getting Started with HTML Integrating Images Using Hyperlinks to Connect Content Presenting Lists

More information

Expression Web 4 Tutorial

Expression Web 4 Tutorial Expressions Web 4 Tutorial This is a basic look at the interface and workings of Expression Web. Here is the opening screen. It is divided into five windows which include; 1. A folder window top left 2.

More information

Introduction to XHTML. 2010, Robert K. Moniot 1

Introduction to XHTML. 2010, Robert K. Moniot 1 Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document

More information

Using an external style sheet with Dreamweaver (CS6)

Using an external style sheet with Dreamweaver (CS6) Using an external style sheet with Dreamweaver (CS6) nigelbuckner.com 2012 This handout explains how to create an external style sheet, the purpose of selector types and how to create styles. It does not

More information

Introduction to Adobe Photoshop. Introduction to HTML. Intermediate HTML. Advanced HTML & HTML5

Introduction to Adobe Photoshop. Introduction to HTML. Intermediate HTML. Advanced HTML & HTML5 Introduction to Adobe Photoshop Section Intro: The 80/20 Rule, Photoshop Basics, and More Creating a New Photoshop Document Photoshop Environment: The Toolbar - Part 1 Photoshop Environment: The Toolbar

More information

A7 CSS Review Reviewing examples of all the CSS learned throughout the semester

A7 CSS Review Reviewing examples of all the CSS learned throughout the semester GRC 175 A7 A7 CSS Review Reviewing examples of all the CSS learned throughout the semester Tasks: 1. Please first read CSS tutorial http://multimedia.journalism.berkeley.edu/tutorials/css-intro/printfriendly/

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

Web Development 1 A4 Project Description Web Architecture

Web Development 1 A4 Project Description Web Architecture Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:

More information

ACE: Dreamweaver CC Exam Guide

ACE: Dreamweaver CC Exam Guide Adobe Training Services Exam Guide ACE: Dreamweaver CC Exam Guide Adobe Training Services provides this exam guide to help prepare partners, customers, and consultants who are actively seeking accreditation

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

More information

Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design

Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Contents HTML Quiz Design CSS basics CSS examples CV update What, why, who? Before you start to create a site, it s

More information

STRUCTURE AND HTML TAGS. MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication

STRUCTURE AND HTML TAGS. MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication OBJECTIVES This presentation covers the following ACA Exam objectives: 4.1 Demonstrate knowledge

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Programming exercises (Assignments)

Programming exercises (Assignments) Course 2013 / 2014 Programming exercises (Assignments) TECHNOLOGIES FOR DEVELOPING WEB USER INTERFACES Websites (HTML5 and CSS3) Table of contents Technologies for developing web user interfaces... 1 Websites

More information

Web Authoring CSS. www.fetac.ie. Module Descriptor

Web Authoring CSS. www.fetac.ie. Module Descriptor The Further Education and Training Awards Council (FETAC) was set up as a statutory body on 11 June 2001 by the Minister for Education and Science. Under the Qualifications (Education & Training) Act,

More information

Web Testing. Main Concepts of Web Testing. Software Quality Assurance Telerik Software Academy http://academy.telerik.com

Web Testing. Main Concepts of Web Testing. Software Quality Assurance Telerik Software Academy http://academy.telerik.com Web Testing Main Concepts of Web Testing Software Quality Assurance Telerik Software Academy http://academy.telerik.com The Lectors Snejina Lazarova Product Manager Business Services Team Dimo Mitev QA

More information

Tutorial 1 Getting Started with HTML5. HTML and CSS 6 TH EDITION

Tutorial 1 Getting Started with HTML5. HTML and CSS 6 TH EDITION Tutorial 1 Getting Started with HTML5 HTML and CSS 6 TH EDITION Objectives Explore the history of the Internet, the Web, and HTML Compare the different versions of HTML Study the syntax of HTML tags and

More information

Beginning Smartphone Web Development

Beginning Smartphone Web Development Beginning Smartphone Web Development I3. jl!c;llirici JavaScript C;SS, f HTML and A-, p p I i с at i о n s f о r«p ri о n e,, А л ei ro i ci, P a! ei P re, Eli ас к I Windows Мкаане, and inotaa S60 Gail

More information

Chrysa Papazoglou IT Services. Part I: Intro & Terminology Chrysa Papazoglou

Chrysa Papazoglou IT Services. Part I: Intro & Terminology Chrysa Papazoglou Chrysa Papazoglou IT Services Part I: Intro & Terminology Chrysa Papazoglou Part I - Outline 1. Basic concepts & Terminology 2. Developer tools 3. Guidelines for mobile websites 4. Developing a mobile

More information

10CS73:Web Programming

10CS73:Web Programming 10CS73:Web Programming Question Bank Fundamentals of Web: 1.What is WWW? 2. What are domain names? Explain domain name conversion with diagram 3.What are the difference between web browser and web server

More information

Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo

Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo Dreamweaver CS3 THE MISSING MANUAL David Sawyer McFarland POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo Table of Contents The Missing Credits Introduction 1 Part

More information

WEBSITE SCIENCE 1 COURSEWORK BY THE UNIT (this schedule is subject to change) Week 1 (Class procedures, career opps, pre- assessments)

WEBSITE SCIENCE 1 COURSEWORK BY THE UNIT (this schedule is subject to change) Week 1 (Class procedures, career opps, pre- assessments) WEBSITE SCIENCE 1 COURSEWORK BY THE UNIT (this schedule is subject to change) UNIT 1 time: 9 weeks (Quarter 1) Week 1 (Class procedures, career opps, pre- assessments) Opening Day Sign- in procedures Classroom

More information

Textbook s Website for Online Review of Each Chapter http://www.webdevfoundations.net

Textbook s Website for Online Review of Each Chapter http://www.webdevfoundations.net TAWEBDN 1A WEB DESIGN, First Semester #10099 (v.1.0) To the Student: After your registration is complete and your proctor has been approved, you may take the Credit by Examination for TAWEBDN 1A. WHAT

More information

Further web design: HTML forms

Further web design: HTML forms Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on

More information

Skills for Employment Investment Project (SEIP)

Skills for Employment Investment Project (SEIP) Skills for Employment Investment Project (SEIP) Standards/ Curriculum Format For Web Design Course Duration: Three Months 1 Course Structure and Requirements Course Title: Web Design Course Objectives:

More information

Course: CSC 224 Internet Technology I (2 credits Compulsory)

Course: CSC 224 Internet Technology I (2 credits Compulsory) Course: CSC 224 Internet Technology I (2 credits Compulsory) Course Duration: Two hours per week for 15weeks, ((15 hours) Theory and (45 hours) Practical), as taught in 2010/2011 session Lecturer: Abikoye,

More information

Interactive Data Visualization for the Web Scott Murray

Interactive Data Visualization for the Web Scott Murray Interactive Data Visualization for the Web Scott Murray Technology Foundations Web technologies HTML CSS SVG Javascript HTML (Hypertext Markup Language) Used to mark up the content of a web page by adding

More information

HTML Kit: A User Manual. by Paul Strickberger

HTML Kit: A User Manual. by Paul Strickberger HTML Kit: A User Manual by Paul Strickberger HTML Kit User Manual Contents Introduction... 1 The Main Screen... 1 Displaying or Hiding Elements of the Screen...1 Getting Around the Main Screen... 3 The

More information

Unit title: Web Development: Essential Content (SCQF level 7)

Unit title: Web Development: Essential Content (SCQF level 7) Higher National Unit specification General information Unit code: HF58 34 Superclass: CB Publication date: July 2016 Source: Scottish Qualifications Authority Version: 02 Unit purpose This Unit is designed

More information

HTML 5 & CSS3 Table of Contents

HTML 5 & CSS3 Table of Contents 1. Overview of HTML5 The Story Behind The HTML5 Advantages HTML vs. HTML5 What s new in HTML5 Semantic Markup New HTML5 Semantic Tags 2. Semantic Markup and Selector APIs Semantic Markup Selector APIs

More information

Form And List. SuperUsers. Configuring Moderation & Feedback Management Setti. Troubleshooting: Feedback Doesn't Send

Form And List. SuperUsers. Configuring Moderation & Feedback Management Setti. Troubleshooting: Feedback Doesn't Send 5. At Repeat Submission Filter, select the type of filtering used to limit repeat submissions by the same user. The following options are available: No Filtering: Skip to Step 7. DotNetNuke User ID: Do

More information

Website Planning Checklist

Website Planning Checklist Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even

More information

Multiple Choice (2 points each).

Multiple Choice (2 points each). Internet Design and Development Test Points available: 170 NAME: DATE: Multiple Choice (2 points each). 1. Choose the organization listed below that takes a proactive role in developing recommendations

More information

Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission

Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified

More information

Table of contents. Advanced HTML Editor 3 Manual DMXzone.com

Table of contents. Advanced HTML Editor 3 Manual DMXzone.com Table of contents Table of contents... 1 About Advanced HTML Editor 3... 2 Features in Detail... 3 Tutorial: Using Advanced HTML Editor 3 with Insert Record Behavior... 20 Tutorial: Using Advanced HTML

More information

Dreamweaver Cascading Style Sheets

Dreamweaver Cascading Style Sheets Dreamweaver Cascading Style Sheets Email: training@ ufl.edu Web Page: http://training.health.ufl.edu 2 This page intentionally left blank. Dreamweaver Cascading Style Sheets What are Cascading Style Sheets?...

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

More information

Introduction to CommonSpot 5.0. Presented by OHSU Web Strategies

Introduction to CommonSpot 5.0. Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Lesson Summary Turning Off Web Browser Pop up Blockers Internet Explorer 7.x (Win): Tools Pop-up Blocker Turn

More information

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,

More information

KOMPOZER Web Design Software

KOMPOZER Web Design Software KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web

More information

COMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING

COMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING COMMONWEALTH OF PENNSYLVANIA DEPARTMENT S OF Human Services, INSURANCE, AND AGING INFORMATION TECHNOLOGY GUIDELINE Name Of Guideline: Domain: Application Date Issued: 03/18/2014 Date Revised: 02/17/2016

More information

Lab Manual. Web Engineering (Pr): COT-412

Lab Manual. Web Engineering (Pr): COT-412 Lab Manual Web Engineering (Pr): COT-412 Lab Instructions Several practicals / programs? Whether an experiment contains one or several practicals /programs One practical / program Lab Teacher forms groups

More information

AngularJS Training: Introduction to Responsive Web Development with AngularJS and Bootstrap BSP-2406 Length: 4 days Price: $ 2,395.

AngularJS Training: Introduction to Responsive Web Development with AngularJS and Bootstrap BSP-2406 Length: 4 days Price: $ 2,395. Course Page - Page 1 of 11 AngularJS Training: Introduction to Responsive Web Development with AngularJS and Bootstrap BSP-2406 Length: 4 days Price: $ 2,395.00 Course Description This training course

More information

Section I. Introduction to WWW : Fundamentals of Web, HTTP protocol, Working of HTTP protocol, Request methods and their message format of HTTP

Section I. Introduction to WWW : Fundamentals of Web, HTTP protocol, Working of HTTP protocol, Request methods and their message format of HTTP Course Title Course Code Internet Technology CE511 Lecture : 03 Course Credit Practical : 02 Tutorial : 00 Course Learning Outcomes Total : 05 On the completion of the course, students will be able: To

More information

ISI ACADEMY Web applications Programming Diploma using PHP& MySQL

ISI ACADEMY Web applications Programming Diploma using PHP& MySQL ISI ACADEMY for PHP& MySQL web applications Programming ISI ACADEMY Web applications Programming Diploma using PHP& MySQL HTML - CSS - JavaScript PHP - MYSQL What You'll Learn Be able to write, deploy,

More information

Micro soft Expression Web 4

Micro soft Expression Web 4 University of Texas at Arlington Micro soft Expression Web 4 Beginner s Guide 2011 1 2 Table of Contents UTA Web Pages... 5 Connecting to your Website... 5 Copying files from your Website... 8 To open

More information

Creating Web Pages with Microsoft FrontPage

Creating Web Pages with Microsoft FrontPage Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short

More information

Below is the toolbar for the Rich Text Editor on the SharePoint Portal.

Below is the toolbar for the Rich Text Editor on the SharePoint Portal. Rich Text Editor Below is the toolbar for the Rich Text Editor on the SharePoint Portal. You will find instructions for using each of these functions on the following pages. 1. Cut 2. Copy 3. Paste 4.

More information

HTML, CSS, Javascript

HTML, CSS, Javascript H. Sahibzada (in)visible Networks Hasibullah.sahibzada@uni-weimar.de Bauhaus University Weimar 25th April Topics 1 HTML 2 HTML Hypertext Markup Language HTML is a markup language for describing web documents

More information

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site.

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

More information

The Essential Guide to HTML Email Design

The Essential Guide to HTML Email Design The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters

More information

STATEMENT OF PURPOSE

STATEMENT OF PURPOSE WEB DESIGN STATEMENT OF PURPOSE This course is intended for the student interested in learning how to create web pages for the World Wide Web. Instruction on how to program using the HTML language is provided.

More information

IE Class Web Design Curriculum

IE Class Web Design Curriculum Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,

More information

Dreamweaver - Formatting your page with CSS

Dreamweaver - Formatting your page with CSS Dreamweaver - Formatting your page with CSS Creating your first website Part 4: Formatting your page with CSS Now I ll show you how to format text on your page using cascading style sheets (CSS). Learn

More information

HTML & CSS Bootcamp. Stephanie Sullivan

HTML & CSS Bootcamp. Stephanie Sullivan HTML & CSS Bootcamp Stephanie Sullivan Agenda What is HTML? What are Cascading Style Sheets (CSS)? Content the Basics Semantic HTML CSS Overview Proper Page Structure Styling with CSS Q&A (along the way)

More information

Designing HTML Emails for Use in the Advanced Editor

Designing HTML Emails for Use in the Advanced Editor Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into

More information