Web Portfolio Design and Applications

Size: px
Start display at page:

Download "Web Portfolio Design and Applications"

Transcription

1 Web Portfolio Design and Applications Table of Contents Preface... viii Chapter I. Introduction to the Web Portfolio... 1 Introduction... 1 Background... 2 Web Literature and Review... 4 Who Needs a Web Portfolio? Defining the Electronic Portfolio and the Web Portfolio The Web Portfolio as the Preferred Electronic Portfolio Types of Web Portfolios The Web Portfolio Fosters Valuable Learning Experiences Skills Fostered by the Web Portfolio Process The Web Portfolio as an Appearance The Benefits of Web Portfolios What You Should Get Out of This Book Review and Conclusion Chapter II. Conceptualization Introduction Defining the User, Understanding the Audience Define Your User and Their Goals Concept Write Your Concept Statement Content Gathering Text as Content Create Your Content List... 44

2 Create Your Content Outline The Web Portfolio as a Content Management Tool Review and Conclusion Chapter III. Information Design Introduction Structure Web Portfolio Information Organization Flowcharts as Skeletons Navigation Usability Pre-Evaluation of Usability Create Your Flowchart Review and Conclusion Chapter IV. Visual Design Introduction Style Composition and the Web Portfolio Space Type Images and Graphics Metaphors and Image Maps Identity Color Schemes Navigation Systems Backgrounds Pop-Up Windows Storyboards Conclusion Chapter V. Content, Collection, Development and Management Introduction Revisiting the Content Outline Setting Up the Folder Structure Image Types PDF Web Color Size Resolution Using Photography to Develop Content Scanning Your Work... 99

3 vii Taking Screen Captures Image Preparation, Crop, Scale and Save Text-Based Content Web Resumes and CVs Project Descriptions Review and Conclusion Chapter VI. Web Page Design Introduction Digital Tools Visual Design of Web Screens Pop-Up Windows Text Decisions Icons and Logos Navigation and Buttons A Word About Slicing and Exporting Pages Slicing Pages Optimizing and Exporting Pages and Graphics Review and Conclusion Chapter VII. Web Authoring Introduction WYSIWYG Applications vs. HTML Hand Coding Opening Sliced Web Pages from Fireworks Tables Creating a Web Page Using Macromedia Dreamweaver Layers A Brief Review Links CSS Behaviors Meta Tags and Keywords Review and Conclusion Chapter VIII. Motion, Graphics and Multimedia Production Introduction Overview of Web Multimedia Applications and Design Processes Motion Graphics Defined Basic Concepts in Macromedia Flash Creating the Text Animation Symbol Editor

4 viii Preparing Audio in Adobe Audition Placing Audio in Flash Making Edits to the Flash Files Conclusion Chapter IX. Uploading and Testing Your Web Portfolio Site Introduction What You Need to Put Your Portfolio on the Web Where You Can Post Your Web Portfolio File Transfer Protocol (FTP) Towards Redesign Conclusion Chapter X. Launch and Promotion Introduction Marketing Review and Conclusion Chapter XI. Server-Side Technologies Introduction PHP Active Server Pages (ASP) ASP.NET CGI Perl ColdFusion Conclusion Chapter XII. Cases and Interviews Introduction Web Portfolio Program Case Sample E-Portfolio Proposal Interviews Interview Conclusion Case Study of Teacher Web Portfolios Review and Conclusion Chapter XIII. Web Portfolios in the Information Society and Future Introduction The Web Portfolio s Place in the Information Society The Web Portfolio as Personal, On-Demand, Mass Media and Advertising

5 ix The Web Portfolio in the Knowledge Worker Age The Web Portfolio as the Postmodern Appearance The Web Portfolio as Postmodern Narrative Connection A Web Portfolio Makes You Digital in a Wired World The Web Portfolio as a Personal Knowledge Portal The Web Portfolio as a Responsive Environment Conclusions References About the Authors Index

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites A. Pre-Production of Webpage 1. Determine the specific software needed WYSIWYG- design software that manipulates components of the web page without the user writing or editing code Uses graphical layout

More information

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2

More information

Dreamweaver MX The Basics

Dreamweaver MX The Basics Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia

More information

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC 1. Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target

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: 14-15 Desired Results Digital Web Design: Grades 9 12 Credit: X one semester (.5) two semesters (1) Estimate of hours per week

More information

PRODUCTION PHASES CHANGES

PRODUCTION PHASES CHANGES PRODUCTION PHASES CHANGES There are changes in the production phases terminology as related to the Adobe certification test objectives. We have added new phase names as identified by Adobe resources linked

More information

Mrs. R. Jeanine Ewert Beaverton High School Beaverton, Michigan

Mrs. R. Jeanine Ewert Beaverton High School Beaverton, Michigan Mrs. R. Jeanine Ewert Beaverton High School Beaverton, Michigan Course Description Students in this course will learn how to design, develop and publish web sites and web-ready communication. Students

More information

DIGITAL ANIMATION AND MULTIMEDIA BS (1 st or 2 nd Semester)

DIGITAL ANIMATION AND MULTIMEDIA BS (1 st or 2 nd Semester) DIGITAL ANIMATION AND MULTIMEDIA BS000014 (1 st or 2 nd Semester) Grades 10, 11, 12 ½ Unit Prerequisite: None (Multimedia Applications Recommended) Digital Animation and Multimedia will explore the use

More information

Planning and Designing Your Site p. 109 Design Concepts p. 116 Summary p. 118 Defining Your Site p. 119 The Files Panel p. 119 Accessing Your Remote

Planning and Designing Your Site p. 109 Design Concepts p. 116 Summary p. 118 Defining Your Site p. 119 The Files Panel p. 119 Accessing Your Remote Acknowledgments p. xxv Introduction p. xxvii Getting Started with Dreamweaver MX 2004 Is It 2004 Already? p. 3 The Internet p. 4 TCP/IP p. 7 Hypertext Transfer Protocol p. 8 Hypertext Markup Language p.

More information

MP5: Hypermedia Integration- Dreamweaver

MP5: Hypermedia Integration- Dreamweaver MP5: Hypermedia Integration- Dreamweaver MP5: Learning Objectives Required Readings Recommended Resources - Explore the features of Dreamweaver to polish the layout design and text editing on web pages

More information

Identify how the use of different browsers and devices affects the look of a webpage. Competencies

Identify how the use of different browsers and devices affects the look of a webpage. Competencies 1 Strand 2. IT Fundamentals Learners apply fundamental principles of IT, including the history of IT and its impact on society, common industry terms, systems theory, information storage and retrieval,

More information

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab OBJECTIVES- 1.0 Setting Project Requirement 1.1 Identify the purpose, audience, and audience needs for

More information

Job Aid. Remote Access BAIRS Printing and Saving a Report. Table of Contents

Job Aid. Remote Access BAIRS Printing and Saving a Report. Table of Contents Remote Access BAIRS Printing and Saving a Report Table of Contents Remote Access BAIRS Printing a Report PDF HTML... 2 Remote Access BAIRS Printing a Report Export to PDF Interactive Reporting... 3 Remote

More information

WebDev. Web Design COMBINES A NUMBER OF DISCIPLINES. Web Development Process DESIGN DEVELOPMENT CONTENT MULTIMEDIA

WebDev. Web Design COMBINES A NUMBER OF DISCIPLINES. Web Development Process DESIGN DEVELOPMENT CONTENT MULTIMEDIA WebDev Site Construction is one of the last steps The Site Development Process http://webstyleguide.com Web Design COMBINES A NUMBER OF DISCIPLINES DESIGN CONTENT Interaction Designers User Interface Designers

More information

II.1 Running a Crystal Report from Infoview

II.1 Running a Crystal Report from Infoview Page 1 of 9 Last Updated: September 2007 This document describes how to run a crystal report from Infoview. The basics of running a report are the same for any report, however the parameters will vary

More information

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^ Betsy Bruce John Ray Robyn Ness Sams Teach Yourself Adobe Wfl lif ver W ^msssi^ mm WlM ^lg^ SAMS 800 East 96th Street, Indianapolis, Indiana, 46240 USA Table of Contents Introduction What Is Dreamweaver

More information

Adobe Web Authoring using Adobe Dreamweaver Exam and objectives

Adobe Web Authoring using Adobe Dreamweaver Exam and objectives Adobe Web Authoring using Adobe Dreamweaver Exam and objectives After taking the exam, your score is electronically reported. Please allow 2-4 weeks from the date you pass the exam to receive your ACA

More information

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the complete URL of the linked document, including the domain

More information

Interactive Media CTAG Alignments

Interactive Media CTAG Alignments Interactive Media CTAG Alignments This document contains information about eight Career-Technical Articulation Numbers (CTANs) for the Media Arts Career-Technical Assurance Guide (CTAG). The CTANs are:

More information

Entry Level Assessment Blueprint Web Design

Entry Level Assessment Blueprint Web Design Entry Level Assessment Blueprint Web Design Test Code: 2750 / Version: 01 Specific Competencies and Skills Tested in this Assessment: Internet Basics Describe how information is physically moved across

More information

Art170. Final Project Planning

Art170. Final Project Planning Final Project Planning Projects For the Next Two Weeks During the next two weeks of this class, you are going to thoroughly prepare your final web project. If you plan all details, putting the site itself

More information

Client Interview. Interview Topics. Goals and Target Audience. Activity 3.1 Worksheet. Client Name:

Client Interview. Interview Topics. Goals and Target Audience. Activity 3.1 Worksheet. Client Name: Activity 3.1 Worksheet Client Interview Team Name: Date: Client Name: Interview Topics Goals and target audience Content Design requirements Delivery requirements Goals and Target Audience Identify three

More information

Facilities Manager Local Device Tracking

Facilities Manager Local Device Tracking Facilities Manager Local Device Tracking The Information Collection Engine (ICE) can track print volumes on all types of devices, whether they are networked or not. Devices that do not support SNMP or

More information

Contents. Acknowledgments

Contents. Acknowledgments Contents Acknowledgments Introduction Why Another Book About Web Application Development? How Is This Book Arranged? Intended Audience Do I Need to Start from Scratch? Choosing Development Tools Summary

More information

MP4: Hypermedia Integration- Dreamweaver

MP4: Hypermedia Integration- Dreamweaver MP4: Hypermedia Integration- Dreamweaver Objectives Required Readings Supported Resources - Learn more text editing - Learn how to use Dreamweaver, a web editor, to create web pages - Learn how to create

More information

Interactive Art. Nathan McCrum Union University

Interactive Art. Nathan McCrum Union University Interactive Art Nathan McCrum Union University Goals To create a multimedia, interactive CD- ROM for the art department that can be distributed for advertising purposes To use software that will best utilize

More information

WEB APPLICATION DEVELOPMENT. How the Web Works

WEB APPLICATION DEVELOPMENT. How the Web Works WEB APPLICATION DEVELOPMENT How the Web Works What Is Hypertext Markup Language? Web pages are created using Hypertext Markup Language (HTML), which is an authoring language used to create documents for

More information

1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018

1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018 Course Outline CIW: Web Design Specialist 22 Apr 2018 Contents 1. Course Objective 2. Pre-Assessment 3. Exercises, Quizzes, Flashcards & Glossary Number of Questions 4. Expert Instructor-Led Training 5.

More information

BUILDING A TOWN WEBSITE Teacher s Guide

BUILDING A TOWN WEBSITE Teacher s Guide A Basic Dreamweaver MX Project from Macromedia BUILDING A TOWN WEBSITE Teacher s Guide Table of Contents Project Description...3 ISTE National Educational Technology Standards for Students...3 Timing...4

More information

Unit 2 Web portfolios using Adobe Dreamweaver CS4

Unit 2 Web portfolios using Adobe Dreamweaver CS4 Unit 2 Web portfolios using Adobe Dreamweaver CS4 Timing: 12 18 hours Unit overview Portfolios communicate accomplishments, works in progress, or personal history. Designers use a portfolio to showcase

More information

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014 Course Title Adobe Dreamweaver CC 2014 Course Description Adobe Dreamweaver CC (Creative Clouds) is the world's most powerful web design program. Our Dreamweaver course ''certified by Adobe ''includes

More information

User Guide Version 4.3

User Guide Version 4.3 User Guide Version 4.3 Page 2 of 11 Photo Album 4.3 Summary Contents 1 INTRODUCTION... 3 1.1 NAVIGATION... 3 2 PHOTO ALBUM... 4 2.1 CREATE NEW ALBUM... 4 2.1.1 Album Summary... 6 2.1.2 Upload Photos...

More information

Table of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17

Table of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17 Table of Contents Preface...........iii INTRODUCTION 1. Introduction to M ultimedia and Web Design 1 Introduction 2 Exploring the Applications of Multimedia 2 Understanding Web Design 3 Exploring the Scope

More information

SharePoint Designer Customizing and Branding SharePoint 2010 and Office 365

SharePoint Designer Customizing and Branding SharePoint 2010 and Office 365 SharePoint Designer 2010 - Customizing and Branding SharePoint 2010 and Office 365 55010; 3 Days, Instructor-led Course Description This three-day instructor-led course provides students with the knowledge

More information

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

HALTON SKILLS COMPETITION WEBSITE DEVELOPMENT SCOPE SECONDARY LEVEL Coordinator: Ron Boyd,

HALTON SKILLS COMPETITION WEBSITE DEVELOPMENT SCOPE SECONDARY LEVEL Coordinator: Ron Boyd, Coordinator: Ron Boyd, rwboyd@orionsweb.net PURPOSE OF THE CHALLENGE To provide competitors with the opportunity to demonstrate, through practical and theoretical application, their skills in client- and

More information

Jim Jackson II Ian Gilman

Jim Jackson II Ian Gilman Single page web apps, JavaScript, and semantic markup Jim Jackson II Ian Gilman FOREWORD BY Scott Hanselman MANNING contents 1 HTML5 foreword xv preface xvii acknowledgments xx about this book xxii about

More information

Infinite Device Management

Infinite Device Management Infinite Device Management Tracking Locally Connected Devices - IDM/Print Audit 6 Version: Date: 22 05-Dec-2018 10:37 Please Note: This document is intended for use with Local Device Tracking using Print

More information

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1 STRANDS AND STANDARDS Course 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

More information

The 4D Web Companion. David Adams

The 4D Web Companion. David Adams David Adams TABLE OF CONTENTS Welcome 1 About this Book 3 Overview... 3 Terminology... 5 Special Symbols Used in this Book... 5 Versions Covered... 5 About the Demonstrations... 6 About the 4D Code...

More information

CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist. ( Add-On ) 16 Sep 2018

CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist.   ( Add-On ) 16 Sep 2018 Course Outline 16 Sep 2018 ( Add-On ) Contents 1. Course Objective 2. Pre-Assessment 3. Exercises, Quizzes, Flashcards & Glossary Number of Questions 4. Expert Instructor-Led Training 5. ADA Compliant

More information

Assessed Project 1: Magnetic North. 5: Working to a Brief. 64: Motion Graphics and Compositing Video. 20 credits 20 credits

Assessed Project 1: Magnetic North. 5: Working to a Brief. 64: Motion Graphics and Compositing Video. 20 credits 20 credits BTEC Level 3 BTEC L3 CMP Long Term Plan Year 1 T Sound /Radio TV / Film IM Games 2 63: Sound in Interactive Media 28: Corporate and Promotional Programme Production 64: Motion Graphics and Compositing

More information

Mississippi Department of Education Office of Curriculum and Instruction

Mississippi Department of Education Office of Curriculum and Instruction Mississippi Department of Education Office of Curriculum and Instruction Course Title: Web Design and Media Rich Content Grade Level: 9, 10, 11, 12 Carnegie Unit: 1 Contact: MDE Office of Curriculum &

More information

Step 1 - Learning & Discovery

Step 1 - Learning & Discovery OUR PROCESS Our goal as a integrated marketing agency is to provide clients with the most creative and effective solutions for their business. Reaching that goal begins with our Learning and Discovery

More information

CompuScholar, Inc. Alignment to Utah's Web Development I Standards

CompuScholar, Inc. Alignment to Utah's Web Development I Standards Course Title: KidCoder: Web Design Course ISBN: 978-0-9887070-3-0 Course Year: 2015 CompuScholar, Inc. Alignment to Utah's Web Development I Standards Note: Citation(s) listed may represent a subset of

More information

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel. Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take

More information

CURRICULUM MAPPING FORM

CURRICULUM MAPPING FORM Aug. or Jan. I. Pod Casting 2 Sept. or Feb. II. A. Introduce Audacity Software 1. Create sound projects using Audacity software 2. Use Video Cameras to create scenes 3. Splice Video and Sound to create

More information

Working with Images and Multimedia

Working with Images and Multimedia CHAPTER Working with Images and Multimedia You can make your web page more interesting by adding multimedia elements. You can download the files featured in this chapter from www.digitalfamily.com/tyv.

More information

New Media Production week 3

New Media Production week 3 New Media Production week 3 Multimedia ponpong@gmail.com What is Multimedia? Multimedia = Multi + Media Multi = Many, Multiple Media = Distribution tool & information presentation text, graphic, voice,

More information

How to lay out a web page with CSS

How to lay out a web page with CSS Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style

More information

Web Design: Business Site Project

Web Design: Business Site Project Web Design: Business Site Project Purpose: You will be developing a large business site. The purpose of this website is to demonstrate your knowledge of web design elements. Directions: You will have benchmark

More information

How to Guide. Create a Data Set. Version: Release 3.0

How to Guide. Create a Data Set. Version: Release 3.0 How to Guide Create a Data Set Version: Release 3.0 Date: 31 st August 2017 Contents 1. Document Purpose... 3 2. Pre-requisites... 3 3. Step-by-Step Process... 3 3.1. Accessing the BDB Platform... 3 3.2.

More information

Santa Monica College. GRAPHIC DESIGN 65: Web Design I Course Syllabus

Santa Monica College. GRAPHIC DESIGN 65: Web Design I Course Syllabus GRAPHIC DESIGN 65: Web Design I Course Syllabus Instructor: Anastasia Triviza Term: Spring 2010 Section: 4266 Time and Place: Thursdays, 6:30 PM-9:35 PM, AET 105 Arrange - 1 Hour Program website: http://www.smc.edu/designtech/graphic_design/

More information

SLO to ILO Alignment Reports

SLO to ILO Alignment Reports SLO to ILO Alignment Reports CAN - 00 - Institutional Learning Outcomes (ILOs) CAN ILO #1 - Critical Thinking - Select, evaluate, and use information to investigate a point of view, support a conclusion,

More information

Website Development (WEB) Lab Exercises

Website Development (WEB) Lab Exercises Website Development (WEB) Lab Exercises Select exercises from the lists below to complete your training in Website Development and earn 125 points. You do not need to do all the exercises listed, except

More information

Graphic Communications Course Descriptions

Graphic Communications Course Descriptions Fall 2011 1st Semester GCC 1100 Intro to Graphic Communications Existing Course 4 credits (2Lec/2Lab) This course is intended to explore the various aspects, careers and functions within Graphic Communications.

More information

Multimedia Design and Authoring

Multimedia Design and Authoring Unit 13: Multimedia Design and Authoring Unit code: H/601/0467 QCF Level 4: BTEC Higher National Credit value: 15 Unit aim To help learners understand design processes including planning, iteration and

More information

documentation Editing Files and Folders

documentation Editing Files and Folders Editing Files and Folders documentation The advantage to working with a content management system (CMS) is that we are editing text; no markup code is necessary. In this document we ll discuss: I. Access

More information

Website Designing Training

Website Designing Training Website Designing Training Become a Professional Website Designer 100% Practical Training, Personalized Classroom Training, Assured Job Certified Training Programme in Website designing INDEX OF WEBSITE

More information

TERMS OF REFERENCE National Institutional Consultancy UNICEF IN TURKEY

TERMS OF REFERENCE National Institutional Consultancy UNICEF IN TURKEY TERMS OF REFERENCE National Institutional Consultancy UNICEF IN TURKEY INCLUSIVE ECE FOR CWD PROJECT: WEB DEVELOPMENT AND DESIGN Ref: RFP-TURA-2018-03 EDU/TURA/2018-D Programme/Activity Work Plan Code

More information

Web Page, Digital/Multimedia and Information Resources Design CIP Task Grid

Web Page, Digital/Multimedia and Information Resources Design CIP Task Grid Secondary Task List 100 SAFETY IN THE MULTIMEDIA LABORATORY 101 Explain the Safety Data Sheet (SDS) system for hazardous chemicals and materials. 102 RESERVED 103 RESERVED 104 Practice correct ergonomic

More information

Design Importer User Guide

Design Importer User Guide Design Importer User Guide Rev: 9 February 2012 Sitecore CMS 6.5 Design Importer User Guide How to import the design of an external webpage as a Sitecore layout or sublayout Table of Contents Chapter 1

More information

Test Code: 8095 / Version 1

Test Code: 8095 / Version 1 Pennsylvania Customized Assessment Blueprint Communication Technologies PA Test Code: 8095 / Version 1 Copyright 2016 NOCTI. All Rights Reserved. General Assessment Information General Assessment Information

More information

Introduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of

Introduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of Introduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of the World Wide Web p. 3 Internet Standards and Coordination

More information

Contents. Contents iii

Contents. Contents iii Contents iii Contents Topical Guide vi Preface xi Part 1: Web Writing and Design Principles 1 Comparing Online and Print Documents 2 Understanding the Writing Process 2 Writing For Your Audience 3 Providing

More information

Seema Sirpal Delhi University Computer Centre

Seema Sirpal Delhi University Computer Centre Getting Started on HTML & Web page Design Seema Sirpal Delhi University Computer Centre How to plan a web development project draft a design document convert text to HTML use Frontpage to create web pages

More information

SMK SEKSYEN 5,WANGSAMAJU KUALA LUMPUR FORM

SMK SEKSYEN 5,WANGSAMAJU KUALA LUMPUR FORM SMK SEKSYEN 5,WANGSAMAJU 53300 KUALA LUMPUR FORM 5 LEARNING AREA 4 MULTIMEDIA Ramadan, SMK Pekan 2007 MULTIMEDIA LESSON 21 MULTIMEDIA CONCEPTS DEFINITION OF MULTIMEDIA Multimedia has been used in many

More information

Shankersinh Vaghela Bapu Institue of Technology

Shankersinh Vaghela Bapu Institue of Technology Branch: - 6th Sem IT Year/Sem : - 3rd /2014 Subject & Subject Code : Faculty Name : - Nitin Padariya Pre Upload Date: 31/12/2013 Submission Date: 9/1/2014 [1] Explain the need of web server and web browser

More information

11 Database Management

11 Database Management 1. Database softwares 1. MS Access 2. Libreoffice base/ Openoffice base 3. MySQL (Most popular web app) 11 Database Management 2. Database and Web Development For a website, texts saved in database. multimedia

More information

INSTITUTE OF TECHNOLOGY AND ADVANCED LEARNING SCHOOL OF APPLIED TECHNOLOGY COURSE OUTLINE ACADEMIC YEAR 2012/2013

INSTITUTE OF TECHNOLOGY AND ADVANCED LEARNING SCHOOL OF APPLIED TECHNOLOGY COURSE OUTLINE ACADEMIC YEAR 2012/2013 INSTITUTE OF TECHNOLOGY AND ADVANCED LEARNING SCHOOL OF APPLIED TECHNOLOGY COURSE OUTLINE ACADEMIC YEAR 2012/2013 COMPUTER AND NETWORK SUPPORT TECHNICIAN COURSE NUMBER: NEST 401 COURSE NAME: INTERNET SCRIPT

More information

WHAT IS BFA NEW MEDIA?

WHAT IS BFA NEW MEDIA? VISUAL & TYPE WEB & INTERACTIVE MOTION GRAPHICS DIGITAL IMAGING VIDEO DIGITAL PHOTO VECTOR DRAWING AUDIO To learn more and see three years of our best student work, please visit: webdesignnewmedia.com

More information

Tennessee. Trade & Industrial Course Web Page Design II - Site Designer Standards. A Guide to Web Development Using Adobe Dreamweaver CS3 2009

Tennessee. Trade & Industrial Course Web Page Design II - Site Designer Standards. A Guide to Web Development Using Adobe Dreamweaver CS3 2009 Tennessee Trade & Industrial Course 655745 Web Page Design II - Site Designer Standards A Guide to Web Development Using Adobe Dreamweaver CS3 2009 ation Key SE Student Edition LE Learning Expectation

More information

Introduction to Game Design

Introduction to Game Design Introduction to Game Design Introduction to Game Design is an activity-based syllabus that teaches skills for game design and development using Adobe tools, UNREAL Engine, MAYA 3DS and Blender. Each activity

More information

Introduction to Dreamweaver CS4:

Introduction to Dreamweaver CS4: Introduction to Dreamweaver CS4: 1.0.0 published by Antall Training http://www.scottantall.com info@scottantall.com 440/623-3738 Copyright 2003-2009 Antall Training All Rights Reserved. No portion of this

More information

Sky Retail Partners May Feb Director of Web Creative, Manager of Online Marketing and Business Development Subsidiary

Sky Retail Partners May Feb Director of Web Creative, Manager of Online Marketing and Business Development Subsidiary - Digital Media & Online Marketing - http://mpgofolio.wordpress.com mpeterson.go@gmail.com h. 203 792 4718 EXPERIENCE: Sky Retail Partners May 2005 - Feb. 2011 Director of Web Creative, Manager of Online

More information

Simple sets of data can be expressed in a simple table, much like a

Simple sets of data can be expressed in a simple table, much like a Chapter 1: Building Master and Detail Pages In This Chapter Developing master and detail pages at the same time Building your master and detail pages separately Putting together master and detail pages

More information

Measuring What Matters in. Job Ready Assessment Blueprint. Web Design. Test Code: 2750 / Version: 01

Measuring What Matters in. Job Ready Assessment Blueprint. Web Design. Test Code: 2750 / Version: 01 Measuring What Matters in Job Ready Assessment Blueprint Web Design Test Code: 2750 / Version: 01 Copyright 2011 General Assessment Information Blueprint Contents General Assessment Information Written

More information

Business Education Program Understandings

Business Education Program Understandings Business Education Program Understandings Students will understand that: Oral and written communication skills are imperative in the world of work and throughout life Effective electronic documents enhance

More information

Entry Level Assessment Blueprint Web Design

Entry Level Assessment Blueprint Web Design Blueprint Web Design Test Code: 3750 / Version: 01 Specific Competencies and Skills Tested in this Assessment: Internet Basics Describe the process of information exchange between web server and client

More information

Texas Gateway CMDS: Course Creation Guide

Texas Gateway CMDS: Course Creation Guide Texas Gateway CMDS: Course Creation Guide About Gateway Courses The Gateway CMDS employs a COPE (Create Once, Publish Everywhere) model in which content is created once and is distributed to and repurposed

More information

Unit code: R/601/1288 QCF Level 4: BTEC Higher National Credit value: 15

Unit code: R/601/1288 QCF Level 4: BTEC Higher National Credit value: 15 Unit 15: Website Management Unit code: R/601/1288 QCF Level 4: BTEC Higher National Credit value: 15 Aim To enable learners to understand the concepts and knowledge required to effectively manage and maintain

More information

Adam Lin. Graphic Designer & Experience Designer PORTFOLIO

Adam Lin. Graphic Designer & Experience Designer PORTFOLIO Adam Lin Graphic Designer & Experience Designer PORTFOLIO PORTFOLIO INDEX GRAPHIC DESIGN & PROMOTIONS 6 INTERACTION DESIGN + VIDEO 8 VIDEO + MOTION DESIGN 10 USER EXPERIENCE & RESEARCH 12 INTERFACE DESIGN

More information

Assignment 1~ ICONS Grading Assessment

Assignment 1~ ICONS Grading Assessment Assignment 1~ ICONS W18 Section: 10013 9:00 am-11:25 am MW 24 23 22 21 20 19 18 16 15 14 13 12 11 09 08 07 06 05 04 03 02 01 0 17 10 Ability to Design Icon Likeness Images in a Theme as a Stylistic Series

More information

Concepts of Information Technology. Introduction to Windows 8

Concepts of Information Technology. Introduction to Windows 8 ADVANCED CERTIFICATE IN INFORMATION TECHNOLOGY What is Information Technology What is Computer History of Computer What is Operating System Windows History Windows Environment A First Look at the Windows

More information

Exemplar candidate work. Introduction

Exemplar candidate work. Introduction Exemplar candidate work Introduction OCR has produced these simulated candidate style answers to support teachers in interpreting the assessment criteria for the new Creative imedia specifications and

More information

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Animate CC

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Animate CC Course Title Adobe Animate CC Course Description Adobe Animate CC (Creative Clouds) is the world's most powerful graphic design program for adding interactivity and creating animation and multimedia content

More information

Dear Candidate, Thank you, Adobe Education

Dear Candidate, Thank you, Adobe Education Dear Candidate, In preparation for the Web Communication certification exam, we ve put together a set of practice materials and example exam items for you to review. What you ll find in this packet are:

More information

Flash Domain 2: Identifying Rich Media Design Elements

Flash Domain 2: Identifying Rich Media Design Elements Flash Domain 2: Identifying Rich Media Design Elements Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify general and Flash-specific

More information

Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special.

Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special. This section describes how to add content to your pages including text, Microsoft Office documents, images, Flash, and other media content. Inserting Text To add text to your document, you can type the

More information

Using Joomla O'REILLY. foreword by Louis Landry. Ron Severdia and Kenneth Crowder. Taipei Tokyo. Cambridge. Beijing. Farnham Kbln Sebastopol

Using Joomla O'REILLY. foreword by Louis Landry. Ron Severdia and Kenneth Crowder. Taipei Tokyo. Cambridge. Beijing. Farnham Kbln Sebastopol Using Joomla Ron Severdia and Kenneth Crowder foreword by Louis Landry Beijing Cambridge O'REILLY Farnham Kbln Sebastopol Taipei Tokyo Table of Contents Foreword xvii Preface xix 1. An Overview 1 Using

More information

m ac romed ia D r e a mw e av e r Curriculum Guide

m ac romed ia D r e a mw e av e r Curriculum Guide m ac romed ia D r e a mw e av e r Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and

More information

,

, Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day ADMEC Multimedia Institute www.admecindia.co.in 9911782350, 9811818122 Web Master Plus Course is an 18 months advanced and industry-recognized diploma

More information

PUBLISHING FLASH. Lesson Overview

PUBLISHING FLASH. Lesson Overview PUBLISHING FLASH Lesson Overview In this lesson, you ll learn how to do the following: Test a Flash document Understand the Bandwidth Profiler Change publish settings for a document Understand the difference

More information

Computing at Cox Green Curriculum Plan. Key Stage 3 Year 7

Computing at Cox Green Curriculum Plan. Key Stage 3 Year 7 Computing at Cox Green Curriculum Plan Key Stage 3 Year 7 Term 1 Term 2 Term 3 Term 4 Term 5 Term 6 E-safety Database Programming Spreadsheet and modelling Web design How data is represented in s? How

More information

Co. Louth VEC & Co. Monaghan VEC. Programme Module for. Web Authoring. leading to. Level 5 FETAC. Web Authoring 5N1910

Co. Louth VEC & Co. Monaghan VEC. Programme Module for. Web Authoring. leading to. Level 5 FETAC. Web Authoring 5N1910 Co. Louth VEC & Co. Monaghan VEC Programme Module for Web Authoring leading to Level 5 FETAC Web Authoring 5N1910 Web Authoring 5N1910 1 Introduction This programme module may be delivered as a standalone

More information

You can use Dreamweaver to build master and detail Web pages, which

You can use Dreamweaver to build master and detail Web pages, which Chapter 1: Building Master and Detail Pages In This Chapter Developing master and detail pages at the same time Building your master and detail pages separately Putting together master and detail pages

More information

DESIGN PORTFOLIO. Julia Smith graphic + web designer juliasmithdesigns.com

DESIGN PORTFOLIO. Julia Smith graphic + web designer juliasmithdesigns.com DESIGN PORTFOLIO JS D E S I G N S Julia Smith graphic + web designer +1-905-483-5928 juliasmithdesigns.com juliasmithdesigns@gmail.com MAGAZINE LAYOUT AWAY Travel Magazine AWAY is a fictional travel magazine

More information

Fireworks 3 Animation and Rollovers

Fireworks 3 Animation and Rollovers Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos

More information

AGENDA. :: Add Meta Tag for Viewport (inside of head element): :: Add Script that renders HTML5 elements for older versions of Internet Explorer

AGENDA. :: Add Meta Tag for Viewport (inside of head element): :: Add Script that renders HTML5 elements for older versions of Internet Explorer CLASS :: 14 12.10 2018 3 Hours AGENDA LECTURE :: Responsive Web Design [RWD] DOWNLOAD ASSETS [ CSS ] :: Media Query [rwd.css] ADD HTML META TAG & IE SCRIPT [ HTML ] :: Add Meta Tag for Viewport (inside

More information

Inserting an irite text editor to your to your DataAssist insert and update pages

Inserting an irite text editor to your to your DataAssist insert and update pages Inserting an irite text editor to your to your DataAssist insert and update pages This How To shows you how to add an irite text editor onto your DataAssist Insert or Update pages. Providing advanced text

More information