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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Page 1 of 5. Dreamweaver CC Course Outline

Page 1 of 5. Dreamweaver CC Course Outline Page 1 of 5 Dreamweaver CC Course Outline Dreamweaver CC Course Outline Introduction to The Basics Web Browsers What is HTML? Browser incompatibilities Nesting tags Duration: 4 Days Related Courses: PHP

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

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

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

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

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

Adobe Certified Expert Program

Adobe Certified Expert Program Adobe Certified Expert Program Product Proficiency Exam Bulletin Adobe Dreamweaver CS5 Exam # 9A0-146 ACE Certification Checklist The checklist below will help guide you through the process of obtaining

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

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

Dreamweaver Help: common functions and operations

Dreamweaver Help: common functions and operations Dreamweaver Help: common functions and operations To learn about Dreamweaver CS6 environment view YouTube video: https://www.youtube.com/watch?v=dczjfrgyms0 Setting up Dreamweaver Preferences By default,

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

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

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

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

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

Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003

Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003 Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003 Objectives Create your Web page in layout view Insert Flash Text and Flash Button objects

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

Dreamweaver Chapter 1 Review Questions

Dreamweaver Chapter 1 Review Questions Dreamweaver Chapter 1 Review Questions Multiple Choice Identify the choice that best completes the statement or answers the question. 1. is the current standard language used to create Web pages. a. HTML

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

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

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

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

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

Simulations or Question & Answers. First 10

Simulations or Question & Answers. First 10 Simulations or Question & Answers. First 10 1. Q. Describe the Elements of Dreamweaver? A. * document bar * menu bar * title bar * files panel *assets panel 2. Q. Change the dimensions of an AP element?

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

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

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

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

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

Lab6: Creating a Web page with Macromedia Dreamweaver

Lab6: Creating a Web page with Macromedia Dreamweaver Lab6: Creating a Web page with Macromedia Dreamweaver I. Introduction When you need to find a specific recipe or when you want to visit somewhere you ve never been to before, what do you do? Most of you

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

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

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

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

Dreamweaver Domain 1: Setting Project Requirements

Dreamweaver Domain 1: Setting Project Requirements Dreamweaver Domain 1: Setting Project Requirements TRUE/FALSE 1. A new work using copyrighted work can be copyrightable in and of itself, but it must differ sufficiently from the original or it must contain

More information

HTML Editor Contents. User Guide Updated August 22, 2008

HTML Editor Contents. User Guide Updated August 22, 2008 HTML Editor 8.3.0 User Guide Updated August 22, 2008 Contents About this guide Audience Related guides HTML Editor Overview Accessing the HTML Editor HTML Editor tabs HTML Editor Views HTML Editor Icons

More information

Microsoft PowerPoint 2010

Microsoft PowerPoint 2010 Microsoft PowerPoint 2010 2 The PowerPoint Ribbon 1 4 3 Getting Started 1 Quick Access Tool Bar Contains shortcuts for commonly used tools. 2 Backstage View Contains tools to work with files and manage

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

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

Dreamweaver CS3. Dreamweaver CS3. Chapter 5. Templates and Style Sheets Part 1

Dreamweaver CS3. Dreamweaver CS3. Chapter 5. Templates and Style Sheets Part 1 Dreamweaver CS3 Dreamweaver CS3 Chapter 5 Templates and Style Sheets Part 1 The idea Structure a page and save as a template Build the CSS page Apply CSS to the template Start using the template to build

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

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

Web Design with Dreamweaver

Web Design with Dreamweaver Web Design with Dreamweaver Points available: 150 NAME: DATE: Final Project (100 points) (Must be returned within one week of delivery) Create a five page Web Site on a school appropriate topic that includes

More information

Table of contents. DMXzone Visual App Designer for Framework 7 DMXzone

Table of contents. DMXzone Visual App Designer for Framework 7 DMXzone Visual App Designer for Framework 7 Table of contents Table of contents... 1 About Visual App Designer for Framework 7... 2 Features in Detail... 3 The Basics: Setting Up Visual App Designer... 41 Advanced:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Dreamweaver 8 Basics Dreamweaver 8 Basics Software: Dreamweaver 8 Platform: Mac/PC Overview Dreamweaver is a great tool for producing Web sites. It provides an array of options and functions that speed up the development process

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

Diploma in Smart Web Designing

Diploma in Smart Web Designing Diploma in Smart Web Designing DURATION: 6 MONTHS Subject Total Hours Theory (hrs.) Practical (hrs.) ADOBE PHOTOSHOP CC 46 22 24 HTML 5 10 5 5 ADOBE DREAMWEAVER CC 8 4 4 INTRODUCTION TO CSS 3.0 16 8 8

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

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

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

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

Dreamweaver CS 5.5. Information Technology Services. Outreach and Distance Learning Technologies. Creating Web Pages with a Template

Dreamweaver CS 5.5. Information Technology Services. Outreach and Distance Learning Technologies. Creating Web Pages with a Template Dreamweaver CS 5.5 Creating Web Pages with a Template Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This document

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

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

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

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

User Guide. Appendix A. RadEditorAjax

User Guide. Appendix A. RadEditorAjax User Guide Appendix A Table of Contents About this Chapter... 3 What is?... 3 Section 1: at a Glance... 5 Publishing Options... 11 Keyboard Shortcuts Quick Reference... 12 Section 2: Formatting Tools...

More information

University of Arizona Information Commons Training Page 2 of 17

University of Arizona Information Commons Training Page 2 of 17 University of Arizona Information Commons Training Page 1 of 17 PowerPoint XP PERFORMING BASIC OPERATIONS WITH POWERPOINT XP USER GUIDE OBJECTIVES: Objective #1 - The employee will understand the basic

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

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

PowerPoint 2013. 3. Save: Click SAVE icon. Name your file, click SAVE

PowerPoint 2013. 3. Save: Click SAVE icon. Name your file, click SAVE PowerPoint 2013 1 1. Open PowerPoint: Select Blank Presentation 2. Click NEW SLIDE down-arrow in the HOME menu: Type the title of your presentation on Slide #1 Click NEW SLIDE Type the title of Slide #2

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

Microsoft PowerPoint 2007

Microsoft PowerPoint 2007 1 Microsoft PowerPoint 2007 PowerPoint is currently the most common software used for making visual aids for presentations. It has been redesigned for the 2007 release with a much more user-friendly and

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

SITECORE CONTENT MANAGEMENT SYSTEM (CMS) GETTING STARTED January 28, 2010

SITECORE CONTENT MANAGEMENT SYSTEM (CMS) GETTING STARTED January 28, 2010 This CMS Getting Started guide is an overview of the Sitecore content management system (CMS). Sitecore is a Web site authoring tool that facilitates the development of your council Web site while ensuring

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

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

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

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

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

PowerPoint 2016 Part I - Building a Presentation

PowerPoint 2016 Part I - Building a Presentation PowerPoint 2016 Part I - Building a Presentation What is PowerPoint? PowerPoint is presentation software that helps you quickly and efficiently create dynamic, professional-looking presentations through

More information

AUSTIN COMMUNITY COLLEGE CONTINUING EDUCATION. WORD PROCESSING APPLICATIONS I (Word Introduction) (12 hours) POFI 1024 COURSE SYLLABUS

AUSTIN COMMUNITY COLLEGE CONTINUING EDUCATION. WORD PROCESSING APPLICATIONS I (Word Introduction) (12 hours) POFI 1024 COURSE SYLLABUS Course Description: Introduction to word processing terminology, editing functions, formatting, and special text options. Learn to create, edit, and print documents such as letters or reports using this

More information

While viewing the layout, a Layout toolbar appears. These tools can be used to navigate around the map layout.

While viewing the layout, a Layout toolbar appears. These tools can be used to navigate around the map layout. : Making and Printing Maps Using ArcMap Using a Map Template to Create a Map: When a new document is opened, the user often views the data layer in Data View. To view the data in layout view, which is

More information

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager ce-dennis@wiu.edu Malpass Library 637 Phone: 309.298.2434 1 Setting

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

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

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

WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING

WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING Slide 1 WELCOME TO CORNERSTONE ONDEMAND LMS FUNCTIONALITY TRAINING UI Maintenance: How To Edit The Interface, The Navigation And Custom Pages Slide 2 OBJECTIVES At the end of this session, you should be

More information

Dreamweaver CS6 Manual

Dreamweaver CS6 Manual Dreamweaver CS6 Manual Joan Weeks SLIS Computer Labs Mgr. March 2013 Topic 1 What is Dreamweaver CS6? Dreamweaver CS6 is a complete website development tool that gives you the ability to create multiple

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

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