Page 1 of 6 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 1: JAVASCRIPT ROLL-OVERS 1) Launch Internet.

Slides:

Advertisements

Similar presentations

Office 2003 Post-Advanced Concepts and Techniques M i c r o s o f t Excel PivotTable List Feature Creating a PivotTable List Web Page Using Excel.

Advertisements

Creating and Editing a Web Page Using Inline Styles

Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Excel Web Feature Creating Static and Dynamic Web Pages Using Excel.

Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.

Office 2003 Introductory Concepts and Techniques M i c r o s o f t PowerPoint Web Feature Creating a Presentation on the Web Using PowerPoint.

CS 4000 – Homework #8 Step-by-Step FrontPage examples (keyed to the handout titled FrontPage Instructions)

Web Design Professor Pepper. Site vs. Page  Create a folder for your site  all pages and pictures  Default page will be index.html (some servers are.

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.

Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.

Student Homepages. Overview Introduction Adding a Banner Adding Text Adding a Link.

Saving a Word Document as a Web Page

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

Training 1 FrontPage Creating Web Pages. 2 Objectives 1. Open FrontPage. 2. Create Web pages. 3. Insert pictures 4. Create a hyperlink from a picture.

Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.

Microsoft Internet Explorer Capturing Text and Images From the Internet.

1 DESKTOP TIPS Presented by: Doug Bonebrake Senior Project Manager Global Project Office FrontRange Solutions Inc.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

COMPUTER 101 Computer 101  What is a computer?  What are the parts of a computer?  How to turn on/off the computer?  How to open/close programs?

Dreamweaver – Dreamweaver Extras Web Design Section 8-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.

Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.

Website Development with Dreamweaver

Getting a video from the Internet Getting a video from the Internet (1 of 9) 1. Click the Web toolbar button on the Standard toolbar. 1.

Week 11 Using Dreamweaver, Photoshop, and Fireworks: Graphics Production for the Web Stanford University Continuing Studies CS 38 Mark Branom

WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.

Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.

Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.

Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.

Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.

Chapter 1 Creating a Dreamweaver Web Page and Local Site

Week Nine Week Nine focuses on Collecting Images and Web Page URLs to use for your final Web Page Project. Discussions on using Netscape Communicator Composer.

Sports Website Creation. In this project you will design and produce your own website.

The Internet Using the Internet Web addresses Searching Favourites Saving / Printing web pages.

PowerPoint Basics Tutorial 4: Interactivity & Media PowerPoint can communicate with the outside world by linking to different applications, managing different.

Notes Chapter 10—Adding Graphics. There are two kinds of graphics on the Internet: those you can use on your own Web pages, and those you cannot.  Many.

Serif Part 2 Adding text popups to pictures Adding a rollover image Adding a popup rollover Adding a Voki.

Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.

Slide 1 (of 16) 1) Launch Dreamweaver 8. 2)Under Site, choose New Site. Stanford Continuing Studies CS 22 · Enhanced Web Site Design Week Two DREAMWEAVER.

We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

GALILEO Tutorial ProQuest Search Basics Press a key or click the mouse button to advance to the next slide. July 2008.

Copyright 2007, EMC Paradigm Publishing Inc. INTERNET EXPLORER 7 BACKNEXTEND 1-1 LINKS TO OBJECTIVES Launching Internet Explorer Launching Internet Explorer.

1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.

1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.

Page 1 of 15 1) Launch Dreamweaver. 2)Under Site, choose Manage Sites Click New, then Site. Continuing Studies CS 22 ·Stanford University EXERCISE 3: IMAGEMAPS.

Slide 1 of 12 1) Launch Fireworks. 2) Under File, choose Open 3) Choose your CS38 folder on the Desktop. 4) Open the navbar.gif file Stanford Continuing.

Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.

Creating Web Pages with Links, Images, and Embedded Style Sheets

Page 1 of 8 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 2: ANIMATION 1) Launch Fireworks. 2) Open blackbackground-stanford.gif.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

Text Title: YOUR TOPIC Narrator: Narration: Replace the BOLD words with your own information Photo: Go to the Unsolved Mysteries Wiki Resources page under.

Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?

Continuing Studies CS 38 Stanford University

How to create a web page using word …

Continuing Studies CS22 • Stanford University

Geography 121 Homepage Design Project Zero

Rollover Buttons UNIT 2.

Lesson Objectives Lesson Outcomes

Cheat Sheet CSCI 100 JW Ryder

Rollover Buttons.

Cheat Sheet CSCI 100 JW Ryder

2. Press Browse and search for the video file you need.

Highlight the branch you wish to link from

You will need to click the login button here

Introduction to Internet Explorer

Presentation transcript:

Page 1 of 6 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 1: JAVASCRIPT ROLL-OVERS 1) Launch Internet Explorer. 2) Go to 3) Download the following files onto your floppy disk by placing your mouse over the link (the link -- not the icon), pressing the right-click mouse button, choosing Save Target As, selecting the floppy disk drive, and saving to your floppy disk drive: blackbackground-berkeley.gif blackbackground-harvard.gif blackbackground-stanford.gif blackbackground-yale.gif bluebackground-berkeley.gif bluebackground-harvard.gif bluebackground-stanford.gif bluebackground-yale.gif

Page 2 of 6 4) Launch Dreamweaver. 5) Create a new web page (File > New > Basic Page > HTML > Create) 6) In the Title, enter Pick A School. 7) In the body, enter Pick A School in H1 format.

Page 3 of 6 8) Save the web page on the floppy disk as rollover-school.html 9) Scroll down to the bottom of the web page and click. Under Insert, choose Interactive Images, then Rollover Image.

Page 4 of 6 10)In the Image Name field, enter stanford In the Original Image field, click Browse, then locate blackbackground-stanford.gif In the Rollover Image field, click Browse, then locate bluebackground-stanford.gif In the Alternate Text field, enter Stanford University In the When Clicked field, enter 11) Click OK.

Page 5 of 6 12) Press ENTER. 13) Under Insert, choose Interactive Images, then Rollover Image, and enter the information for UC Berkeley. 14) Press ENTER. 15) Under Insert, choose Interactive Images, then Rollover Image, and enter the information for Harvard.

Page 6 of 6 16) Press ENTER. 17) Under Insert, choose Interactive Images, then Rollover Image, and enter the information for Yale. 18) Click OK. 19) Save.