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

Size: px
Start display at page:

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

Transcription

1 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 TOOL [2,0,4] Type of Course: E 1.0 LEARNING OUTCOMES Upon completing this subject, the student should be able to: 1. Design and build a complete website. 2. Apply the practical skills in utilizing various tools and functions in Adobe Dreamweaver. 3. Publish and manage a website. 2.0 SYNOPSIS This course will introduce the students to Adobe Dreamweaver as a website authoring tool. The subject contains only lab sessions, which is task-based with students learning by doing. The lab sessions will cover from the introduction of basic features in Adobe Dreamweaver until publishing a complete website. Students are required to work in pairs to produce their own website with appropriate user interface design and interactivity based on the theme given. A complete web application has to be submitted at the end of the semester. Students will also require to present their work in formal project presentation. 3.0 PRE-REQUISITE NONE 4.0 LAB AND PRACTICAL The use of Adobe Dreamweaver CS4 for web development. 5.0 REFERENCES [1] Adobe Creative Team, (2008), Adobe Dreamweaver CS4 Classroom in a Book (Paperback),Adobe Press. [2] Adobe Creative Team, (2010), Adobe Dreamweaver CS5 Classroom in a Book (Paperback),Adobe Press. [3] Osborn, J., Aquent Creative Team and AGI Creative Team, (2008), Dreamweaver CS4 Digital Classroom, Wiley.

2 [4] Powers, D., (2007), The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP, HallFriends of ED. [5] Warner, J., (2008), Teach Yourself VISUALLY Dreamweaver CS4 (CourseSmart), HallFriends of ED. [6] Negrino, T. and Smith, D. (2010), Dreamweaver CS5 for Windows and Macintosh (Visual QuickStart Guide), Peachpit 6.0 COURSE IMPLEMENTATION a. Lab: 4 hrs per week for 14 weeks (Total = 56 hrs) 7.0 COURSE EVALUATION Course Works Marks Lab Exercises(10) 15% Assignment(3) 15% Lab Test 20% Project 20% Final Examination Marks Final Examination 30% Total 100% 8.0 ASSESSMENT METHOD Component Knowledge Competency Attitude Communication Exercises/Test Group Project Assignment Laboratory Exercise 9.0 DETAILED SYLLABUS AND TEACHING PLAN Week Session Contents Remarks 1 Lab 1 What Is HTML What is HTML? Where did HTML begin? Writing your own HTML code Frequently used HTML 4 codes Where Is HTML Going? What Is CSS HTML vs. CSS formatting CSS box model HTML defaults Formatting text Formatting objects Multiples, classes and IDs

3 Customizing Your Workspace Touring the workspace Switching and splitting views Working with panels Selecting a workspace layout Adjusting toolbars Personalizing preferences Creating custom keyboard shortcuts Using the Property inspector Site Definition Defining a Dreamweaver site Using the Welcome screen Selecting a CSS layout Saving a page Choosing a document view Modifying the page title Changing headings Inserting text Inserting images Selecting and modifying CSS styles Adjusting text, fonts, and colors Working with Code view and Code and Design view Using the Properties panel Previewing a page in Live view Previewing pages in a browser Lab Exercise 1 2 Lab 1 Working with Texts Lab Exercise 2 Creating headings, lists, and blockquotes Spell-checking a document Using the Spry Tooltip widget Finding and replacing text Styling HTML Elements with CSS Lab Exercise 3 Attaching an external style sheet Creating new CSS rules Applying styles Applying custom classes to page divisions Examining selectors in the CSS Rules panel Creating style sheets for other media types 3 Lab 1 Modifying Exisiting CSS Layout Lab Exercise 4

4 Web design basics Working with thumbnails and wireframes Modifying an existing CSS layout Adding a background image to the header Inserting new <div> components Modifying the page width and background color Modifying existing content and formatting Inserting an image placeholder. Inserting placeholder text Modifying the footer Creating CSS Layout From Scratch Creating layout styled <div> elements Looking at Code view Exporting CSS styles Using the ruler and guides Checking the layout Lab Exercise 5 Assignment 1 4 Lab 1 Working with Images Lab Exercise 6 Inserting an image Adjusting image positions with CSS classes Working with the Insert panel Using Adobe Bridge Inserting incompatible file types Working with Photoshop Smart Objects Copying and pasting images from Fireworks and Photoshop Inserting images by drag and drop Optimizing images with the Property inspector Working with Links and Navigation Lab Exercise 7 Linking to internal site pages Creating an external link Setting up links Targeting links within a page 5 Lab 1 Using Legacy Tools: Tables Lab Exercise 8 Using tables for layout Tables versus CSS Inserting a table Selecting tables Modifying tables Nesting a table inside a row Adding content to tables Formatting tables Assignment 1 (Due) Using Legacy Tools: Frames Assignment 2

5 Starting up Legacy sites How frames work Creating framesets The Frames panel Splitting a frame Specifying frame content 6 Lab 1 Working with Forms Learning about forms Adding a form to the page Inserting text form elements Creating radio buttons Inserting check boxes Working with lists Adding a submit button Styling forms Lab Exercise 9 Working with Templates Creating a template Inserting editable regions Updating a template Producing child pages Using Library items Using server-side includes 7 Lab 1 Assignment2(due) Working with Flash Understanding Flash Adding a Flash animation to a page Adding Flash video to a page Assignment 3 Lab Test 1 8 Lab 1 Adding Interactivity (Behaviour) Learning about Dreamweaver behaviors Previewing a completed file Using a Spry effects behavior Learning about XML data Importing XML data with Spry Lab Exercise 10 Fine-Tuning Dreamweaver Workflow Using the Favorites tab on the Insert bar Resizing the document window Using guides Using grids The tag selector Switching between tabs and cascading documents Zooming 9 Lab 1 Working with Online Data Assignment 3(Due)

6 Working with dynamic content Choosing a server model Configuring a local web server Setting up a testing server Building database applications Building Dynamic Pages with Data Building pages with ASP, ColdFusion, or PHP Creating a master/detail page set Creating a detail page 10 Lab 1 Working with Code Code tools overview Selecting code Collapsing code Expanding code Adding new code Using Code Navigator Accessing Live Code Using Inspect mode Working in related files Accessing Split Code view Commenting your code Final Project Briefing Publishing to the Web Defining a remote site Cloaking folders and files Putting your site online 11 Lab Test 2 12 Hands-On Project Development 13 Hands-On Project Development 14 Project Presentation Final Project (Due) 15 STUDY LEAVE 16 & 17 EXAMINATION WEEK

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

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

Dreamweaver Tutorial - Dreamweaver Interface

Dreamweaver Tutorial - Dreamweaver Interface Expertrating - Dreamweaver Interface 1 of 5 6/14/2012 9:21 PM ExpertRating Home ExpertRating Benefits Recommend ExpertRating Suggest More Tests Privacy Policy FAQ Login Home > Courses, Tutorials & ebooks

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

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

Adobe Dreamweaver Exam Objectives

Adobe Dreamweaver Exam Objectives Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright

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

Dreamweaver. Introduction to Editing Web Pages

Dreamweaver. Introduction to Editing Web Pages Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel

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

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

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

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

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

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

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

Using ADOBE CONTRIBUTE CS5

Using ADOBE CONTRIBUTE CS5 Using ADOBE CONTRIBUTE CS5 Legal notices Legal notices For legal notices, see http://help.adobe.com/en_us/legalnotices/index.html. iii Contents Chapter 1: What s new Chapter 2: Setting up Contribute The

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

LAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories

LAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories Curriculum # 05 Four Months Certification Program WEB DESIGNING & DEVELOPMENT LAMBDA CONSULTING GROUP Legendary Academy of Management & Business Development Advisories The duration of The Course is Four

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

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

Dreamweaver CS5. Module 2: Website Modification

Dreamweaver CS5. Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,

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

CIS 222 Advanced Web Design Proposed Start: Fall 2015. Instructor's Name: Office Location: Office Hours: Office Phone: E-mail:

CIS 222 Advanced Web Design Proposed Start: Fall 2015. Instructor's Name: Office Location: Office Hours: Office Phone: E-mail: CIS 222 Advanced Web Design Proposed Start: Fall 2015 Instructor's Name: Office Location: Office Hours: Office Phone: E-mail: Course Description: This course deals with the latest in the industry standard

More information

Application Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5

Application Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5 Application Note Building a Website Using Dreamweaver without Programming Nan Xia MSU ECE 480 Team 5 11/16/2012 Table of Contents Abstract... 3 Introduction and Background... 3 Keywords... 3 Procedure...

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

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

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) In this project, you will learn the web publishing skills you need to: Plan a website Define a

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

Creating mobile layout designs in Adobe Muse

Creating mobile layout designs in Adobe Muse Creating mobile layout designs in Adobe Muse Using Adobe Muse, you can create site layouts for web content to be displayed on desktop, smartphones, and tablets. Using the mobile design features, you can

More information

How-to Guide: MIT DLC Drupal Cloud Theme

How-to Guide: MIT DLC Drupal Cloud Theme How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this

More information

Dreamweaver. Links and Tables

Dreamweaver. Links and Tables Dreamweaver Links and Tables WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 ADDING HYPERLINKS... 2 New Text Hyperlink 2 Existing Text or Image Hyperlink 2 EXERCISE 1 3 New Text E-mail

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

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

MICROSOFT EXPRESSION WEB WORKSHOP. Peg Fisher Email: pegfisher@embarqmail.com Pat Phillips Email: v-paphil@microsoft.com

MICROSOFT EXPRESSION WEB WORKSHOP. Peg Fisher Email: pegfisher@embarqmail.com Pat Phillips Email: v-paphil@microsoft.com MICROSOFT EXPRESSION WEB WORKSHOP Peg Fisher Email: pegfisher@embarqmail.com Pat Phillips Email: v-paphil@microsoft.com FREE CURRICULUM RESOURCES One semester - 8 modules including: History of the Web

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

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

Getting Started with Dreamweaver CS6

Getting Started with Dreamweaver CS6 Getting Started with Dreamweaver CS Introduction Adobe Dreamweaver CS is the industry leading web development tool for building web sites and applications. It provides a combination of visual layout tools,

More information

Agenda2. User Manual. Agenda2 User Manual Copyright 2010-2013 Bobsoft 1 of 34

Agenda2. User Manual. Agenda2 User Manual Copyright 2010-2013 Bobsoft 1 of 34 Agenda2 User Manual Agenda2 User Manual Copyright 2010-2013 Bobsoft 1 of 34 Agenda2 User Manual Copyright 2010-2013 Bobsoft 2 of 34 Contents 1. User Interface! 5 2. Quick Start! 6 3. Creating an agenda!

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

Manual. OIRE Escuela de Profesiones de la Salud. Power Point 2007

Manual. OIRE Escuela de Profesiones de la Salud. Power Point 2007 Power Point 2007 Manual OIRE Escuela de Profesiones de la Salud Power Point 2007 2008 The New Power Point Interface PowerPoint is currently the most common software used for making visual aids for presentations.

More information

Elective Type: FA/G. Credit Hours: 3 Corequisites: Developmental: (yes/no) No. Lecture: 2 Clinical: 0. Studio 2 Other: 0 TOTAL: 4 Other Requirements:

Elective Type: FA/G. Credit Hours: 3 Corequisites: Developmental: (yes/no) No. Lecture: 2 Clinical: 0. Studio 2 Other: 0 TOTAL: 4 Other Requirements: COURSE SYLLABUS Course Title: Web Design II Department: Art Curriculum: Graphic Design Date submitted: Fall 2014 AAC: 14-124 Course Descriptors: Make certain that the course descriptors are consistent

More information

GRA 1751 Web Design One (Graphic Interface Design One) Course handout revised by Sam Grant 01 /06

GRA 1751 Web Design One (Graphic Interface Design One) Course handout revised by Sam Grant 01 /06 GRA 1751 Web Design One (Graphic Interface Design One) Course handout revised by Sam Grant 01 /06 This course will teach students in the Design Technology program the basics of Web Page Design and Internet

More information

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main

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

Faculty Web Site with WCM

Faculty Web Site with WCM Faculty Web Site with WCM WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 FACULTY WEB SITE WITH WCM... 2 Introduction 2 Getting Started 3 Understanding the Template 4 The WCM Layout

More information

Maximizing the Use of Slide Masters to Make Global Changes in PowerPoint

Maximizing the Use of Slide Masters to Make Global Changes in PowerPoint Maximizing the Use of Slide Masters to Make Global Changes in PowerPoint This document provides instructions for using slide masters in Microsoft PowerPoint. Slide masters allow you to make a change just

More information

How to create pop-up menus

How to create pop-up menus How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached

More information

CURRICULUM MAP. Web Design I Mr. Gault

CURRICULUM MAP. Web Design I Mr. Gault CURRICULUM MAP Web Design I Mr. Gault MONTH August- September ESSENTIAL QUESTIONS What is HTML and how is it used in today s web design? How is Dreamweaver used to create web pages? HTML TOPIC Dreamweaver

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

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual 2013 SPHOL326: Designing a SharePoint 2013 Site Hands-On Lab Lab Manual This document is provided as-is. Information and views expressed in this document, including URL and other Internet Web site references,

More information

Digital Web Design Syllabus/Online Course Plan

Digital Web Design Syllabus/Online Course Plan Digital Web Design Syllabus/Online Course Plan Certificated Teacher: Date: 2015-2016 Desired Results Digital Web Design: Grades 9 12 Credit: X one semester (.5) two semesters (1) Estimate of hours per

More information

Microsoft PowerPoint 2008

Microsoft PowerPoint 2008 Microsoft PowerPoint 2008 Starting PowerPoint... 2 Creating Slides in Your Presentation... 3 Beginning with the Title Slide... 3 Inserting a New Slide... 3 Slide Layouts... 3 Adding an Image to a Slide...

More information

Prerequisite: CGA 101, or written permission of instructor.

Prerequisite: CGA 101, or written permission of instructor. Salem Community College Course Syllabus Course Title: Web Page Design Course Code: CGA 140 Lecture Hours: 2 Lab Hours: 2 Credits: 3 Course Description: Web Page Design will introduce the student to basic

More information

ADOBE MUSE. Building your first website

ADOBE MUSE. Building your first website ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample

More information

Creating Personal Web Sites Using SharePoint Designer 2007

Creating Personal Web Sites Using SharePoint Designer 2007 Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare

More information

MyCompany Professional Web Developer Certification Examination Specification

MyCompany Professional Web Developer Certification Examination Specification MyCompany Professional Web Developer Certification Examination Specification Introduction This is a sample of an exam specification and is not representative of any actual exam specification. The exam

More information

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator.

This document will describe how you can create your own, fully responsive. drag and drop email template to use in the email creator. 1 Introduction This document will describe how you can create your own, fully responsive drag and drop email template to use in the email creator. It includes ready-made HTML code that will allow you to

More information

Creating A Webpage Using HTML & CSS

Creating A Webpage Using HTML & CSS Creating A Webpage Using HTML & CSS Brief introduction. List key learning outcomes: Understanding the basic principles of hypertext markup language (HTML5) and the basic principles of the internal cascading

More information

Microsoft PowerPoint 2010 Handout

Microsoft PowerPoint 2010 Handout Microsoft PowerPoint 2010 Handout PowerPoint is a presentation software program that is part of the Microsoft Office package. This program helps you to enhance your oral presentation and keep the audience

More information

Site Maintenance. Table of Contents

Site Maintenance. Table of Contents Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...

More information

Adobe Flash Catalyst CS5.5

Adobe Flash Catalyst CS5.5 Adobe Flash Catalyst CS5.5 Create expressive interfaces and interactive content without writing code Use a new efficient workflow to collaborate intelligently and roundtrip files with developers who use

More information

Creating Acrobat Forms Acrobat 9 Professional

Creating Acrobat Forms Acrobat 9 Professional Creating Acrobat Forms Acrobat 9 Professional Acrobat forms typically have an origin from another program, like Word, Illustrator, Publisher etc. Doesn t matter. You design the form in another application

More information

Microsoft Access 2010 handout

Microsoft Access 2010 handout Microsoft Access 2010 handout Access 2010 is a relational database program you can use to create and manage large quantities of data. You can use Access to manage anything from a home inventory to a giant

More information

Dreamweaver: Managing Your Site and Content. Oxford University Computing Services

Dreamweaver: Managing Your Site and Content. Oxford University Computing Services Dreamweaver: Managing Your Site and Content Oxford University Computing Services How to Use This Book The Exercises This handbook accompanies the taught sessions for the course. Each section contains a

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

Course Description. Course Objectives

Course Description. Course Objectives MONTGOMERY COLLEGE Business, Accounting, Economics, Computer Applications, and Paralegal Studies Department Germantown Campus CMAP272 Professional Web Site Development Instructor: John Coliton Spring,

More information

spring semester course schedule

spring semester course schedule spring semester course schedule This course is designed to cover the various techniques of web page construction and the graphic design considerations unique to the internet. A challenge for many will

More information

MICROSOFT EXPRESSION WEB WORKSHOP

MICROSOFT EXPRESSION WEB WORKSHOP Intelligent users of the Internet, how can you authenticate the site? MICROSOFT EXPRESSION WEB WORKSHOP Peg Fisher Email: pegfisher@embarqmail.com Pat Phillips Email: v-paphil@microsoft.com PROJECT IDEAS

More information

Adobe Creative Suite 4 Web Standard

Adobe Creative Suite 4 Web Standard Channel Copy Adobe Creative Suite 4 Web Standard The following copy blocks can be used in web pages, catalogs, print ads, or other promotional materials for Adobe Creative Suite 4 Web Standard software.

More information

JOB READY ASSESSMENT BLUEPRINT WEB DESIGN - PILOT. Test Code: 3750 Version: 01

JOB READY ASSESSMENT BLUEPRINT WEB DESIGN - PILOT. Test Code: 3750 Version: 01 JOB READY ASSESSMENT BLUEPRINT WEB DESIGN - PILOT Test Code: 3750 Version: 01 Specific Competencies and Skills Tested in this Assessment: Internet Basics Describe the process of information exchange between

More information

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades. 28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML

More information

Developing Mobile Websites with Responsive Web Design and jquery Mobile

Developing Mobile Websites with Responsive Web Design and jquery Mobile Developing Mobile Websites with Responsive Web Design and jquery Mobile Duration: 5 Days Price: CDN$2875 *Prices are subject to GST/HST Course Description: This hands-on course conveys the fundamental

More information

We hold these truths to be self-evident... 3. Fireworks can create CSS. However, see article 2 for clarification.

We hold these truths to be self-evident... 3. Fireworks can create CSS. However, see article 2 for clarification. We hold these truths to be self-evident... 1. Fireworks is a DESIGN program. 2. While Fireworks can design a website or interface, it should not be used for live websites only prototypes and presentations.

More information

Web Specialist INDIVIDUAL PROGRAM INFORMATION 2014 2015. 866.Macomb1 (866.622.6621) www.macomb.edu

Web Specialist INDIVIDUAL PROGRAM INFORMATION 2014 2015. 866.Macomb1 (866.622.6621) www.macomb.edu Web Specialist INDIVIDUAL PROGRAM INFORMATION 2014 2015 866.Macomb1 (866.622.6621) www.macomb.edu Web Specialist PROGRAM OPTIONS CREDENTIAL TITLE REQUIRED NOTES Associate of Applied Science Web Specialist

More information

MS Word 2007 practical notes

MS Word 2007 practical notes MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the

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

Dreamweaver: Including Interaction and Multimedia in Web Pages

Dreamweaver: Including Interaction and Multimedia in Web Pages Dreamweaver: Including Interaction and Multimedia in Web Pages How to Use This Book The Exercises This handbook accompanies the taught sessions for the course. Each section contains a brief overview of

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

HOW TO CREATE AN HTML5 JEOPARDY- STYLE GAME IN CAPTIVATE

HOW TO CREATE AN HTML5 JEOPARDY- STYLE GAME IN CAPTIVATE HOW TO CREATE AN HTML5 JEOPARDY- STYLE GAME IN CAPTIVATE This document describes the steps required to create an HTML5 Jeopardy- style game using an Adobe Captivate 7 template. The document is split into

More information

Adobe Dreamweaver CS6 classroom in a book. The official training workbook from Adobe Systems

Adobe Dreamweaver CS6 classroom in a book. The official training workbook from Adobe Systems Adobe Dreamweaver CS6 classroom in a book The official training workbook from Adobe Systems Adobe Dreamweaver CS6 Classroom in a Book 2012 Adobe Systems Incorporated and its licensors. All rights reserved.

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

GLEN RIDGE PUBLIC SCHOOLS MATHEMATICS MISSION STATEMENT AND GOALS

GLEN RIDGE PUBLIC SCHOOLS MATHEMATICS MISSION STATEMENT AND GOALS Course Title: Advanced Web Design Subject: Mathematics / Computer Science Grade Level: 9-12 Duration: 0.5 year Number of Credits: 2.5 Prerequisite: Grade of A or higher in Web Design Elective or Required:

More information

COMP-205 COURSE SYLLABUS FOR WEB DESIGN TECHNOLOGIES. Darla Thornburg Instructor

COMP-205 COURSE SYLLABUS FOR WEB DESIGN TECHNOLOGIES. Darla Thornburg Instructor Coffeyville Community College COMP-205 COURSE SYLLABUS FOR WEB DESIGN TECHNOLOGIES Darla Thornburg Instructor Page 1 of 7 COURSE NUMBER: COURSE TITLE: COMP-205 Web Design Technologies CREDIT HOURS: Three

More information

Dreamweaver CS6 Basics

Dreamweaver CS6 Basics Dreamweaver CS6 Basics Learn the basics of building an HTML document using Adobe Dreamweaver by creating a new page and inserting common HTML elements using the WYSIWYG interface. EdShare EdShare is a

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

Oracle Business Intelligence Publisher: Create Reports and Data Models. Part 1 - Layout Editor

Oracle Business Intelligence Publisher: Create Reports and Data Models. Part 1 - Layout Editor Oracle Business Intelligence Publisher: Create Reports and Data Models Part 1 - Layout Editor Pradeep Kumar Sharma Senior Principal Product Manager, Oracle Business Intelligence Kasturi Shekhar Director,

More information

Introduction to Blackboard 9.1 Self-paced Faculty Tutorial

Introduction to Blackboard 9.1 Self-paced Faculty Tutorial Introduction to Blackboard 9.1 Self-paced Faculty Tutorial This tutorial was created as a self-paced option for faculty who either prefers this method of training or has difficulty attending face-to-face

More information

How to create buttons and navigation bars

How to create buttons and navigation bars How to create buttons and navigation bars Adobe Fireworks CS3 enables you to design the look and functionality of buttons, including links and rollover features. After you export these buttons from Fireworks,

More information

A set-up guide and general information to help you get the most out of your new theme.

A set-up guide and general information to help you get the most out of your new theme. Blox. A set-up guide and general information to help you get the most out of your new theme. This document covers the installation, set up, and use of this theme and provides answers and solutions to common

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

Microsoft Office PowerPoint 2003. Creating a new presentation from a design template. Creating a new presentation from a design template

Microsoft Office PowerPoint 2003. Creating a new presentation from a design template. Creating a new presentation from a design template Microsoft Office PowerPoint 2003 Tutorial 2 Applying and Modifying Text and Graphic Objects 1 Creating a new presentation from a design template Click File on the menu bar, and then click New Click the

More information

Joomla! template Blendvision v 1.0 Customization Manual

Joomla! template Blendvision v 1.0 Customization Manual Joomla! template Blendvision v 1.0 Customization Manual Blendvision template requires Helix II system plugin installed and enabled Download from: http://www.joomshaper.com/joomla-templates/helix-ii Don

More information

CLASS WEBSITE : www.professordesign.org CLASS VIDEO TUTORIAL SITE (RonTube) : www.professordesign.org/rontube/ COURSE OUTLINE (subject to revision)

CLASS WEBSITE : www.professordesign.org CLASS VIDEO TUTORIAL SITE (RonTube) : www.professordesign.org/rontube/ COURSE OUTLINE (subject to revision) SYLLABUS : ART 146 : WEB DESIGN : EL CAMINO COLLEGE : RON ROMAIN : FALL 2014 SECT 5251 : 3 UNITS : RM ARTB5 : MON Lec 8 8:50am, Lab 8:50 10:55am WED Lec 8 9:05am, Lab 9:05 11:10am CLASS WEBSITE : www.professordesign.org

More information

TUTORIAL 4 Building a Navigation Bar with Fireworks

TUTORIAL 4 Building a Navigation Bar with Fireworks TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar

More information

MAGENTO THEME SHOE STORE

MAGENTO THEME SHOE STORE MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1

More information

SPLIT BLOCK FINAL Web Design

SPLIT BLOCK FINAL Web Design SPLIT BLOCK FINAL Web Design MULTIPLE CHOICE 1. A(n) site shares user-created content with site visitors. a. portal c. informational/educational b. Web 2.0 d. business 2. sites include Erly, Flickr, Pinterest,

More information

CourseBuilder Extension ADOBE elearning SUITE 6

CourseBuilder Extension ADOBE elearning SUITE 6 CourseBuilder Extension ADOBE elearning SUITE 6 Legal notices Legal notices For legal notices, see http://help.adobe.com/en_us/legalnotices/index.html. iii Contents Chapter 1: Getting Started Overview..............................................................................................................

More information

Creating a Patch Management Dashboard with IT Analytics Hands-On Lab

Creating a Patch Management Dashboard with IT Analytics Hands-On Lab Creating a Patch Management Dashboard with IT Analytics Hands-On Lab Description This lab provides a hands-on overview of the IT Analytics Solution. Students will learn how to browse cubes and configure

More information

IT3504: Web Development Techniques (Optional)

IT3504: Web Development Techniques (Optional) INTRODUCTION : Web Development Techniques (Optional) This is one of the three optional courses designed for Semester 3 of the Bachelor of Information Technology Degree program. This course on web development

More information