Create internal and external links Create internal links to named anchors Insert Flash Text Create, modify, and copy navigation bar Manage Web site links.

Slides:

Advertisements

Similar presentations

DREAMWEAVER WORKSPACE The Document Window The Code Inspector Panel The Insert Bar The Property Inspector Panels and Panel Groups The Site Panel The Menu.

Advertisements

Working with Graphics – Lesson 21 Working with Graphics Lesson 2.

Learning the Basics – Lesson 1

Creating and Editing a Web Page Using Inline Styles

© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.

Microsoft Expression Web-Illustrated Unit C: Adding Text and Links.

Create a table Resize, split and merge cells Insert and align graphics within table cells Insert text and format cell content Maintain Web site Working.

© 2010 Delmar, Cengage Learning Chapter 4 Working with Links.

Macromedia Dreamweaver 4 Foundation Level Course.

Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.

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

Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.

Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.

Saving a Word Document as a Web Page

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 4 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 4: Adding Content.

Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.

Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 4.

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

FINAL PROJECT INSTRUCTIONS. 1.Final Project Complete Website.

Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public.

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

Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –

ADOBE WEAVER WEB DESIGN. START THE DW 2 WORKSPACE LAYOUT Application Bar Document Toolbar Document Window Workspace Switcher Property Inspector GroupPanel.

XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.

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

Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.

Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.

Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.

© 2011 Delmar, Cengage Learning Chapter 5 Working with Links and Navigation.

Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.

Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.

Creating Buttons – Lesson 51 Creating Buttons Lesson 5.

Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.

Chapter 1 Creating a Dreamweaver Web Page and Local Site

Committed to Shaping the Next Generation of IT Experts. Essentials For Design Dreamweaver Level One Julian Rickards Project 4 Linking the Site.

1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.

Working with Graphics – Lesson 21 Working with Graphics Lesson 2.

INTRODUCTORY Tutorial 6 Using Links on a Web Page.

Adobe Dreamweaver CS3 Revealed CHAPTER SIX: MANAGING A WEB SERVER AND FILES.

Macromedia Dreamweaver MX 2004 Design Professional And Graphics WORKING WITH TEXT.

Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.

Tutorial 3 Adding and Formatting Text with CSS Styles.

Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.

Web Site Development - Process of planning and creating a website.

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.

Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.

Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.

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

XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.

XP Creating Web Pages with Microsoft Office

Working with Links and Navigation

Working with Links and Navigation

Project Objectives Publish to a remote server

Chapter A - Getting Started with Dreamweaver MX 2004

Learning the Basics – Lesson 1

Chapter A - Getting Started with Dreamweaver MX 2004

Microsoft Office Publisher 2003 Illustrated Introductory

Chapter A - Getting Started with Dreamweaver MX 2004

Chapter 2 Adding Web Pages, Links, and Images

Unit Objectives Understand links and paths Create an external link

DREAMWEAVER MX 2004 Chapter 4 Working with Images

DIM Final Review… Photoshop.

Microsoft PowerPoint 2007 – Unit 2

4.00 Apply procedures to add content by using Dreamweaver. (22%)

Presentation transcript:

Create internal and external links Create internal links to named anchors Insert Flash Text Create, modify, and copy navigation bar Manage Web site links Working with Links

Anatomy of a Link page.html anchor (& target) …path link and…

External Link page.html anchor (& target) …path link and… page.html Internet

External Link page.html anchor (& target) …path link and… page.html Internet Absolute path: http: // / ….

Internal Link (same server) page.html anchor (& target) …path link and… page.html

Internal Link (same server) page.html anchor (& target) …path link and… page.html Relative path: / folder / target.html

Creating a Link Specify the path for the link here

Site map with links internal external

Internal link to Named Anchor page.html Named Anchor #anchor name Path:

Internal link to Named Anchor Point to the Anchor

Flash Text Text + link path + rollover

Create Flash Text Flash Text

Flash Text options formatting rollover color link Browser page same or new “button” color

Add Flash Text Assets panel Flash files

Navigation Bar 1 per page Multiple links 4 rollover states up, over, down, and over while down

Navigation Bar example Horizontal bar

Navigation Bar options Each link Is an element 4 rollover States and Alt text link target Modify instance

Navigation Bar modified example Modified instance indicates the viewer is viewing the Tours page

New Navigation Bar options Orientation is not changeable To change orientation, you must start over

Navigation Bar Assets Are stored In the Assets folder

Image Maps Designate areas of a single image with multiple links

Manage Web Links Check Links Sitewide –Internal links –External links –Named anchors –Graphic files –Orphaned files

Link Checker Link categories Summary

Orphaned Files These files aren’t linked to the site

Links as Assets External links are Listed in the Assets panel you can point to reuse a link

Unit Summary External and internal links Named Anchor links Flash Text Navigation bar Link Checker