HTML, XHTML and CSS for Web Designers & Developers

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "HTML, XHTML and CSS for Web Designers & Developers"

Transcription

1 HTML, XHTML and CSS for Web Designers & Developers Course ISI Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job. And of course, it's also a course for the web designers you're working with, especially if they aren't yet using CSS the way it's designed to be used. The first part of the course is actually a crash course in using HTML or XHTML together with CSS to create web pages. The course covers far more skills than you can get from most other courses...you ll be developing web pages the way today s best professionals do. Next, you will expand your skills by learning how to add audio and video files, work with print media, and deliver content for mobile.. Learn how to use tested JavaScript code from to add features like image rollovers and slide shows to your sites almost instantly. If you want to learn how to write your own routines, you can go on to our JavaScript course. You ll learn how to refine your web pages with the features that users expect today Wondering how to get your new site indexed on the major search engines? The deployment section of the course gives you some practical advice on today s best web design practices and deployment.. So whether you're new to web development or whether you've been frustrated by the slow pace and gaping holes in the other training you've tried, this course is for YOU. At Course Completion Students will gain the following skills and knowledge: Use HTML/XHTML and CSS in tandem Use HTML/XHTML to provide and identify the various elements of content on the web page Use CSS to format and layout the elements Use the CSS box model, floating and positioning Adding Flash, audio and video to your pages Formatting you web content for easy printing Adapting your pages to display on mobile devices Using tested JavaScript code to add features like image rollovers, image swaps and slide shows (a great first step in learning JavaScript)

2 Web design and deployment Decisions you have to make in designing a site Designing a site using today s best practices How to deploy your site on a web server How to get the site indexed on the major search engines and directiories Prerequisites This course is for anyone who wants to develop web pages the modern, professional way using HTML/XHTML and CSS. That includes budding web designers and web designers who still use tables for page layout when they should be using CSS. But it's also for web programmers, whether they're working in JavaScript or using a server-side language like PHP, ASP.NET, or Java servlets and JSPs. Web programmers are often surprised at the intricacies involved in writing good HTML/XHTML/CSS code, yet understanding that piece makes them more effective members of the development team. Student Materials The student kit includes a workbook and other necessary materials for this class. Course Outline Module 1 Introduction to web development If you re completely new to web development, you will learn how static and dynamic web pages work, and get a first view of how HTML and CSS are intended to work together in a modern web site How web applications work o The components of a web application o How static web pages are processed o How dynamic web pages are processed o How JavaScript fits into web development o A survey of browsers, servers, and scripting languages An introduction to HTML, XHTML, and CSS o The HTML for a web page o The CSS for a web page o The HTML, XHTML, and CSS standards o What version of HTML we use in this book Tools for web development o Text editors for HTML and CSS o IDEs for web development o FTP programs How to view deployed web pages o How to view a web page o How to view the source code for a web page

3 Module 2: How to edit, test and validate a web page This module presents the basic syntax for HTML, XHTML, and CSS, and also shows how to test, debug, and validate the code. At that point, you're ready to learn the coding details in the modules that follow. The HTML syntax o The basic structure of an HTML document o How to code elements and tags o How to code attributes o How to code comments and whitespace The CSS syntax o How to code CSS rule sets and comments o How to code basic selectors How to use Notepad++ with HTML and CSS files o How to open an HTML file o How to start a new HTML file o How to edit an HTML file o How to open or start a CSS file o How to edit a CSS file How to test, debug, and validate HTML and CSS files o How to test and debug a web page o How to validate an HTML file o How to validate a CSS file Module 3: How to use HTML to structure a web page This module presents a professional subset of HTML/XHTML. Here, you'll see that HTML and XHTML are used to present the web page content and its structure. The formatting and page layout are left to CSS. How to start an HTML document o How to code the DOCTYPE declaration How quirks mode works How to code the head section o How to specify the title for a page o How to identify a linked file o How to include metadata How to code text elements o How to code headings and paragraphs o How to code special blocks of text o How to code inline elements for formatting and emphasizing text o How to code character entities o How to code div and span elements o How to code the core attributes How to code links, lists, and images o How to code absolute and relative URLs 90 o How to code links o How to code lists o How to include images

4 A structured web page o The HTML file Module 4: How to use CSS to format the elements of a web page Today's professionals use CSS (Cascading Style Sheets) to format the HTML content in a web page. This module covers CSS basics, which will be built later in the course. Basic skills for using CSS o Three ways to include CSS in a web page o How to specify measurements o How to specify colors How to code selectors o How to code selectors for elements, ids, and classes o How to code selectors for descendants, combinations, and siblings 116 o How to code other types of selectors o How to code pseudo-class selectors o How the cascade rules work How to work with text and links o How to set the font family and font size o How to set the other properties for styling fonts o How to indent and align text o How to transform and decorate text o How to format links A web page that uses an external style sheet 134 o The HTML file o The CSS file Module 5: How to use the CSS box model for spacing, borders, and backgrounds In this module, you ll learn how to use the CSS box model so you can set the margins, spacing, borders, and backgrounds for a web page just the way you want them. An introduction to the box model o How the box model works o A web page that illustrates the box model How to size and space elements o How to set heights and widths o How to set margins o How to set padding A web page that illustrates sizing and spacing o The HTML for the web page o The CSS for the web page o Another way to implement spacing How to set borders and backgrounds o How to set borders o How to set background colors and images A web page that uses borders and backgrounds o A warning on the use of background colors and images

5 o o The HTML for the web page The CSS for the web page Module 6 How to use CSS for page layout Students will learn how to use CSS to create two- and three-column pages that have headers and footers. To do that, you'll learn how to float elements on a page, as well as how to use absolute and relative positioning. How to float elements o How floating works o How to float an element o How to clear a floated element A two-column layout that uses floating o The HTML o The CSS for a fixed layout o The CSS for a liquid layout A three-column layout that uses floating o The structure of the HTML o The CSS How to position elements o Four ways to position an element o How to use absolute positioning o How to use relative positioning o How to use fixed positioning A three-column layout that uses floating and positioning o The HTML o The CSS Module 7: How to work with links and lists Previously, the course covered the basic skills for coding links and lists and for using CSS to change the appearance of links. Now, we will review those skills and cover some additional ones so that you'll be able to create links and lists that look and work just the way you want them to. How to code links o How to link to another page or start an message o How to use a link to open a new browser window o How to create and use an anchor o How to create a navigation bar How to code lists o How to code unordered lists o How to code ordered lists o How to code nested lists o How to code definition lists How to format lists o How to change the bullets for an unordered list o How to change the numbering system for an ordered list

6 o How to change the alignment of list items Module 8: How to work with images Previously you learned the basic skills you need to add images to a web page. Now, this module expands upon those skills and shows you how to use an image editor to work with the images for your web pages. Basic skills for working with images o Types of images for the Web o How to include an image on a page o How to resize an image o How to align an image vertically o How to float an image How to use an image editor o An introduction to Photoshop Elements o How to size an image o How to change the image type and quality o How to work with animated images o How to work with transparency and mattes Four more skills for working with images o How to get images and icons o How to create and work with thumbnails o How to create favicons o How to create image maps Module 9: How to work with tables In the past, tables were widely used to format web pages, but today, formatting is done through CSS. So this module focuses on using tables for what they were originally designed for: to present tabular data. How to code and format simple tables o An introduction to tables o How to code a table o How to use CSS to format a table o How to add a caption o How to add a header and footer Advanced skills for working with tables o How to merge cells in a column or row o How to nest tables o How to control wrapping o How to provide for accessibility Module 10: How to work with forms Many web pages use forms for user interactions like buying a product, signing up for a newsletter, or asking for information. The entries in these forms are often processed on the client or server side...or both! This module shows you how to create user-friendly forms, and module 13 shows how JavaScript is used to validate form entries on the client side.

7 How to code forms o How to create a form o How to code buttons o How to code labels and text fields o How to code radio buttons and check boxes o How to code drop-down lists o How to code list boxes o How to code text areas o How to group controls Other skills for working with forms o How to align controls o How to format controls o How to set the tab order for controls o How to assign access keys o How to add a search function to a web site Module 11: How to add audio, video and other media to your web site Images are the most common type of media in web sites, and earlier modules show how to work with them. Now, this module shows how to include other types of media, such as audio and video, in your web pages, as well as how to work with some common media players. An introduction to media o Media types and formats o Media players o How to link to a media file How to embed media players and files o How to use the object and param elements o How to use the embed element o When and how to nest object and embed elements How to work with media players o How to work with Adobe Flash Player o How to work with Windows Media Player o How to work with RealPlayer o How to work with QuickTime Player Module 12: How to work with print media and mobile devices So far, this course has shown how to create and format web pages for display on a computer screen. Now, this module shows how to create and use a style sheet for printing a web page. And it shows how to create and work with web pages that are displayed on mobile devices like cell phones and PDAs. How to define style sheets for different media types o How to identify the media type for a style sheet o How to identify the media type for a rule set How to work with print media o Recommendations for formatting printed pages o CSS properties for controlling printed pages o The screen layout for a two-column web page o The HTML for the web page

8 o The CSS for the screen layout o The print layout for the web page o The CSS for the print layout How to work with mobile devices o How to provide pages for mobile devices o How to set viewport properties o Guidelines for designing mobile web pages o How to test mobile web pages o The HTML for the mobile web page Module 13: How to use JavaScript to enhance your web pages Although this module doesn't teach how to code it does provide a solid introduction to how JavaScript works. What's more, it shows you how to use tested JavaScript code so you can start enhancing your web pages with features like slide shows almost immediately. At the end, you'll be well-prepared to learn JavaScript in depth. JavaScript (see Course ISI-1217, JavaScript and DOM Scripting), Introduction to JavaScript and DOM scripting o How JavaScript works o How the DOM (Document Object Model) works o How DOM scripting works o How to include JavaScript in an HTML document A standalone JavaScript application o The HTML for the Future Value application o The JavaScript for the Future Value application How to use JavaScript in your web pages o JavaScript for image rollovers o JavaScript for image swaps o JavaScript for slide shows o JavaScript for tabbed data o JavaScript for data validation o Web sites for JavaScript code o How to test and debug a JavaScript application Module 14: How to design a web site Once you know how to implement a web site as shown in the first 6 modules of this course, you're in a good position to understand the considerations that go into designing an effective web site. So this module gives you procedures and guidelines for doing just that. Users, usability, and accessibility o What users want is usability o The current conventions for usability o The importance of accessibility Design guidelines o Use the home page to sell the site o Let the users know where they are o Make the best use of web page space o Write for the web o Chunk long pages into shorter pages

9 o Know the basic principles of graphics design Design methods and procedures o The use of development teams o Top-down design, stepwise refinement, and prototyping o The lifecycle of a web site The design procedure applied to a small web site o Define the audience and set the goals o Design the home page o Design the primary content pages o Design the other pages o Plan the navigation o Plan the directories for the site Module 15: How to deploy a web site Once a web site is finished, this module shows you how to deploy the site on a web server, as well as how to get the site indexed on the major search engines and directories. How to get a web host and domain name o How to find a web host o How to get a domain name How to transfer files to and from the web o How to install FileZilla Client o How to connect to a web site on a remote web server o How to upload and download files Two other skills for deploying a web site o How to test a web site that has been uploaded to the web server o How to get your web site into search engines and directories

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

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

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 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

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

Fast track to HTML & CSS 101 (Web Design)

Fast track to HTML & CSS 101 (Web Design) Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of

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

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

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. 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

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

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

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

Creating Web Pages with HTML Simplified. 3rd Edition

Creating Web Pages with HTML Simplified. 3rd Edition Brochure More information from http://www.researchandmarkets.com/reports/2248215/ Creating Web Pages with HTML Simplified. 3rd Edition Description: Are you new to computers? Does new technology make you

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

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

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

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

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

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

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

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

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

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

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

Enduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design.

Enduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design. Curriculum Map for Web Design SEPTEMBER Targeted NJ Core Curriculum Content Standards: Design develop, test, implement, update, and evaluate web solutions Technology Use, Media Literacy, Responsible Use

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

Web Design and Development Program (WDD)

Web Design and Development Program (WDD) Web Design and Development Program (WDD) Course Descriptions TI 0550 Fundamentals of Information Systems Technology: This course is a survey of computer technologies. This course may include computer history,

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

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

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

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

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

User Guide. Appendix A. RADEditor

User Guide. Appendix A. RADEditor User Guide Appendix A RADEditor Table of Contents About this Chapter... 4 What is RadEditor?... 4 Section 1: RadEditor at a Glance... 5 Publishing Options... 9 Keyboard Shortcuts Quick Reference... 9 Section

More information

Dreamweaver CS5. Module 1: Website Development

Dreamweaver CS5. Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Last revised: October 29, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland, CA

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

Chapter 1. Introduction to web development

Chapter 1. Introduction to web development Chapter 1 Introduction to web development HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Load a web page from the Internet or an intranet into a web browser.

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

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

Outline. CIW Web Design Specialist. Course Content

Outline. CIW Web Design Specialist. Course Content CIW Web Design Specialist Description The Web Design Specialist course (formerly titled Design Methodology and Technology) teaches you how to design and publish Web sites. General topics include Web Site

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

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

Designing an ecommerce web site

Designing an ecommerce web site Chapter 24 Designing an ecommerce web site With design guidelines from Murach s HTML5 and CSS3 Murach's PHP and MySQL, C24 2010, Mike Murach & Associates, Inc. Slide 1 A web site that is easy to use Murach'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

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

ANDROID TRAINING COURSE MODULES. Module-I: Introduction to Android. Introducing Android. Installing Development Tools. Using the Emulator.

ANDROID TRAINING COURSE MODULES. Module-I: Introduction to Android. Introducing Android. Installing Development Tools. Using the Emulator. ANDROID TRAINING COURSE MODULES Module-I: Introduction to Android Introducing Android. Installing Development Tools. Using the Emulator. Android developer tools. Eclipse, IDEs and Tools. Module-II: Introduction

More information

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE DREAMWEAVER CS3 TUTORIAL ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO

More information

TYPO3 6.2 Editor s Guide SeeThrough Web. Editor's Guide to TYPO3 Content Management System

TYPO3 6.2 Editor s Guide SeeThrough Web. Editor's Guide to TYPO3 Content Management System Editor's Guide to TYPO3 Content Management System 1 Table of Contents Editor's Guide to TYPO3 Content Management System... 1 Table of Contents... 2 Website Overview... 3 Front and Back End Management...

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

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

Coding HTML Email: Tips, Tricks and Best Practices

Coding HTML Email: Tips, Tricks and Best Practices Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.

More information

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013 INFORMZ USER GUIDE: The HTML Editor Version 1.0 January 13, 2013 ABOUT THIS GUIDE This guide provides an overview of the HTML editor used by Informz. This guide does not cover all aspects of the editor,

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Google Sites: Creating, editing, and sharing a site

Google Sites: Creating, editing, and sharing a site Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly

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

Adobe Creative Suite: Introduction for Web Design

Adobe Creative Suite: Introduction for Web Design coursemonster.com/uk Adobe Creative Suite: Introduction for Web Design View training dates» Overview Website design can be confusing to get started with. But with our Adobe Certified Instructor led class

More information

Please select one of the topics below.

Please select one of the topics below. Thanks for choosing WYSIWYG Web Builder! In this section we will give a short introduction to Web Builder so you can start building your web site in (almost) no time. Please select one of the topics below.

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

Web Authoring. www.fetac.ie. Module Descriptor

Web Authoring. 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

SharePoint Basic Editing. Text. Creating List

SharePoint Basic Editing. Text. Creating List Text Putting Text on the Page 1. Entering text on the web page is just like typing in a word processing document. Lines will wrap within a paragraph. 2. Enter = Paragraph Break (leaves a blank line) 3.

More information

How to Build a More Effective XSite

How to Build a More Effective XSite How to Build a More Effective XSite presented by a la mode Course Highlights Take advantage of advanced design and content features Enable XSite access and features for your employees and colleagues Introduction

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

Professional IT and Outsourcing Training in Bangladesh. Course Name: Professional Web Design and Mobile Responsive Design

Professional IT and Outsourcing Training in Bangladesh. Course Name: Professional Web Design and Mobile Responsive Design Course Name: Professional Web Design and Mobile Responsive Design This course is for those learners who want to build their career based on outsourcing/freelancing platform and for those learners want

More information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

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

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

SOCS Javascript Editor

SOCS Javascript Editor Javascript Editor Tool Bar and Buttons Insert Article Redirect Use the Article Redirect icon when you want a Section to redirect to another website, to a webpage or file within your site. The article containing

More information

Quick Guide to the Cascade Server Content Management System (CMS)

Quick Guide to the Cascade Server Content Management System (CMS) Quick Guide to the Cascade Server Content Management System (CMS) Waubonsee Community College Cascade Server Content Administration January 2011 page 1 of 11 Table of Contents Requirements...3 Logging

More information

Getting Started with Google Sites

Getting Started with Google Sites Getting Started with Google Sites Getting Started with Google Sites 1 Background Information Google Sites is an online application that makes creating a team web site as easy as editing a document. With

More information

Core Skills Checklist - Word

Core Skills Checklist - Word Creating Newsletters Formatting Text and Paragraphs Start a new document from templates Essential Training Set default line spacing and font for all new documents Display non-printing characters Copy or

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

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

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

Dreamweaver Domain 2: Planning Site Design and Page Layout

Dreamweaver Domain 2: Planning Site Design and Page Layout Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing

More information

Foundations. Web Development and Design. with HTML5. [Terry Ann Felke-Morris, Ed.D.J. 6th Edition. Harper College. Piyali Sengupta.

Foundations. Web Development and Design. with HTML5. [Terry Ann Felke-Morris, Ed.D.J. 6th Edition. Harper College. Piyali Sengupta. 6th Edition Web Development and Design Foundations with HTML5 [Terry Ann Felke-Morris, Ed.D.J Professor Harper College International Edition contributions by Piyali Sengupta PEARSON Boston Columbus Indianapolis

More information

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

More information

Welcome to Freestart s Online Software

Welcome to Freestart s Online Software Instruction Manual Welcome to Freestart s Online Software the folowing pages will guide you through step by step on how to use our Site Control Panel Customer Help Line 0870 8034679 Contents Design Selection

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

Guide to Content Editing

Guide to Content Editing Guide to Content Editing Page 1 of 119 Contents 1 About This Guide... 8 1.1 Users of This Guide... 8 1.2 Topics Covered in the Guide... 8 1.3 Software Requirements... 9 1.4 Conventions Used in the Guide...

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

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

COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA

COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA ADOBE DREAMWEAVER AUTHORING TOOL DTM 3612 SEMESTER 1 SESI 2010/2011 DTM 3612 ADOBE DREAMWEAVER AUTHORING

More information

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Lesson 3 Creating Web Pages Using HTML UNESCO EIPICT M6. LESSON 3 1 Rationale Librarians need to learn how to plan, design and create

More information

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux

More information

ADOBE Dreamweaver CS3 Basics

ADOBE Dreamweaver CS3 Basics ADOBE Dreamweaver CS3 Basics IT Center Training Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu This page intentionally left blank 2 8/27/2008 Contents Before you start with Dreamweaver....

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

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide RADFORD UNIVERSITY Radford.edu Content Administrator s Guide Contents Getting Started... 2 Accessing Content Administration Tools... 2 Logging In... 2... 2 Getting Around... 2 Logging Out... 3 Adding and

More information

Contents. Microsoft Office 2010 Tutorial... 1

Contents. Microsoft Office 2010 Tutorial... 1 Microsoft Office 2010 Tutorial Contents Microsoft Office 2010 Tutorial... 1 Find your way through long documents with the new Document Navigation pane and Search... 4 Adjust the spaces between lines or

More information

JCE Editor Icons. Help Learn all about the JCE Editor. Undo Undo the last action. Redo Redo the last action.

JCE Editor Icons. Help Learn all about the JCE Editor. Undo Undo the last action. Redo Redo the last action. JCE Editor Icons Help Learn all about the JCE Editor. Undo Undo the last action. Redo Redo the last action. Bold Apply or remove a bold effect on selected text. Italic Apply or remove italics to the selected

More information

Converting Prospects to Purchasers.

Converting Prospects to Purchasers. Email Template Guide LASSO EMAIL TEMPLATE EDITOR... 2 ABOUT LASSO EMAIL TEMPLATE EDITOR... 2 CREATING AN EMAIL TEMPLATE... 2 ACCESSING EMAIL TEMPLATES... 2 ADDING AN EMAIL TEMPLATE FOLDER... 3 BASIC PRINCIPLES

More information

Web Editing Basics 2: Reference

Web Editing Basics 2: Reference Web Editing Basics 2: Reference We will be using the sample pages as a reference point for this training. They can be found on the Web Policy site: http://www.umkc.edu/web-policy/downloads.asp TOPICS 1.

More information

Yarmouk University Faculty of Science and Information Technology Department of Computer Information Systems CIS 110 Internet Programming

Yarmouk University Faculty of Science and Information Technology Department of Computer Information Systems CIS 110 Internet Programming Yarmouk University Faculty of Science and Information Technology Department of Computer Information Systems CIS 110 Internet Programming Course Credits: 3 credit hours Pre-requisite(s): CIS102 or MIS 102

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

BLACKBOARD 9.1: Text Editor

BLACKBOARD 9.1: Text Editor BLACKBOARD 9.1: Text Editor The text editor in Blackboard is a feature that appears in many different areas, but generally has the same look and feel no matter where it appears. The text editor has changed

More information

Adobe Certified Associate

Adobe Certified Associate Adobe Certified Associate Dreamweaver CS6 Study Guide Sample Items SELECTED RESPONSE EXAMPLES DW.1.1.4 Which two issues should be considered when designing a website for a restaurant? (Choose two.) A.

More information

jquery Tutorial for Beginners: Nothing But the Goods

jquery Tutorial for Beginners: Nothing But the Goods jquery Tutorial for Beginners: Nothing But the Goods Not too long ago I wrote an article for Six Revisions called Getting Started with jquery that covered some important things (concept-wise) that beginning

More information

IVHS Course Map: Introduction to Web Page Design (Summer, 2008) 1.a. 1.d

IVHS Course Map: Introduction to Web Page Design (Summer, 2008) 1.a. 1.d Design Principles Principles of design o Balance o Unity o Variety o Proportion and Scale White Space Mistakes in Web Page Design 1.a 1.d 1. Identify examples of the principles of design. 2. Explain how

More information