Lesson Plan. Preparation

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Lesson Plan. Preparation"

Transcription

1 Lesson Plan Lesson Duration: 3 hours Course Title: Web Technologies Session Title: Designing A Web Page Layout with a Bitmap & Vector Graphic Editor Performance Objective: Upon completion of the lesson, students will be able to create a graphical webpage layout, slice the image, and export it as a webpage template. Specific Objectives: Students will be able to open and create new images. Students will understand proper design criteria such as layout, proximity, contrast, and repetition. Students will be able to use proper design criteria in the design of a webpage layout. Students will be able to appropriately slice an image into various parts to be used in a web page. Students will be able to save a sliced image as a webpage. Preparation TEKS Correlations: (7)(A) Implement functional design criteria such as proximity, repetition, contrast, alignment, color theory, consistency, image file size, and typography; (7)(D) Demonstrate proper use of folder structure hierarchy. Instructor/Trainer References: Content Developer Knowledge Instructional Aids: Online Search Tools Slide Presentation Student Files Folder Lab Exercise Quiz & Key Materials Needed: Each student will need Copies of the Lab Exercise Copies of the Student Files Folder Copies of the Quiz 1

2 Equipment Needed: Each student will need a computer with Internet access and a professional bitmap & vector graphic editing application. Learner: Students should possess prior knowledge of basic HTML and tables for this lesson. Introduction MI Introduction (LSI Quadrant I): Show the students the completed SeaSide surf website. Point out to the students that the design was created from a single image that was sliced up. Also, point out the navigation. Explain that it is an example of an image map. Have students open their Professional Bitmap & Vector Graphic Editor Application on their computers. Students should have a copy in the Student Files Folder. Outline MI Outline (LSI Quadrant II): Instructor Notes: I. Design concepts A. Aesthetics B. Proximity C. Alignment D. Repetition E. Contrast The instructor should have a printout of the Presentation in Notes Pages format. II. Using a bitmap & vector graphic editor to create a web page layout. A. The web features B. Image maps III. Image Maps A. Image map tools B. Hotspots IV. Slicing an image & exporting as a web page Students should have their professional application open at this point. V. Activity VI. Lesson Quiz 2

3 Application MI MI Guided Practice (LSI Quadrant III): Students should follow the presentation to create their web page layout, image map, and website layout, shown in the introduction. Independent Practice (LSI Quadrant III): Each student will need a copy of the Lab Exercise. Students should follow the instructions to create the web page design and image map. Students should export the page design as a web page. Summary MI Review (LSI Quadrants I and IV): The teacher should point out that using a graphic editor is common for web designers. Point out the advantages to designing a web page layout in a graphic editor, as well as the limitations, such as the forded table layout, and difficulty in making changes to the navigation and design. Evaluation MI MI Informal Assessment (LSI Quadrant III): As students are working on the Lab Exercise, the instructor should observe students progress to assure they understand the concepts. Formal Assessment (LSI Quadrant III, IV): 1. Upon completion of the Lab Exercise, the teacher should compare the students work to the completed lab provided with this lesson. 2. Following the activity, the teacher should give the students the Quiz. Extension MI Extension/Enrichment (LSI Quadrant IV): The lesson may be extended by having the students design their own layout and creating a complete website from their layout. The teacher may provide a storyboard for a site that the students should design, or the teacher might have the students plan their own site and create the storyboard. 3

4 Icon MI Teaching Strategies Verbal/ Linguistic Logical/ Mathematical Visual/Spatial Musical/ Rhythmic Bodily/ Kinesthetic Intrapersonal Interpersonal Lecture, discussion, journal writing, cooperative learning, word origins Problem solving, number games, critical thinking, classifying and organizing, Socratic questioning Mind-mapping, reflective time, graphic organizers, color-coding systems, drawings, designs, video, DVD, charts, maps Use music, compose songs or raps, use musical language or metaphors Use manipulatives, hand signals, pantomime, real life situations, puzzles and board games, activities, roleplaying, action problems Reflective teaching, interviews, reflective listening, KWL charts Cooperative learning, roleplaying, group brainstorming, cross-cultural interactions Personal Development Strategies Reading, highlighting, outlining, teaching others, reciting information Organizing material logically, explaining things sequentially, finding patterns, developing systems, outlining, charting, graphing, analyzing information Developing graphic organizers, mindmapping, charting, graphing, organizing with color, mental imagery (drawing in the mind s eye) Creating rhythms out of words, creating rhythms with instruments, playing an instrument, putting words to existing songs Moving while learning, pacing while reciting, acting out scripts of material, designing games, moving fingers under words while reading Reflecting on personal meaning of information, studying in quiet settings, imagining experiments, visualizing information, journaling Studying in a group, discussing information, using flash cards with other, teaching others Naturalist Existentialist Natural objects as manipulatives and as background for learning Socratic questions, real life situations, global problems/questions Connecting with nature, forming study groups with like-minded people Considering personal relationship to larger context 4

5 Activity For this activity, you will create a web page template with an image map navigation. You will need some knowledge of HTML in order to complete this activity. 1. Create a new folder on your student drive or computer. Name the folder Activity. 2. Open your professional Bitmap & Graphic Editing Application on your student computer. 3. Click on File and select New. 4. From the New Document window, enter the following settings: a. Width: 600 b. Height: 800 c. Canvas color: White 5. Click OK to create the blank document. 6. Select the Rounded Rectangle tool from your Toolbox. 7. Use the Rounded Rectangle tool to draw a large rounded edge rectangle onto your canvas. 5

6 8. On the Properties panel at the bottom, set the fill color to # Move to the far right side of the Properties panel and click on the Filters button. Select the Drop Shadow option. A shadow should appear behind the rounded edge rectangle. 10. Select the Rounded Rectangle tool again from the Toolbox. On the properties panel, set the fill color to #CCFFFF. 11. Draw a rounded rectangle inside the original rectangle. Start about ¼ of the way down so that your rectangle looks similar to the example here. 12. After placing your second rectangle, center the inside rectangle horizontally. 6

7 13. From the Properties panel, select a fancy font style of your choice. 14. At the top of the dark green rectangle, type the heading Premier Landscaping. Center the heading horizontally. You should have enough space between the heading and the light green rectangle to add a navigation bar. Creating the Navigation Bar 15. From the Properties panel, select the Arial font. Set the size to Type the menu items shown below and center them horizontally and vertically between the heading and the light green rectangle. Home Services Care/Maintenance Contact 17. From the Web section of the Toolbox, select the Rectangle Hotspot tool. 18. Select an area around the word Home on your image. A light green shade should appear over the word. This shade is only a selection and will not appear on the image. 7

8 19. From the Properties panel at the bottom, enter index.html in the link field and Home Page in the Alt: field. 20. Select the Rectangle Hotspot tool again from the Toolbox and select the Services menu item. 21. In the Properties panel at the bottom, enter services.html into the link field and Services in the Alt field. 22. Select the Rectangle Hotspot tool again and select the Care/Maintenance menu item. 23. In the properties panel, enter care.html into the link field and Care and Maintenance into the Alt field. 24. Select the Rectangle Hotspot tool once more and select the Contact menu item. 25. In the properties panel, enter contact.html into the link field and Contact Us in the Alt field. Each of the menu items should now be shaded over, indicating that they are clickable regions on the image. 8

9 Finishing the Design 26. Select the Crop tool from the Toolbox. 27. Using the Crop tool, select the area around the dark green rectangle. Leave a little of the white border around the rectangle. Anything not selected will be cut away. 28. Double click in the center of the selected area to cut away the excess white space around the image. 29. From the File menu, select Save As 30. Save the image as pagetemplate.png to your Activity folder. 31. From the Web section of the Toolbox, select the Slice tool. 32. Using the Slice tool, select the inside of the light green triangle from rounded corner to rounded corner without selecting any of the dark green. 33. The region you selected should appear in a darker shade of green with guidelines going out from it that indicate how the image will be sliced. 34. Click on the Disc icon or press Ctrl S on your keyboard to save your design once more. 35. From the File menu, select Export. 36. Navigate to your Activity folder. 37. Set the filename to index.html. 38. The Export should be HTML and Images. 39. Click on the Save button. The image will be sliced and placed into the Activity folder. A web page will also be created that shows the image reassembled. 9

10 40. From your file manager on your computer, navigate to your Activity folder. Make sure your file view settings are set to show thumbnails. You should see each of the slices, the original image, and a web page. 41. Make note of the name of the section slice that you selected. In this case, it is named index_r2_c2.gif. The names are references to their location in the table on the web page (Row 2 Column 2). This is the image we want to remove from the table. R2c2.gif 42. Double click on the index.html folder to view the assembled version in your browser. 43. Open index.html in your text editor. 44. Locate the table cell with the image we want to remove. 45. Remove the image within that cell and set the background color (bgcolor) of the cell to #ccffff. Add the v-align attribute with a value of top to the td tag. In place of the image tag that you removed, type Content Area. 10

11 46. Resave the file and refresh your browser to see an updated version of the page. Your version should look like the example shown here. 47. Switch back to your text editor. From here, you can change the title of the page or center the table on your page. Content Area 48. After you have completed any additional changes, resave the file. Also, save it again under the following additional filenames: a. services.html b. care.html c. contact.html 49. Click on each of the links at the top of your pages and make sure they all work. If any do not work, you will need to correct the error in the HTML code. 11

12 NAME: DATE: Lesson Quiz Select the best answer choice for each of the following questions. 1. A web page s visual appearance is often referred to as what? a. Design b. Style c. Aesthetics d. Structure 2. The spacing relationships between various objects on a web page are referred to as what? a. Aesthetics b. Proximity c. Alignment d. Contrast 3. The horizontal positioning of objects on a web page is referred to as what? a. Contrast b. Structure c. Proximity d. Alignment 4. The degree of difference of the various objects on a web page is referred to as what? a. Structure b. Contrast c. Aesthetics d. Design 5. A single image on a web page with multiple clickable regions is called what? a. Hotspot b. Graphic c. Image Map d. Link 12

13 6. A clickable region on an image placed onto a web page is called what? a. Hotspot b. Graphic c. Image Map d. Link 7. Which button is identified by chain? a. Link b. Image Map c. Hotspot d. Slice 8. Which toolbar button is identified by a knife or blade? a. Link b. Graphic c. Hotspot d. Slice 9. What does the slice tool do? a. It allows you to trim an image. b. It allows you to cut your image into different parts. c. It reduces the size of the image. d. It cuts off the edges of an image. 10. What tool is needed to edit the content on the webpage after exporting the image? a. A graphic editor b. A text editor c. A web browser d. A video editor 13

14 Lesson Quiz - Key Select the best answer choice for each of the following questions. 1. A web page s visual appearance is often referred to as what? a. Design b. Style c. Aesthetics d. Structure 2. The spacing relationships between the various objects on a web page are referred to as what? a. Aesthetics b. Proximity c. Alignment d. Contrast 3. The horizontal positioning of objects on a web page is referred to as what? a. Contrast b. Structure c. Proximity d. Alignment 4. The degree of difference of the various objects on a web page is referred to as what? a. Structure b. Contrast c. Aesthetics d. Design 5. A single image on a web page with multiple clickable regions is called what? a. Hotspot b. Graphic c. Image Map d. Link 14

15 6. A clickable region on an image placed onto a web page is called what? a. Hotspot b. Graphic c. Image Map d. Link 7. Which button is identified by chain? a. Link b. Image Map c. Hotspot d. Slice 8. Which toolbar button is identified by a knife or blade? a. Link b. Graphic c. Hotspot d. Slice 9. What does the slice tool do? a. It allows you to trim an image. b. It allows you to cut your image into different parts. c. It reduces the size of the image. d. It cuts off the edges of an image. 10. What tool is needed to edit the content on the webpage after exporting the image? a. A graphic editor b. A text editor c. A web browser d. A video editor 15

Lesson Plan. Course Title: Web Technologies Session Title: Web Site Planning & Design

Lesson Plan. Course Title: Web Technologies Session Title: Web Site Planning & Design Lesson Plan Course Title: Web Technologies Session Title: Web Site Planning & Design Lesson Duration: 3 Hours Performance Objective: Upon completion of the lesson, students will understand how to develop

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Duration: 3 hours Lesson Plan Course Title: Web Technologies Session Title: Beginning Cascading Style Sheets (CSS) Performance Objective: Upon completion of the lesson, students will understand

More information

Lesson Plan. Course Title: Web Technologies Session Title: Motion Graphics & Animations

Lesson Plan. Course Title: Web Technologies Session Title: Motion Graphics & Animations Lesson Duration: 4 hours Lesson Plan Course Title: Web Technologies Session Title: Motion Graphics & Animations Performance Objective: Upon completion of the lesson, students will be able to use an image

More information

Lesson Plan. Course Title: Digital and Interactive Media Session Title: Digital Audio Editing

Lesson Plan. Course Title: Digital and Interactive Media Session Title: Digital Audio Editing Lesson Plan Lesson Duration: Approximately 1.5 hours Course Title: Digital and Interactive Media Session Title: Digital Audio Editing Performance Objective: Upon completion of this lesson, students will

More information

Lesson Plan. Course Title: Advanced Computer Programming Session Title: Databases. Preparation

Lesson Plan. Course Title: Advanced Computer Programming Session Title: Databases. Preparation Lesson Plan Course Title: Advanced Computer Programming Session Title: Databases Lesson Duration: 2-3 days Performance Objective: Upon completion of this assignment, the student will be able to: identify

More information

Lesson Plan. Course Title: Digital and Interactive Multimedia. Session Title: Video Production

Lesson Plan. Course Title: Digital and Interactive Multimedia. Session Title: Video Production Lesson Plan Course Title: Digital and Interactive Multimedia Lesson Duration: Session Title: Video Production Lesson length is subjective and will vary from instructor to instructor Performance Objective:

More information

Lesson Plan. Course Title: Digital and Interactive Media Session Title: College and Career Poster

Lesson Plan. Course Title: Digital and Interactive Media Session Title: College and Career Poster Lesson Plan Course Title: Digital and Interactive Media Session Title: College and Career Poster Lesson Duration: 3 Hours Performance Objective: Upon completion of this assignment, the student will have

More information

Lesson Plan Course Title: Web Technologies Session Title: Website Administration

Lesson Plan Course Title: Web Technologies Session Title: Website Administration Lesson Duration: Approximately 10 hours Performance Objective: Lesson Plan Course Title: Web Technologies Session Title: Website Administration Following the completion of this lesson, students will understand

More information

Lesson Plan. Preparation. TEKS Correlations: 1C: Examine the role of certifications, resumes, and portfolios in the Web Technologies profession.

Lesson Plan. Preparation. TEKS Correlations: 1C: Examine the role of certifications, resumes, and portfolios in the Web Technologies profession. Lesson Plan Course Title: Session Title: Using Online Search Tools to Locate and Evaluate Information. Lesson Duration: 2 hours Performance Objective: Upon completion of the lesson, students will be able

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Plan Course Title: Web Technologies Session Title: Planning & Designing Client Websites Lesson Duration: Varies but would be a minimum of one week. Performance Objective: Upon completion of this

More information

Lesson Plan. Course Title: Web Technologies. Session Title: Copyright Compliance

Lesson Plan. Course Title: Web Technologies. Session Title: Copyright Compliance Lesson Plan Course Title: Web Technologies Lesson Duration: 2 hours Session Title: Copyright Compliance Performance Objective: Upon completion of the lesson, students will show understanding of copyright

More information

Lesson Plan. Course Title: Principles of Information Technology Session Title: Understanding Types & Uses of Software

Lesson Plan. Course Title: Principles of Information Technology Session Title: Understanding Types & Uses of Software Lesson Plan Course Title: Principles of Information Technology Session Title: Understanding Types & Uses of Software Lesson Duration: Approximately 5 hours Performance Objective: Upon completion of this

More information

Lesson Plan. Course Title: Computer Programming. Session Title: Software Life Cycle

Lesson Plan. Course Title: Computer Programming. Session Title: Software Life Cycle Lesson Plan Course Title: Computer Programming Session Title: Software Life Cycle Lesson Duration: 2 hours Performance Objective: Upon completion of this assignment, the student will understand the software

More information

Lesson Plan. Course Title: Digital & Interactive Media. Session Title: Color Theory

Lesson Plan. Course Title: Digital & Interactive Media. Session Title: Color Theory Lesson Plan Course Title: Digital & Interactive Media Lesson Duration: 8 hours Session Title: Color Theory Performance Objective: Upon completion of this assignment, the student will be able to create

More information

Lesson Plan. Course Title: Computer Maintenance Session Title: FireWire Ports

Lesson Plan. Course Title: Computer Maintenance Session Title: FireWire Ports Lesson Plan Course Title: Computer Maintenance Session Title: FireWire Ports Lesson Duration: Will vary from instructor to instructor Performance Objective: Upon completion of this assignment, the student

More information

Lesson Plan. Course Title: Digital and Interactive Media Session Title: Writing a Movie Script Lesson Duration: Approximately 3 hours

Lesson Plan. Course Title: Digital and Interactive Media Session Title: Writing a Movie Script Lesson Duration: Approximately 3 hours Lesson Plan Course Title: Digital and Interactive Media Session Title: Writing a Movie Script Lesson Duration: Approximately 3 hours Performance Objective: Upon completion of this assignment, the student

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Plan Course Title: Computer Maintenance Session Title: Disaster Recovery and Preventative Maintenance Lesson Duration: 3 to 4 one-hour sessions with 1 additional one-hour session for the exam (Lesson

More information

Lesson Plan. Course Title: Computer Maintenance Session Title: Numbering Systems

Lesson Plan. Course Title: Computer Maintenance Session Title: Numbering Systems Lesson Plan Course Title: Computer Maintenance Session Title: Numbering Systems Lesson Duration: Lesson length is subjective and will vary from instructor to instructor Performance Objective: Upon completion

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Plan Course Title: Principles of Information Technology Lesson Duration: 45 Minutes Session Title: Keyboards, Mice, and Other Input Devices Performance Objective: Upon completion of this assignment,

More information

Lesson Plan Course Title: Web Technologies Session Title: Internet Fundamentals & Background

Lesson Plan Course Title: Web Technologies Session Title: Internet Fundamentals & Background Lesson Plan Course Title: Web Technologies Session Title: Internet Fundamentals & Background Lesson Duration: 2 Hours Performance Objective: Upon completion of the lesson, students will have an understanding

More information

Lesson Plan. Instructor/Trainer References: Content developer knowledge

Lesson Plan. Instructor/Trainer References: Content developer knowledge Lesson Plan Course Title: Web Technologies Session Title: Website Publishing/Going Live! Lesson Duration: Estimated 90 Minutes and will vary from instructor to instructor Performance Objective: Upon completion

More information

Lesson Plan. Course Title: Digital and Interactive Media Session Title: Emerging Technologies

Lesson Plan. Course Title: Digital and Interactive Media Session Title: Emerging Technologies Lesson Plan Course Title: Digital and Interactive Media Session Title: Emerging Technologies Lesson Duration: 3 Hours Performance Objective: Upon completion of this assignment the student will be able

More information

Lesson Plan. Course Title: Digital & Interactive Media Session Title: Basic Animation

Lesson Plan. Course Title: Digital & Interactive Media Session Title: Basic Animation Lesson Plan Course Title: Digital & Interactive Media Session Title: Basic Animation Lesson Duration: 10 Hours Performance Objective: Upon completion of this assignment, the student will be able to plan

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Duration: Lesson Plan Course Title: Principles of Information Technology Session Title: Job Safety Skills Lesson length is subjective and will vary from instructor to instructor. Performance Objective:

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Plan Course Title: Computer Maintenance Session Title: Hard Drives Lesson Duration: 90 Minutes Performance Objective: Upon completion of this assignment, the student will be able to recognize a

More information

Lesson Plan. Course Title: Advanced Computer Programming Session Title: Project Management Basics

Lesson Plan. Course Title: Advanced Computer Programming Session Title: Project Management Basics Lesson Plan Lesson Duration: Weeks/Days/Hours/Minutes 3 weeks Performance Objective: Course Title: Advanced Computer Programming Session Title: Project Management Basics Upon completion of this assignment,

More information

Lesson Plan. Upon completion of this assignment, the student will be able to build a small network and identify the different types of hackers.

Lesson Plan. Upon completion of this assignment, the student will be able to build a small network and identify the different types of hackers. Lesson Plan Course Title: Principles of IT Session Title: Networks and Hackers Lesson Duration: Lesson length is subjective and will vary from instructor to instructor. Performance Objective: Upon completion

More information

Lesson Plan. Preparation. 130.272(c). Principles of Information Technology (One-Half to One Credit).

Lesson Plan. Preparation. 130.272(c). Principles of Information Technology (One-Half to One Credit). Lesson Plan Course Title: Principles of Information Technology Session Title: Peripheral Devices Lesson Duration: Will vary from instructor to instructor Performance Objective: Upon completion of this

More information

Lesson Plan. Course Title: Computer Programming Session Title: For Loops

Lesson Plan. Course Title: Computer Programming Session Title: For Loops Lesson Plan Course Title: Computer Programming Session Title: For Loops Lesson Duration: 3-4 hours Performance Objective: Upon completion of this assignment, the student will recognize and explain the

More information

Lesson Plan. Course Title: Computer Maintenance Session Title: Entrepreneurship

Lesson Plan. Course Title: Computer Maintenance Session Title: Entrepreneurship Lesson Plan Course itle: Computer Maintenance Session itle: Entrepreneurship Lesson Duration: 50 minutes Performance Objective: Upon completion of this assignment, the student will further understand what

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Plan Course Title: Principles of Information Technology Session Title: Identifying File types, Purposes, and Extensions Lesson Duration: 4 hours Performance Objective: Upon completion of this assignment,

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Plan Course Title: Principles of Information Technology Session Title: Design Principles Lesson Duration: 6 hours Performance Objective: Upon completion of this assignment, the student will be able

More information

Lesson Plan. Preparation. References: 1. JES and Co., A+ Certification: Introduction to Computer Hardware, Lesson 3: Preventing ESD.

Lesson Plan. Preparation. References: 1. JES and Co., A+ Certification: Introduction to Computer Hardware, Lesson 3: Preventing ESD. Lesson Plan Course Title: Computer Maintenance Session Title: Safety/Electrostatic Discharge (ESD) Lesson Duration: Approximately 120 Minutes Performance Objective: Upon completion of this assignment,

More information

Lesson Plan. Performance Objective: Upon completion of this assignment, the student will be able to create a basic resume.

Lesson Plan. Performance Objective: Upon completion of this assignment, the student will be able to create a basic resume. Lesson Duration: Lesson Plan Course Title: Principles of Information Technology Session Title: Resume Writing Lesson length is subjective and will vary from instructor to instructor. Performance Objective:

More information

Lesson Plan. Session Title: Computer Hardware

Lesson Plan. Session Title: Computer Hardware Lesson Plan Course Title: Principles of Information Technology Lesson Duration: 7 hours Session Title: Computer Hardware Performance Objective: Upon completion of this assignment, the student will be able

More information

Creating Web Pages With Dreamweaver MX 2004

Creating Web Pages With Dreamweaver MX 2004 Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic

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

Lesson Plan. Performance Objective: Upon completion of this assignment, the student will be able to access and properly use the Internet.

Lesson Plan. Performance Objective: Upon completion of this assignment, the student will be able to access and properly use the Internet. Lesson Plan Course Title: Principles of Information Technology Session Title: Basic Internet Functions Lesson Duration: Length will vary dependent upon instructor. Performance Objective: Upon completion

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

Create a Poster Using Publisher

Create a Poster Using Publisher Contents 1. Introduction 1. Starting Publisher 2. Create a Poster Template 5. Aligning your images and text 7. Apply a background 12. Add text to your poster 14. Add pictures to your poster 17. Add graphs

More information

Creating a Photoshop Website to use in Dreamweaver

Creating a Photoshop Website to use in Dreamweaver -First create a Dreamweaver folder on your account -Next create two folders inside your Dreamweaver folder (Design files & Web files) -All of your files for this project must be in this Dreamweaver folder.

More information

Microsoft FrontPage. 1. Introduction

Microsoft FrontPage. 1. Introduction 1. Introduction Microsoft FrontPage is a full featured HTML editor. A Web site is a group of HTML pages and graphics that are interconnected with hyperlinks. A FrontPage Web site is a site created in FrontPage.

More information

Windows Movie Maker Basics (Vista) Website:

Windows Movie Maker Basics (Vista) Website: Website: http://etc.usf.edu/te/ Windows Movie Maker is the free video editing program included with Windows Vista. With Movie Maker you can create personalized movies with video, still images, and professional-looking

More information

PowerPoint Contents 1.0 POWERPOINT INTRODUCTION POWERPOINT TERMS STARTING POWERPOINT POWERPOINT S OPENING WINDOW 4

PowerPoint Contents 1.0 POWERPOINT INTRODUCTION POWERPOINT TERMS STARTING POWERPOINT POWERPOINT S OPENING WINDOW 4 Contents PowerPoint 2003 1.0 POWERPOINT INTRODUCTION 2 2.0 POWERPOINT TERMS 2 3.0 STARTING POWERPOINT 3 4.0 POWERPOINT S OPENING WINDOW 4 5.0 CREATE A NEW PRESENTATION 5 6.0 EDITING SLIDES 7 7.0 USING

More information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

To change title of module, click on settings

To change title of module, click on settings HTML Module: The most widely used module on the websites. This module is very flexible and is used for inserting text, images, tables, hyperlinks, document downloads, and HTML code. Hover the cursor over

More information

Appendix A How to create a data-sharing lab

Appendix A How to create a data-sharing lab Appendix A How to create a data-sharing lab Creating a lab involves completing five major steps: creating lists, then graphs, then the page for lab instructions, then adding forms to the lab instructions,

More information

Creating a Poster Presentation using PowerPoint

Creating a Poster Presentation using PowerPoint Creating a Poster Presentation using PowerPoint Course Description: This course is designed to assist you in creating eye-catching effective posters for presentation of research findings at scientific

More information

Business Objects Version 5 : Introduction

Business Objects Version 5 : Introduction Business Objects Version 5 : Introduction Page 1 TABLE OF CONTENTS Introduction About Business Objects Changing Your Password Retrieving Pre-Defined Reports Formatting Your Report Using the Slice and Dice

More information

MS Office PowerPoint 2013

MS Office PowerPoint 2013 Presentation Software Level 1 PP1 (3 credits) MS Office PowerPoint 2013 Reference Guide Gwent ACL Partnership August 2015 CONTENTS INTRODUCTION 3 OPEN POWERPOINT 3 PLAN A PRESENTATION 4 CREATE A PRESENTATION

More information

ToolBook 9.5. Getting Started with ToolBook

ToolBook 9.5. Getting Started with ToolBook Getting Started with ToolBook ToolBook 9.5 Copyright 2007-2008 SumTotal Systems, Inc. and its licensors. All Rights Reserved. SumTotal, SumTotal Systems, the SumTotal logo, ToolBook, ToolBook Instructor

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

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

Tutorials. If you have any questions, comments, or suggestions about these lessons, don't hesitate to contact us at support@kidasa.com.

Tutorials. If you have any questions, comments, or suggestions about these lessons, don't hesitate to contact us at support@kidasa.com. Tutorials The lesson schedules for these tutorials were installed when you installed Milestones Professional 2010. They can be accessed under File Open a File Lesson Chart. If you have any questions, comments,

More information

Create a GAME PERFORMANCE Portfolio with Microsoft Word

Create a GAME PERFORMANCE Portfolio with Microsoft Word Create a GAME PERFORMANCE Portfolio with Microsoft Word Planning A good place to start is on paper. Get a sheet of blank paper and just use a pencil to indicate where the content is going to be positioned

More information

PowerPoint 2007 The Basics

PowerPoint 2007 The Basics Opening Window PowerPoint 2007 The Basics Ribbon Office Button Navigation Bar Slide View Outline View Design Area Notes Area Status Bar The Ribbon The Ribbon replaces the Menu bar that we have seen in

More information

POWER BASICS. Creating a slide from scratch. Adding text to a slide. Adding another slide. Saving Your Presentation.

POWER BASICS. Creating a slide from scratch. Adding text to a slide. Adding another slide. Saving Your Presentation. Creating a slide from scratch POWER BASICS 1. Open the PowerPoint program. The PowerPoint dialog box appears. 2. In the PowerPoint dialog box, click the Blank Presentation option button. The New Slide

More information

Microsoft PowerPoint 2008 for the Mac

Microsoft PowerPoint 2008 for the Mac Microsoft PowerPoint 2008 for the Mac Hands-On Tour About this Guide Part 1: Getting Started About the Microsoft PowerPoint Window Create a New Presentation Save Your Presentation Compatibility with Previous

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

Teacher Training Session 1. Adding a Sub-Site (New Page) Editing a page and page security. Adding content cells. Uploading files and creating folders

Teacher Training Session 1. Adding a Sub-Site (New Page) Editing a page and page security. Adding content cells. Uploading files and creating folders Teacher Training Session 1 Adding a Sub-Site (New Page) Editing a page and page security Adding content cells Uploading files and creating folders Adding Sub Sites Sub Sites are the same as Sub Groups

More information

SiteBuilder 2.1 Manual

SiteBuilder 2.1 Manual SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can

More information

Creating a Slide Show with PowerPoint

Creating a Slide Show with PowerPoint Introduction PowerPoint is a program for presenting electronic slide shows. It allows animated images and text to be displayed on screen or on a projector, with variable timing between successive screens.

More information

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint

Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe

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

Camtasia Studio 8.4 Create Library Media

Camtasia Studio 8.4 Create Library Media !! Camtasia Studio 8.4 Create Library Media May 2014 2014 TechSmith Corporation. All rights reserved This manual, as well as the software described in it, is furnished under license and may be used or

More information

Fireworks CS4 Tutorial Part 1: Intro

Fireworks CS4 Tutorial Part 1: Intro Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the

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

SMART NOTEBOOK 10. Instructional Technology Enhancing ACHievement

SMART NOTEBOOK 10. Instructional Technology Enhancing ACHievement SMART NOTEBOOK 10 Instructional Technology Enhancing ACHievement TABLE OF CONTENTS SMART Notebook 10 Themes... 3 Page Groups... 4 Magic Pen... 5 Shape Pen... 6 Tables... 7 Object Animation... 8 Aligning

More information

Microsoft PowerPoint 2013 Part 1: The Basics. Opening PowerPoint. Theme variations. Page 1 of 13. Double click on the PowerPoint icon on the desktop.

Microsoft PowerPoint 2013 Part 1: The Basics. Opening PowerPoint. Theme variations. Page 1 of 13. Double click on the PowerPoint icon on the desktop. Microsoft PowerPoint 2013 Part 1: The Basics Opening PowerPoint Double click on the PowerPoint icon on the desktop. When you first open PowerPoint you will see a list of new presentation themes. You can

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

Windows Movie Maker 2012 Notes

Windows Movie Maker 2012 Notes Windows Movie Maker 2012 Notes CONTENTS Introduction... 2 Acquiring photos, videos, and audio... 2 Downloading and Installing Windows Movie Maker... 3 Movie Maker Window Layout... 3 Creating a New Movie...

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

Movie Maker Lesson Plan

Movie Maker Lesson Plan Movie Maker Lesson Plan Objective: Students will be introduced to the concept of digital storytelling. Students will take an academic concept and integrate it into a multi-media project by choosing a topic,

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)

More information

HOW TO... Use Excel. Overview

HOW TO... Use Excel. Overview Page 1 of 9 Overview Excel is a spreadsheet application in the Microsoft Office suite. Excel can be used to create and format workbooks in order to analyze data, write formulas, calculations, and charts

More information

PE Content and Methods Create a Website Portfolio using MS Word

PE Content and Methods Create a Website Portfolio using MS Word PE Content and Methods Create a Website Portfolio using MS Word Contents Here s what you will be creating:... 2 Before you start, do this first:... 2 Creating a Home Page... 3 Adding a Background Color

More information

CREATING POSTERS WITH POWERPOINT

CREATING POSTERS WITH POWERPOINT CREATING POSTERS WITH POWERPOINT PowerPoint files will be required for Posters on CD-Rom with very few exceptions. WHY POWERPOINT? Although there are many software programs that will create posters, PowerPoint

More information

Creating a Website with Publisher 2013

Creating a Website with Publisher 2013 Creating a Website with Publisher 2013 University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2015 KSU Division of University Information Technology

More information

PowerPoint 2010 Cheat Sheet

PowerPoint 2010 Cheat Sheet PowerPoint 2010 Cheat Sheet April 20, 2012 Toolbar customize click on arrow and then check the ones you want a shortcut for File Tab (has new, open save, print, and shows recent documents) Save, Open,

More information

DIRECTIONS FOR SETTING UP LABELS FOR MARCO S INSERT STOCK IN WORD PERFECT, MS WORD AND ACCESS

DIRECTIONS FOR SETTING UP LABELS FOR MARCO S INSERT STOCK IN WORD PERFECT, MS WORD AND ACCESS DIRECTIONS FOR SETTING UP LABELS FOR MARCO S INSERT STOCK IN WORD PERFECT, MS WORD AND ACCESS WORD PERFECT FORMAT MARCO ITEM #A-3LI - 2.25 H x 3W Inserts First create a new document. From the main page

More information

above the Ribbon. It contains commands such as Save, Undo, Repeat, Redo and other commands that formerly appeared under drop-down menus.

above the Ribbon. It contains commands such as Save, Undo, Repeat, Redo and other commands that formerly appeared under drop-down menus. Beginning Excel 2010 Objective 1: Review Screen Layout Excel 2010 offers the same user interface as 2007. The top portion of the window has a new structure for Excel commands. The band area is called the

More information

-SoftChalk LessonBuilder-

-SoftChalk LessonBuilder- -SoftChalk LessonBuilder- SoftChalk is a powerful web lesson editor that lets you easily create engaging, interactive web lessons for your e-learning classroom. It allows you to create and edit content

More information

Creating Large Format Posters Using PowerPoint

Creating Large Format Posters Using PowerPoint Creating Large Format Posters Using PowerPoint The ideal poster is designed to Tell a story Provide a brief overview of your work Initiate discussion Stand alone when you re not there to provide an explanation

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

Microsoft PowerPoint 2010

Microsoft PowerPoint 2010 Microsoft PowerPoint 2010 Prepared by Computing Services at the Eastman School of Music July 2010 Contents Microsoft Office Interface... 4 File Ribbon Tab... 5 Microsoft Office Quick Access Toolbar...

More information

Introduction to Microsoft Excel 2007

Introduction to Microsoft Excel 2007 Introduction to Microsoft Excel 2007 Class learning objectives 1. What is Excel? Spreadsheet uses & samples Touring the Excel window Learning important definitions Navigating around the workbook 2. The

More information

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ PowerPoint is the presentation program included in the Microsoft Office suite. With PowerPoint, you can create engaging presentations that can be presented in person, online,

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

By the end of this workbook I should... What is a Website?

By the end of this workbook I should... What is a Website? By the end of this workbook I should... 1) know how to design the structure of a website 2) understand the importance of organising the website s media 3) know how to create new, linked web pages 4) know

More information

Expression Web Lab Exercises

Expression Web Lab Exercises Expression Web Lab Exercises Expression Web Quick Start Tutorial Heavy Metal Show Car By Aseem Badshah Heavy Metal Show Car Tutorial Page 1 Information in this document, including URL and other Internet

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

Intro to Microsoft PowerPoint

Intro to Microsoft PowerPoint Intro to Microsoft PowerPoint Microsoft PowerPoint is a professional presentation program that allows the user to create "presentation slides" that can be displayed on the computer screen or through a

More information

BERNINA. Embroidery Software 7 Application Programs. Owner s Workbook

BERNINA. Embroidery Software 7 Application Programs. Owner s Workbook My BERNINA Embroidery Software 7 Application Programs Owner s Workbook 1 Table of Contents Introduction... 3 Exercises Quilter... 4 Quilter: Block Editor... 7 Cross Stitch... 8 Portfolio... 10 2 Introduction

More information

Lesson Plan. Preparation

Lesson Plan. Preparation Lesson Plan Course Title: Robotics and Automation Session Title: Introduction to Robotics Part 4: Sensors Performance Objective: At the end of the lesson, students will be able to recall the theory and

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

Dreamweaver Introduction -- Creating Web Pages with Dreamweaver

Dreamweaver Introduction -- Creating Web Pages with Dreamweaver Dreamweaver Introduction -- Creating Web Pages with Dreamweaver This workshop covers the basics of web authoring with Dreamweaver. Learn how to create and format a webpage including creating tables, inserting

More information

Your Personal Homepage

Your Personal Homepage Your Personal Homepage You can use your Personal Homepage to share information about yourself, something that interests you, or a course topic. Your classmates can view your home page from the Classlist

More information

MICROSOFT EXCEL TUTORIAL HANDOUT

MICROSOFT EXCEL TUTORIAL HANDOUT MICROSOFT EXCEL TUTIAL HANDOUT Opening Microsoft Excel 1. Click on the START button. 2. Click on PROGRAMS. 3. Click on MICROSOFT EXCEL. The Excel Screen Formula Bar Minimize Buttons Restore Buttons Close

More information

Microsoft. PowerPoint 2010. Basics. 1 Web Page:

Microsoft. PowerPoint 2010. Basics.   1 Web Page: Microsoft PowerPoint 2010 Basics Email: training@health.ufl.edu 1 Web Page: http://training.health.ufl.edu Microsoft PowerPoint 2010 Basics Creating a Slide Show Presentation 2.0 hour This workshop assumes

More information