About Links in Dreamweaver. Creating Links A link has 2 parts: –The URL (Uniform Resource Locator)= the name and path of the file you want to link –The.

Slides:



Advertisements
Similar presentations
Managing Your Site – Lesson 61 Managing Your Site Lesson 6.
Advertisements

Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Learning the Basics – Lesson 1
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Dreamweaver CS4 Concepts and Techniques Chapter 8 Media Objects.
Introducing Cascading Style Sheets  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles  Text Formatting with CSS.
Macromedia Dreamweaver 4 Foundation Level Course.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
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 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
Getting Started with Dreamweaver
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Lesson 13: Building Web Forms Introduction to Adobe Dreamweaver CS6 Adobe Certified Associate: Web Communication using Adobe Dreamweaver CS6.
Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.
Chapter 3 Working with Text and Cascading Style Sheets.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Introducing Dreamweaver MX 2004
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
Website Development with Dreamweaver
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.
Tutorial 4: Working with Hyperlinks. Objectives Session 4.1 – Place bookmarks on a Web page – Create a link to a bookmark – Create a link to another Web.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Creating Links – Lesson 31 Creating Links Lesson 3.
Adobe Dreamweaver CS3 Revealed CHAPTER FOUR: WORKING WITH LINKS.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.
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
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit B Creating a Web Site.
Introducing Cascading Style Sheets. Cascading Style Sheet Basics  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Tutorial 3 Adding and Formatting Text with CSS Styles.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Creating and Editing a Web Page
Positioning Objects with CSS and Tables
Creating and Editing a Web Page Using Inline Styles
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
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
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
Learning the Basics – Lesson 1
Chapter A - Getting Started with Dreamweaver MX 2004
Creating Links – Lesson 3
Getting Started with Dreamweaver
Chapter A - Getting Started with Dreamweaver MX 2004
Chapter 2 Adding Web Pages, Links, and Images
DREAMWEAVER MX 2004 Chapter 3 Working with Tables
Using Cascading Style Sheets (CSS)
Using Templates and Library Items
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

About Links in Dreamweaver

Creating Links A link has 2 parts: –The URL (Uniform Resource Locator)= the name and path of the file you want to link –The text or graphic Defined links’ colors: –Link color –Visited color –Rollover color CSS link styles control the link tag

Creating Hypertext Links Relative links: within the same site Index.htm is the standard name for the default file. It does not need to be specified in the URL Importance of understanding links and File structure (pg.81) Make changes inside the Dreamweaver Files Panel and Dreamweaver automatically updates the paths for all links, images and other media in your site

When you create a link to any doc. that exists outside the folder in which the current doc. Is located, the path for the link will include the characters:../ preceding the filename.../ is the command that tells the browser to go up one folder level from the current location. In Dreamweaver, you don’t have to use these symbols, because Dreamweaver will determine the path for you. If you are not sure of the proper path, you should browse to select the desired file

Adding new folders and files to a site To create the initial framework of the site structure through the development of linked placeholder pages, you’ll need to create a number of new pages and folders. This can be done: Files panel-> Expand button

A site Map gives you a visual representation of the selected portion of your site. It does not display all pages from your site; It starts with a page that has been defined as a home page and shows you all pages that the home page links to It continue down the hierarchy of the links until it reaches a dead-end page ( with no links) “Orphaned” pages that cannot be reached through direct paths from the home page do not display in the site map Creating a Site Map

Broken links verification Broken links are links that do not follow a valid path, or that connect with nonexistent files. These broken links are not recommendable because they produce errors and make it difficult for users to browse our site. To verify if there are any Broken links in our site we have to go to the Check links option Broken links

You can open it through the Files panel. You already know that the Files panel can be opened via the Window menu, and then selecting the Files option, or pressing F8 key. Once the Files panel is opened, you have to go to and in the drop-down menu select File and then the Check links option, or press the Shift+F8 keys. Broken links

Then a new panel will be shown, in which it's possible to verify if there are any broken links. The first thing to do is to click on the button, then you could select where to verify the broken links. They could be in the Current document, in The Entire site, or in the files or folders of the selected site. In the Show option you need to specify if the Broken links, the External Links or Orphaned Files are to be displayed. Broken links

External Links are links to documents which are located outside of our site. So the program wiIl not verify if these links are correct or not, it will just enumerate them. Through Orphaned Files all documents of the site that are not being vinculated by others are shown whilst they are not linked to other documents. These documents are sometimes not being used, and are just wasting valuable space in the drive. Of these three kind of links, we're going to focus on the Broken links. All documents that have a broken link will be displayed in the panel, and also the document each one of them references to.

Repairing broken links There are two ways to fix broken links: – The first way is to click twice on the document name in the files panel list and it will be opened. It's then possible to find the faulty link in the document and to modify it through the Properties Inspector. – The other way is to click on the broken link instead of the file's name. In this case you can modify the document's name directly in the panel or look for it by clicking on the icon that looks like a folder appearing on the right side.

Repairing broken links