Named Anchors and Named Destinations Linking to different parts of webpages and PDFs December, 2011.

Slides:



Advertisements
Similar presentations
Drupal Basics Part 2 Everyday Tasks Editing a page Toolbar basics Add a hyperlink Using the theme Agricultural Communications Services Integrated Media.
Advertisements

DREAMWEAVER Welcome to our website!
Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.
 Share assignments and files  Student and parent home access  Announcements  Classroom information.
Garfield Graphics included with kind permission from PAWS Inc. All Rights Reserved. Making a PowerPoint Presentation 01 ‘Simple text and pictures’
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.
CIS101 Introduction to Computing HTML Project Two.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
ETT 429 Spring 2007 Web Design I.
Creating First Class Web Pages Log into your account.
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Downloading © Copyright William Rowan Objectives By the end of this you will be able to Download text and images from the internet for analysis,
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Web Technologies Website Development Trade & Industrial Education
Creating Integrated Web-based Projects using Microsoft Word.
How to Web Page with iModules First row of icons.
WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Web Site Design and Editing Manual for Concordia Seminary Graduate School.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Start Dreamweaver program From file menu click new Blank page appears.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
Web Design Part I. Click Menu Site to create a new site root.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
By: Ms. Abeer Helwa 1. CREATE A WORD DOCUMENT 2 Blank document Templates To create a new blank document: click the File tab and click Blank document.
FrontPage Workshop By Dr. Carol A. Marinas Topics Getting into FrontPage Layout of FrontPage Edit Existing File Copying Templates Cutting/Pasting from.
Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 4: Importing Text and Formatting a Newsletter © 2010 Pearson Education, Inc. | Publishing.
CSU Extension Webpage template Session 7.  Named anchors are spots within a page you can link to “Anchors” a specific part of the page Has a name so.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 4: Importing Text and Formatting a Newsletter © 2010 Pearson Education, Inc. | Publishing.
Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.
Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.
The Basics of Managing Your Department Website March 8, 2012.
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.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
Wikis in Education: Part III Wiki Basics University School of Milwaukee.
Open Office Writer Introduction AOSS _ Course material AOSS Master training workshop Singapore 2007.
Microsoft Word Tutorial Albert Kalim. Topics You Should Know About Start MS Word Start MS Word Open a document Open a document Enter text Enter text Change.
Activity 2 Creating a blank database 1.Start Microsoft Access and then select ‘File’  ‘New’. 2. Click ‘Blank database’ from the panel on the right.
Lessons Copy and Paste Text Drag and Drop Text 2-Saving Documents 3- Printing 4-Inserting Tables Modifying Page Layout Format Page Margins Insert a Blank.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Dreamweaver MX Lesson 14: Using Find and Replace.
open up the computer login left double-click on Applications
With Microsoft FrontPage 2000
How to make a website in dreamweaver a website
Cheat Sheet CSCI 100 JW Ryder
Sending your APEX assignments through is as simple as 1, 2, 3
Cheat Sheet CSCI 100 JW Ryder
Dreamweaver Basics.
Microsoft PowerPoint 2007 – Unit 2
Creating and Linking New Pages
HOW TO MAKE PAGES FOR A WEB SITE
Highlight the branch you wish to link from
To insert a hyperlink ( a web page address, URL) using text
Step 1:. Open Microsoft FrontPage application.
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Hyper text markup Language
Presentation transcript:

Named Anchors and Named Destinations Linking to different parts of webpages and PDFs December, 2011

 The “One Long Page” Strategy

 Start with a word document  Save it as “.rtf”  Copy-and-paste it into a blank web page  Right-click>Paste Special allows you to copy text only, text with structure (e.g. paragraphs) and/or formatting (e.g. bold)  1 column template gives you the most “real estate”  Rename it before you make changes! Formatting the text

 Set the named anchor  Put the cursor where you want the anchor to go  Click the anchor icon in the insert panel  Name the anchor  Use a naming convention so you can remember it!  Link to the named anchor  Select text  Use the link box of the PI  # + name of anchor  E.g. #enro Two Steps

 You need to give the end-user an easy way to navigate the page  Put a “Back to top” link at the end of each section  Place a named anchor named “top” at the top of the page  Link to the anchor (e.g. #top) Back to Top Links

 Set the link to the page with the anchor  You can use the “Point to File” icon  Add # + name of anchor to the end  Page name + # + anchor name  E.g. – 4-h.shtml#enro Linking to a Named Anchor From Another Page

 A way to link to a specific spot in a PDF  Place the page the way you want it to look  Change zoom levels  Change alignment  Click the target icon (1)  Click the New Destination icon (2)  Name the destination  E.g. table1 Named Destinations

 Put the document inside your root folder  “Docs” folder is a good place  Link to the document  Select text  Use the link box of the PI  Use the “Point to file” icon  Add # + name of destination  E.g. - docs/econ-impact-report.pdf#table1 Link to the destination