Web Page Instructions Dakota Writing Project: '99 Summer InstituteReady to create some web pages? Great!
Preparing your world wide web directory
First, you'll need to go into your USD internet account through the application TELNET to create a world wide web directory, where you will store your web pages.
- Go into your USD internet account through TELNET (on desktop, the icon that says Sun Mail or Sunburst).
- At the sun prompt, type: mkdir ~/www and press the return key.
sunburst% mkdir ~/www- Make your www directory world searchable. Remember to do both steps, pressing the return key as you complete each step:
sunburst% chmod 711 ~/www
sunburst% chmod 711 ~- Now, go out of your USD internet account by typing: lo and pressing the return key.
sunburst% lo- To quit out of the telnet application, go up to the file menu and select Quit.
You are going to create web pages that will be stored in the www directory of your internet account. We'll start with saving an image to place on your home page. You can get images off the web as long as they are in the public domain or the author on the page gives you permission to use the image(s). Save An Image to Place on Your Home Page
- Open Netscape and go to this page: http://www.usd.edu/engl/DWP/99webpage.html
- Using your mouse, place the arrow on top of the house icon with the "jumping" figure. Hold down your mouse until you see a window that gives you options for saving the icon. Select "Save this Image as..." and save the icon in the public folder of the hard drive. The icon's file should already be named for you (homejump.gif); don't change the name.
- Then quit out of the Netscape application.
Create Your Home Page
Go up to the apple menu and look for the Frontpage Editor; select this application. (On Older Macs, in the apple menu, look for Office and then Frontpage Editor; on the newer computers, under the apple menu, select Frontpage and then Frontpage Editor; on the recent additions to the room, under the apple menu, go to Internet applications first, then Microsoft Frontpage, and then Frontpage Editor.)
You will create your home page (and other web pages) using this application. You are now going to create a fairly generic home page that you can change later as much as you like. This is just a template of sorts. Note that your home page MUST be named index.html. That is the only way that the Web knows that this is your home page. Note that this counter will not work until your web page is actually loading into the www directory of your USD internet account.
- Go up to the Insert menu and select Image, click on Browse, open the public folder, select the homejump.gif image, and click on Open to insert the image onto your page.
- In the top left pull-down menu, select Heading 1 and give your home page a title. Press the return key.
- Write a paragraph or two, introducing yourself. Note that Frontpage automatically skips a line in between paragraphs.
- Insert a horizontal line by going up to the Insert menu and selecting Horizontal Line.
- Select Heading 3 in the pull-down menu above and write a subtitle that says something like: Some Web Sites That You'll Want to Visit.
- Click on the bulleted list icon in the menu above.
- Type the name of a favorite web site. Highlight the text you just typed, go up to the Edit menu, and select Hyperlink. (Make sure that Hyperlink type http: is selected in the pull-down menu.) In the window that pops up, type the URL (web address) for that web site. For example, for the Dakota Writing Project, the URL is http://www.usd.edu/engl/DWP. Repeat this step for at least two more links.
- Now you'll add another link that will be part of your www directory, a web page that you'll later create--your demo web kit. Type: A Favorite Writing Activity and highlight the text with your mouse. Then go up to the Edit menu and select Hyperlink. In the window that pops up, select (other) from the pull-down menu and type in: activity.html. Note that this link will not work until you create a web page called activity.html (your demo web kit or the first page of your demo web kit).
- To get rid of your bullets, click on the bulleted button to deselect it.
- At the bottom of your page, insert a mailing link so that people can e-mail you. Type: Contact me at username@usd.edu, substituting your user name for the generic version shown here. Highlight this text, go up to the Edit menu, and select Hyperlink; from the pull-down menu, select mailto: and type in your e-mail address.
- Insert a counter on your page by going up to the Insert menu and selecting HTML markup. Then type:
<!--#exec cgi="/cgi-bin/counter"-->
Insert a footer that automatically includes the date each time you update the page, as well as a link to the USD home page. Note, again, that this footer will not work until your web page is actually loaded into the www directory of your USD internet account. Go up to the Insert menu and select HTML markup. Then type:
<!--#include virtual="/include/footer.html"-->Highlight both the counter and footer and select the center icon to center them. Select your main heading at the top and change the color by clicking on the text color icon; select a color. Change the font for your web page by highlighting all of the text, going up to the pull-down menu (probably shows Times at the top), and selecting a different font. Experiment until you get one that you like. White is the background right now. To change it to a different color, go up to the Format menu and select Background. Of the four "tabs" listed (General, Background, Margins, Custom), Background should already be selected; select if it is not on top. The Background pull-down menu probably shows the color white; hold it down and select another color. (You should probaby select a fairly light color unless you want to make your text light.) Then click OK. (For later, note that this is also where you can insert a background image instead of just a plain colored background.) Save the page in the public folder, naming it index.html Preview the page in your web browser by clicking on the Preview-in-browser button (you may need to go up to the File menu, select Preview in Browser, select Netscape, and click on Preview). If you need to make changes, click on the Frontpage working page again. Save your changes and view them again in the browser. Once you're done, it's time to load the home page and the homejump.gif image into the www directory of your USD internet account. Place your newly created web page in the www directory of your USD internet account.
- Open Netscape if it is not already open. Go to: ftp://yourusername@ftp.usd.edu
Example: ftp://mrogge@ftp.usd.edu- You will be asked for the password for your USD internet account. Type it in.
- Look for the www link and click on it. This is the www directory that you created earlier when you were in telnet.
- Copy your index.html file and your homejump.gif file by using your mouse to drag them from the public folder into your www directory. You may get a message that "Netscape requires your attention at this time." Netscape will ask you if you want to put these files in your www directory. Say yes.
- Go to the URL for your home page. It will be http://www.usd.edu/~yourusername
Example: http://www.usd.edu/~mroggeSave a copy of your Frontpage file on disk. You can edit this page as much as you like and follow the same procedure as describe above for loading the edited page into the www directory of your internet account. Unfortunately, you cannot remove files this way. If you need to remove a file, you must go into your internet account through telnet, as described at the beginning of this handout. Type: cd www to go into your www directory. Then, to remove a file, type: rm [name of file] without the brackets and press the return key. For example: To find out more about creating web pages, go to http://www.usd.edu/engl/html.htmlsunburst% rm index.html