Getting Started with Web Page Creation for Fuqua Authors Spring 1999

What’s here? v An overview of Fuqua’s web creation & publishing software v What you need to know about HTML

Creating a web page: What’s involved? v Software äFuqua has selected “DreamWeaver” from Macromedia as its standard web page editing software. äDreamWeaver lets you create and edit a web page almost as easily as you’d create a document in a word processor, like Word.

More about DreamWeaver v To see what DreamWeaver is about… ävisit the Macromedia web page at this URL: äOn Macromedia’s page, select “Products”. äOn the “Products” page, select “DreamWeaver”. äOn the “DreamWeaver” page select “Feature Tour”.

Publishing a web page: What’s involved? v If you’re on the faculty äyou have space on the faculty web server äpublish your personal web page files by locating the files in the public_html folder that’s on your network H: drive äthe URL for that space is:

v If you’re on the staff äIf you’re on the Fuqua staff and publishing a department or area page, you’ll use Fuqua’s special version control publishing software. äThis software helps keep the latest copy of a document available and helps avoid “overwrites”. äContact Fuqua’s IT group for information about using this software. (as of 2/99)

vIf you’re a Fuqua student äYou’ll publish your web pages to Duke’s web server, called “acpub” äSee this URL for information about publishing to acpub:

For more info v See this web page for links to: ä web page creation tutorials ä info on copyright and the web ä info on math symbols and web publishing ä how to publish on Duke’s web server

About HTML v Even if you’re using a sophisticated web editor like DreamWeaver, it helps to know a little about HTML ä Hyper Text Markup Language v HTML lets you format a document so : ä a web browser knows it’s a web page ä the document looks the way you want it to look when viewed online

HTML v There are 2 basic varieties of HTML code: ä Required Structural Codes Must appear in every web page. Let the browser know to display your document as a web page. ä Optional Formatting Codes Use to format the page the way you want.

The required, structural codes ….. Required codes define your document to the browser as a web page. Codes appear in angle brackets. Most codes are paired. The second code in a pair has a slash. For example: and

The optional codes A sample A Sample Header This is my sample web page. Use optional codes to format the text and objects on your web page. Optional codes control things like spacing, typeface, and colors. In this example, codes establish a header and italicize text.

Linking codes …. This is a link to another page that has the name Page 2. …. Links are the key to a web page. Linking is accomplished using codes. This example shows an “anchor code” that links this page to another web page. The reader of the page sees: This is a link to another page that has the name Page 2.

A download link …. This is a link to a Word file that has the name MyFile.doc. …. You may want to distribute files via your web page. This example shows a download type of link. The file named in the link isn’t an HTML file. The browser won’t try to display this file as a web page. The reader can download it instead.

Displaying an image …. Here’s a picture of Fuqua’s logo: …. You can display graphics called “inline graphics” in your web page. This example shows a link to a.gif-format graphic file. When the browser encounters this code and file it displays the graphic in the web page.

Learn from others v If you see a web page you like, study the code used to create it. v Most browsers let you view the code for any page you display. v For example, in Netscape 4.5, click the menu commands View, Page Source.

Document your HTML file v This is what a comment line looks like in HTML:

Naming your file (if publishing to Duke’s web server) v To publish on Duke’s server, save your HTML file using these file naming rules: ä 8 characters or fewer for the name ä no spaces ä “.htm” as the file extension ä Case is important, e.g.- MyFile.htm isn’t the same as mYfiLe.HtM

End