Technology How To

In the 'Adobe' Category...

Creating PDF/A-1a files with Adobe Acrobat 8

Monday, April 28, 2008 10:34 am

About PDF/A

PDF/A, defined by ISO 19005-1:2005, is a subset of the PDF electronic document file format that leaves out PDF features not suited for long term preservation.

In addition, the standard places requirements on software products that read PDF/A files. The software must follow certain rules including following color management guidelines, using embedded fonts, and making annotation content available to users.

According to the Association for Information and Image Management (AIIM) It is important to be aware that:

  • PDF/A-1 alone does not guarantee preservation
  • PDF/A-1 alone does not guarantee exact replication of source material

PDF/A-1 files must include:

  • Embedded fonts
  • Device-independent color
  • XMP metadata

PDF/A-1 files may not include:

  • Encryption
  • LZW Compression
  • Embedded files
  • External content references
  • PDF Transparency
  • Multi-media
  • JavaScript

PDF/A-1a files must include:

  • Tagged PDF - to support the structure of the document and allow it to be reflowed to fit different page or screen sizes including hand held device screens.
  • Unicode character maps to preserve the document

Resources for Information on the PDF/A Format

How to Create PDF/A-1a Files

From MS Word:

  • Click File
  • Select Save as PDF
  • Click Adobe Acrobat PDF Conversion Options
  • Check PDF/A Compliant
  • Click Save

Adobe Acrobat will launch and open the PDF file. To convert the PDF to PDF/A in Adoba Acrobat 8 and higher:

  • Select the Advanced Menu
  • Select Preflight
  • In the Preflight window, expand the Preflight profile for PDF/A compliance
  • Select Convert to PDF/A-1a (sRGB)
  • Click Execute

Note that the file name of the PDF file has been amended with _A1a.pdf at the end of the file. The file may be closed and the process is complete.

From the Web:

  • Begin at the web page to archive and view it in Print Friendly form if possible.
  • From the File Menu of the web browser, Click Print
  • Next Select the Printer Adobe PDF
  • Click Properties
  • Click the Adobe PDF Settings Tab
  • Select the PDF/A-1b:2005 (sRGB) option in the Default Settings pulldown
  • Click OK
  • Click OK
  • Name the PDF file and choose the location to store the file
  • Click Save

Adobe Acrobat will launch and open the PDF file. To convert the PDF to PDF/A in Adoba Acrobat 8 and higher:

  • Select the Advanced Menu
  • Select Accessibility and click Add Tags to Document
  • Select Preflight from the Advanced Menu
  • In the Preflight window, expand the Preflight profile for PDF/A compliance
  • Select Convert to PDF/A-1a (sRGB)
  • Click Execute

Note that the file name of the PDF file has been amended with _A1a.pdf at the end of the file. The file may be closed and the process is complete.

Common Issues

  • All fonts must be embedded in the file. How to embed fonts varying between applications
  • Document must be tagged. To tag a PDF file:
    • Click the Advanced Menu
    • Click Accessibility
    • Click Add Tags to Document
  • All images must be 250 dpi or higher

Using Acrobat to Annotate Research

Monday, April 21, 2008 4:41 pm

Introduction
The Adobe Acrobat software is more than just an application for creating Acrobat files to be read by the Adobe Acrobat Reader and plug-in. It also allows users to annotate files, highlight and copy text, and add notes. Instead of carrying around a bundle of papers with highlights and notes in the margins, researchers can now keep all their research as Acrobat files stored and organized within EndNote.

Print to PDF (File > Print > Adobe PDF)
Use this feature of Acrobat from within your web browser to create a PDF file from any web page that can then be annotated and attached to an EndNote Library.

Copy and Paste (Tools > Advanced Editing > Touch Up Text Tool)
This allows users to copy and paste from a PDF file to an MS Word file. Always place quotation marks around copied text to avoid plagiarism. Also be sure to include citation information for later use.

Recognize Text Using OCR (Document > OCR Text Recognition > OK)
In some cases, copy and paste will not work in an Acrobat file. For example, many electronic InterLibrary Loan items and E-Reserve items are scanned images of pages and have not had the text recognized using OCR. Once the text has been recognized, copy and paste will work.

Note: a scan resolution of 300dpi or higher is required for the original for this option to work properly.

Using The Comment & Markup Menu

  • Highlighting (Tools > Comment & Markup > Highlight Text Tool)
    Users can use the highlighting tools to mark up a PDF file. Select the Highlight Text Tool and click, hold and drag over the text to be highlighted.
  • Add Sticky Note/Comment (Tools > Comment & Markup > Sticky Note) or (Comments > Add Sticky Note)
    Users can add notes or comments to a PDF file by selecting the Sticky Note tool and clicking in the PDF file where the note should appear. After typing the note, close the note window. The icon will remain to indicate a note is present. Users can point to the icon to see the note text or click on the icon to edit the note.
  • Show and Search Comments/Notes and Markup (Tools > Comment & Markup > Show > Show Comments List)
    To see all the notes in the open PDF file click on Tools > Comment & Markup > Show > Show Comments List. Use the search icon in the comment list toolbar to search for terms within comments.
  • Add audio clip (Tools > Comment & Markup > Record Audio Comment)
  • Adding Drawing Markups (Tools > Comment & Markup then select a drawing tool from the list.)
    Users can use the drawing tools to mark up a document with lines, circles and other shapes. Notes can be added to the pop-up window of any drawing object.
  • Using the Typewriter Tool (Tools > Typewriter > Typewriter)
    This tool creates comments that appear directly on the PDF file, not in a callout window.
  • Print with comments (File > Print under Comment and Forms pull down Document and Markups)
    To access options for printing with comments and summary click the Summarize Contents button.

Forms and Linking with Adobe Acrobat

Monday, April 21, 2008 4:33 pm

Introduction
Adobe Acrobat makes it easy for you to create, fill in, and submit electronic PDF forms. You can design and create an entirely new form, or you can quickly convert your existing paper and electronic forms to PDF and then add PDF form fields. You can create forms with text boxes, buttons, check boxes, combo boxes, list boxes, radio buttons, and signature fields.

Submitting an Adobe Acrobat form
It is more common to submit a form created in Adobe Acrobat than to be the creator of the form. While it is possible to submit a form to a database via the web, it is more common to save the form and email it to the recipient as an attachment.

WFU ThinkPad users and anyone else who has the full version of Adobe Acrobat on their computers can open a PDF file, fill it out and save it back to their hard drives. All other users can open the file, fill it out and print it but CANNOT save it to their computer. (So remember to print out 2 copies if you need one for your records). Additionally, the full version of Adobe Acrobat is required to create forms.

adobe forms

To Fill in the Form Fields
Select the hand tool on the left side of the Acrobat toolbar (as seen in the image above) if it is not already selected. When the hand tool turns into an “I” beam icon, the cursor is over a form field. Move the cursor to the field and double click. Begin typing (please note not all fields have a border).

To Save the Completed Form
Go to the File menu and select Save As or press the floppy disk icon on the Acrobat toolbar (see above).Select a location for the file in the Save As window and click Save. Remember, the Save option only appears when the user has the full version of Adobe Acrobat. Without the full version of Acrobat, users may only print the file, not save the file or create forms.

Creating Forms from a Word Document in Adobe Acrobat
adobe word
Begin by saving the form in MS Word file as a PDF file. To save the MS Word form as a PDF file, use the “Create PDF” button in the MS Word button bar shown above.

Creating Forms from within Adobe Acrobat
To bring an image or other file type into Acrobat, go to: File>Create PDF select one of the options:

  • From File
  • From Multiple Files
  • From Scanner
  • From Web Page

Note: Acrobat 8 includes Adobe LiveCycle Designer for designing XML forms to be rendered as PDF or HTML files. However forms created in LiveCycle can only be edited with that program and are only readable with Acrobat reader 6 and higher.

Creating Form Fields
Once the file is in Adobe Acrobat the form fields must be added. Form fields are drawn with the Text Field Tool.

adobe text field tool

Text Field Properties
There are seven tabs that control the properties of the various fields.

  • General contains the form field name and some common properties. It can also be used to tag a field as required and read only.
  • Appearance is used to control what the user sees when filling out the form.
  • Options control alignment, size and scrolling among other things.
  • Actions allows for a field to generate an action such as launch a file or web page.
  • Format is used to distinguish the contents as text, numbers, date, etc.
  • Validate can check a field contents against a formula or other calculation
  • Calculate allows contents of fields to generate mathematical totals.

adobe text field prop

Creating Links (Internal and External)
To create an internal link you must follow these steps.

  • Step One-click the link tool Tools > Advanced Editing > Link Tool
  • Step Two-use the link tool to draw a box anywhere in the document (over text or in white space).
  • Step Three-with the Create Link window open, select one of the four choices for link actions.

adobe links

  • Go to page view, select the destination page number for the link, and set the page magnification.
  • Open a File, click Browse to select the destination file, and click Select. If the file is an Adobe PDF document, specify how the document should open. Click OK.
  • Open a Web Page, provide the URL of the destination Web page.
  • Custom Link, click OK to open the Link Properties dialog box. You can set actions associated with the link, such as reading an article, in this dialog box.

Setting the Tab Order Between Fields

  • Step One-Click the Pages tab in the navigation pane.
  • Step Two-Select a page thumbnail, and choose Page Properties from the Options menu.
  • Step Three-In the Page Properties dialog box, click Tab Order, and select the tab order

Getting Started with Adobe Acrobat

Thursday, April 17, 2008 5:00 pm

What is Adobe Acrobat?
Adobe® Acrobat® enables you to create Adobe Portable Document Format (PDF) files - the worldwide standard for secure and reliable document distribution via print, the Web, or mobile devices. With Acrobat documents display and print the way you intended and are protected from unauthorized access and alterations. (courtesy http://www.adobe.com)

What is a PDF file?
PDF (Portable Document Format) is a file format that has captured all the elements of a printed document as an electronic image. PDF files are created using Adobe Acrobat, Acrobat Capture, or similar products. To view and use the files, users need Acrobat Reader. To create PDF file users need the full version of Adobe Acrobat. PDF files are especially useful for documents in which you want to preserve the original graphic appearance online. (courtesy http://www.whatis.com)

Creating PDF files in Word, Excel and PowerPoint
The WFU standard software load includes the full version of Adobe Acrobat. Icons for creating Acrobat file can be found in the button bar of Microsoft Word, Excel, and PowerPoint. There are two buttons on each toolbar, one for creating a PDF and one for creating a PDF and emailing a PDF.

adobe toolbar
When you have completed your document in Word, Excel or PowerPoint and are ready to create your PDF, simply click the Create PDF button and Adobe Acrobat will launch (may take a few moments). Once Acrobat is open, you will need to click the save button or go to File Menu > Save As to give the document a name and save it to your hard drive.
Note: If the Adobe Toolbar does not appear in MS Word, go to the File Menu > Print and select Adobe PDF to create a PDF file of the MS Word document.

The Acrobat Tools Menu
Use the Comment & Markup menu under Tools to add notes, comments or highlight text.

adobe tools
Advanced Editing

You can add or replace small amounts of text in a PDF if the font is installed on the system. For extensive changes, edit the original document from which the PDF was created.

  • Choose Tools > Advanced Editing > TouchUp Text Tool.
  • Select the text you want to edit.
  • Type to replace text, or press Delete to remove text.

Inserting Links
Once you have created your PDF, you may want to add in elements such as links.

adobe links

  • Click Tools > Advanced Editing > Link tool.
  • Click-hold-drag the crosshairs to select the area of the document you want to be the link. You may want to make the area slightly larger than the text to be sure the link is visible.
  • Select from the four radio buttons
    • Go to a page view
    • Open a file
    • Open a web page
    • Custom Link
  • Click Next and follow the instruction on the screen.

Creating and Structuring bookmarks
Bookmarks are used to navigate from one section to another within a PDF file. In MS Word Documents, certain styles such as main headings are automatically translated into bookmarks. To manually create a Bookmark inside a PDF file, scroll to the location in the PDF file you wish to bookmark, click the Document > Add Bookmark. Type a name for the bookmark in the bookmark pane on the left.

Inserting Thumbnails
Like Bookmarks, thumbnails can be used to navigate within a PDF file. To ensure thumbnails appear on the web, Click on the Pages tab in the navigation pane, click the Options pull down and click Embed All Page Thumbnails.

inserting thumbnails

Capturing a web site for local use
One great use of Adobe Acrobat is to capture web sites for viewing or demonstrating offline. This procedure will capture all text, images and links and will allow you to navigate through a site when you are NOT connected to the Internet.  Before you capture a web site, however, it is important to spend some time on the page to see how many levels of the site you need for your purposes. Large sites may take a long time to capture, so the fewer levels you can live with, the better.

  • To capture a web site, click File > Create PDF > From Web Page.
  • Type the URL in the blank provided; you will need to include the http://
  • Select how many levels deep you want to go
  • Select Get Entire Site ONLY for small sites
  • Click the Settings to select advanced download setting
  • Click the Create Button.

WFU Features for Personal Web Pages

Wednesday, April 16, 2008 4:57 pm

Personal Web Page Features
Wake Forest provides user access to web page features such as current date, last modified date, and access counts. Insert the HTML code below into the code view of a web page to use these features. The website link at the bottom of this page includes information for advanced users regarding the use of cgi-scripts and password protection on your WFU home page.

Please note, these features only function on the web page once it is published to a web server and will not run when pages are previewed in a web browser from a hard drive.

Current date (place code in between </body> and </html>)

The following code will display the current date in any style text you wish:

<!–#exec cgi=”/cgi-bin/textclock.pl”–>

Results in:
Friday, June 28, 2002

Last date modified (place code in between </body> and </html>)

The following code will display the modification date of the document it is placed on.

<!–#echo var=”LAST_MODIFIED” –>

Results in:
Last modified: Tuesday, 27-Nov-01 09:44:26

Access counts (place code in between </body> and </html>)

To include access counts in documents, add the following:

<!–#exec cmd=”/pub/gopher-data/cgi-bin/access_count username-docid” –>

Replace username-docid with your user name and an ID of your own choosing for the document. For example, if your username is Mary, and you want to keep an access counter for your home page, you could use:

<!–#exec cmd=”/pub/gopher-data/cgi-bin/access_count mary-home” –>

Results in:
Access count: 1

Using Forms (place code in between <body> and </body>
Simple forms that e-mail the form response can be created by pasting the text below above a form created in Dreamweaver. Begin by creating the form (including a Submit button) in Dreamweaver, then paste the text below into the Code View in Dreamweaver. Paste the code directly above the beginning of the form html. Complete the form by inserting your email address in line two and the name of the form in line 3. Publish the webpage.

<form action=”http://www.wfu.edu/cgi-bin/FormMail.cgi” method=POST>
<input type=hidden name=”recipient” value=”your_email@wfu.edu”>
<input type=hidden name=”subject” value=”Form Name”>
<input type=hidden name=”redirect” value=”http://www.wfu.edu/help/thanks.html”>
<input type=hidden name=”env_report” value=”REMOTE_HOST,HTTP_USER_AGENT”>
<table width=60% border=0 align=”center”>

Further Information
The info above can be found at: http://www.wfu.edu/help/web-guide/users.html

In addition this page also contains information on:

  • Creating a home page automatically
  • Creating a cgi-bin directory and using CGI scripts
  • Using password protection to control access to pages

Activating Your Wake Forest Homepage

Tuesday, April 15, 2008 4:36 pm

Introduction
A home page is the first page presented when a user selects a site or presence on the World Wide Web. At Wake Forest faculty, staff, and students can create a machine generated Wake Forest Home Page. Once this machine generated web page has been created it can be edited with Macromedia or Adobe Dreamweaver. For instructions on editing your Wake Forest home page, see the handout entitled: Site Management and Web Editing with Dreamweaver. To create a Wake Forest home page, follow the steps below.

How to Activate a Wake Forest Homepage

  1. Open Netscape and enter the URL http://www.wfu.edu/update.html
  2. Log in using your Wake Forest login and password (the same one you use to log in to NT and email.)
  3. Click the Submit button

wake forest homepage setup

4. In the window that appears, click Create a Wake Forest Home Page and click
Continue.

5. Click on the link to your Wake Forest home page that appears in the window.

6. If you already have a Wake Forest home page, the text in the window will indicate that
the directory already exists and supply you with a link to your Wake Forest home page.

Troubleshooting a Wake Forest Homepage
If after editing a web page in Macromedia or Adobe Dreamweaver images on the web page do not appear in the web browser, or links to other web pages are not working properly, check the following:

Did you transfer the image files to the web server?
Make sure you moved a copy of the file from the local copy of your web page to the server copy of your web page using the Site Management Tool in Macromedia or Adobe Dreamweaver.

Are the permissions correct?
Files have permissions attached to them. If the permissions are wrong the image will not appear and an error message will appear that says “Document Does Not Exist” or “File(s) Cannot Be Found.”

Permissions are set by going to http://www.wfu.edu/update.html:

  1. Select Set permissions for personal home page.
  2. Click Continue.
  3. Select Yes from the pulldown menu.
  4. Click Submit.
  5. View the page in Netscape to see if the images/pages are now visible.

Are the File Names Correct?
Images and web pages need file names with no capital letters, special characters, or spaces in the file name.

Image Techniques in Dreamweaver CS3

Monday, April 14, 2008 4:32 pm

Getting Started
This handout assumes all of the following:

• The user has Adobe Dreamweaver CS3 or higher installed on his/her computer.

• The user has established a WFU personal web page (See handout “Web Pages at
WFU.”)

• The user has a local copy of their web page on his/her computer. (Stored in
Userdata folder)

Rollover Images
A rollover image is a technique using JavaScript that lets you change a page element (usually a graphic image) when the user rolls the mouse over something on the page (like a line of text or a graphic image). For this example, the two rollover images will be the same, with only minor differences (ie. darker or lighter). When a user moves the mouse across an image, the image changes by exchanging the two rollover image files.

Creating a Rollover Image

• Before inserting the Rollover Image into Dreamweaver, open up your first image in MS
PhotoEditor or some other image-editing program.

• In MS PhotoEditor, click on the Image menu and select Balance. In the balance window
adjust the Brightness, Contrast and Gamma.

image balance

• Once you get the desired effect, use Save As to save the image under a new name. This
new image will be your Rollover Image.

• Close MS Photo Editor a return to Dreamweaver.

Inserting a Rollover Image

• In Dreamweaver, click Insert > Image Objects > Rollover Image. A window will pop
up.

image rollover

• Insert an Image Name (This is not a filename, just a name for the Rollover Effect.)

• Use the Browse buttons to select the Original Image and the Rollover Image. (Use
the samples provided on our web site or by the instructor)

• Insert Alternative text for accessibility.

• Insert a link URL for the Rollover Image.

• To preview how your mouseover will work in a Web browser, press the F12 key and a
Netscape Navigator window will pop up with the document in it. Move your mouse across
the image and watch it change. Click the image to test the link.

Creating an Image Map
Image maps are single images or clusters of images that have been defined so that the use can click on different areas and be linked to different destinations.

• To create an image map in Dreamweaver, you’ll first need an image.

• Insert the image into your page and click the image to select it.

• Expand the Property window using the “twistie” in the lower right corner of the window.
This opens the image-mapping window.

image properties

• There are four buttons along the left-hand side of the window, a pointer and three
shapes.

• The pointer allows you to move “hot spots” (links within the image map) around, and resize
them. The rectangle allows you to draw rectangular hot spots; the circle creates circular
ones; and the freehand tool allows you to trace irregular shapes. (Note: to end a freehand
shape, double click on the last point.)

• To remove a hot spot, select it with the pointer tool and hit the delete key.

• If you wish to make these hot spots link to files within your Web site, all you have to do is
type the filename into the Link field. Remember to put “http://” in front of the web address
in the Link field for external sites.

Inserting Flash Text
The Flash text object lets you create and insert a Flash file that contains just text. This allows you to create a small, vector-graphic object with the designer fonts and the text of your choice.
Note: You must save your document before inserting a Flash button or text object.

• Choose Insert > Media > Flash Text. The Insert Flash Text dialog box appears.

flash text

• Select a font from the Font pop-up menu. This menu lists all TrueType fonts currently
loaded on your system.

• Enter a font size in the Size field; these are point sizes.

• Specify style attributes like bold or italic, and text alignment by clicking the appropriate
style buttons.

• In the Color field, set the color of the text by using the color picker or entering a Web
hexadecimal value.

• In the Rollover Color field, set the color that appears when the pointer rolls over the
Flash text object. Use the color picker or enter a Web hexadecimal value.

• Enter the text you want in the Text field. To see the font style displayed in the Text
field, select Show Font.

• If you want to associate a link with the Flash text object, enter a document-relative or
absolute link in the Link field. In the Save As field, enter a name for the file. You can use
the default file name (for example, text1.swf), or type in a new name. If the file contains a
document-relative link, you must save the file to the same directory as the current HTML
document.

• Click Apply or OK to insert the Flash text in the Document window. If you click Apply,
the dialog box remains open, and you can preview the text in your document.

Inserting Flash Buttons
Flash buttons work like flash text and allow for the easy creation of buttons for a web page. To insert a flash button, click Insert > Media > Flash Button. Select a button from the Style list, fill in the button text and link destination, and change any other available options.

Using Macromedia Dreamweaver 8 or Adobe Dreamweaver CS3 at WFU

Monday, March 31, 2008 4:56 pm

Outline for Dreamweaver Worksheet:

  • Activating Your Wake Forest Home Page
  • Managing Your Site
  • Inserting Text, Images, and Links onto your site
  • Using Tables and Layers
  • Creating Second Pages
  • Publishing Pages

Activating your WFU Home Page
Before using Dreamweaver to edit your Wake Forest web page, it is necessary to activate your WFU home page.

On the next page you will see a link to your new home page or a link to your existing home page.
Once your WFU web page is activated you are ready to begin using Dreamweaver 8 or Dreamweaver CS3 to edit the site.

To begin, open Macromedia Dreamweaver 8 OR Adobe Dreamweaver CS3 from the Start Menu either in Programs or in Internet Tools.

real wake forest screen shot

Site Management
The site management tool in Dreamweaver has been preconfigured for editing a WFU home page. It allows the user to store and edit a web site on the local hard drive in the Userdata folder, then publish it up to the web once it is complete. In the Designer view, the site management tool can be found on the right side of the workspace in the Files Panel.

The Remote view shows the files on the WFU web server. The Local view shows the files in Userdata on the hard drive.To begin editing, copy the index.html from the Remote view to the Local view, then double-click on the index.html located under Local Files.
Hint: To make navigating in Dreamweaver easier, click pulldown next to the word Common and click on Show as Tabs.

remote view

Inserting and Formatting Text
The Properties Inspector at the bottom of the workspace allows for the formatting of text. Changes to font, font size, color, etc. can all be made using the Properties Inspector.

Issues when Formatting Text

  • Font size on the Web is relative. Fonts appear as one of seven sizes, listed as size 1 through 7 from small to large, not as a particular point size.
  • Format styles appear in six sizes, listed as Heading 1 through 6 from large to small, the opposite of font size. Additionally options for preformatted text and paragraph style are here.
  • Remember fonts on your computer may not be on the computer of the person viewing your page, so stick to the basic fonts such as Helvetica and Times New Roman.

real dreamweaver prop bar

Cascading Style Sheets (CSS)
Cascading style sheets give Web site developers more control over how pages are displayed and allow for the separation of presentation and content. Ideally cascading style sheets are used as the primary method of formatting web pages. The style sheet containing all the formatting information is linked to the web page containing the content. Cascading style sheets are covered in more advanced Dreamweaver classes. Dreamweaver contains many predefined styles.

Inserting a Hyperlink to an external site on your web page

  • To insert a link to a website, open a browser and navigate to the web page.
  • Highlight and copy the URL.
  • In the Link field on the Properties toolbar paste the URL. (or type the URL if you prefer.)
  • Remember to include the http:// before the link.

Inserting Images on your web page
Various issues regarding the use of images on a web page are discussed below. Before inserting an image into a web page, the user must store that image file in the HTML folder in Userdata.

Saving an Image from the web

  • Right-click on the image and select Save Image As
  • Save the image in C:/Userdata/HTML/www-home/images
  • Avoid spaces, special characters and capitalization in file names.

Supported File Types

  • Files need to be in the .gif, .jpg, or .png file formats
  • Other file formats such as .tif, and .bmp can be converted using Microsoft Photo Editor.
  • To convert an image, open the image in Microsoft Photo Editor, go to the File menu and select Save As
  • Click the pulldown for Save File as Type and pick the appropriate file format.(.gif-best for line drawings, icons, .jpg-best for photos, or .png-a replacement for .gif)

How to Insert Image

  • Click on the Insert menu and select Image.
  • Navigate to the location where the image is stored on your computer (usually C:/Userdata/HTML).
  • Click OK
  • Be sure to insert text in the ALT Tag field. The ALT Tag field will appear in the top right corner of the Properties toolbar when the image is selected. ALT tags make your site more accessible to visually impaired people using text readers.

Be sure to insert text in the ALT Tag field. The ALT Tag field will appear in the top right corner of the Properties toolbar when the image is selected. ALT tags make your site more accessible to visually impaired people using text readers.

Testing your web page
To see what your web page will look like and to test links and images before publishing, click the F12 button on the keyboard to preview the page in a web browser and test the images and links.

Copyright Concerns

  • Images and content found on the web are copyrighted unless otherwise specified.
  • Permission should be sought from the copyright holder prior to using copyrighted content.

WFU home page requirements

  • Personal web pages should not contain images, logos, graphics or text from the Wake Forest University home page or other official pages. Students, faculty and staff maintaining personal web pages, including student organization sites, should refer to the guide on Maintaining Personal Web Pages http://www.wfu.edu/help/web-guide/users.html
  • As a non-profit institution, WFU web pages cannot be used for commercial use or link to the sales pages of other sites.

Resources for scanning, digital photography, and digital video
The Information Technology Center on the second floor of the Wilson wing of the ZSR Library offers flatbed scanners to scan photos in the multimedia lab and digital cameras for checkout on a first come first serve basis to students, faculty and staff.

Page Properties
Click the Page Properties button in the Property Inspector to access the Title and Encoding option.

Title/Encoding
An HTML Title describes the contents of your web page in one phrase. It’s likely to appear in search engines’ results and in bookmarks. It’s also the first thing a search engine’s spider sees on your page.

real dw page prop

Inserting and Editing a Menu Bar

  • To Insert the Spry Menu Bar, click on the Spry Tab located at the top toolbar, and then click on the Menu Bar Icon
  • A menu will appear asking whether you prefer a Horizontal or Vertical Menu Bar on your web page
  • The Menu Bar will now appear on your screen. To Edit the Menu Bar, click on the blue-colored tab at the top of the table and the Properties menu will appear at the bottom of your screen

real dw spry

Using Table and Layers
Tables are used to arrange cells and data into columns and rows and for design layout. Layers are another option for design layout. In Dreamweaver, layers are used to position other objects such as images, text, and tables.

Inserting a Table

  • Click on the Insert menu and select Table
  • Insert the number of rows and columns and the width and border size. (These settings can all be changed later). Header rows and columns can also be selected and text in the header appears as bold and centered.
  • Click OK

real dw table

Inserting a Layer

  • Click on the Insert menu and select Layer Objects > Layer
  • Click, hold and drag the cursor across the area on the screen where you want the layer to appear.
  • Add content inside the layer.

Creating a Second Page
At some point, users have more content than will fit on a page, or they begin to wish to organize content on individual pages. For example, one can create a resumé page called resume.htm and link to that page from a hyperlink on index.html. (NOTE: Web pages can end in either .html or .htm).

To create a new page:

  • Click on the File menu and click New
  • In the window that appears, click the category Basic Page and HTML
  • Add content to this page, including the title field!
  • Save this page in the C:/Userdata/HTML or where the local copy of your web page is stored.

To create a link to a new page from the index.html

  • Highlight the text for the link in the index.html page
  • Click on the Point to File button in the Property Inspector.
  • Drag the arrow to the file in the File panel in the Panel groups.

real dw point to file

Publishing Pages
Before your changes can be seen on the web, all the files must be published to the web server. Every time a file is changed it must again be published to the web server.

To publish a page

  • Click on the name of the page/file under Local Files
  • Click the Up arrow in the button bar.
  • Once this is complete, use a web browser to go to http://www.wfu.edu/~yourlogin and see the changes.

dw put files


Related Links & Other Resources

Note

You are currently browsing the archives for the Adobe category.

Search this blog

User Tools

Archives

Categories

Subscribe

Powered by WordPress.org, protected by Akismet. Blog with WordPress.com.

Service and Resource Portals