Differences
This shows you the differences between two versions of the page.
|
wiki:software:www:basics [2010/02/04 09:44] Keith A McDermott homedir itself only needs to be 701, not 755 |
wiki:software:www:basics [2013/01/24 09:22] (current) David C LeFevre [Uploading Files to Your Web Directory] |
||
|---|---|---|---|
| Line 37: | Line 37: | ||
| |</HEAD></color> | |</HEAD></color> | ||
| |<color blue><nowiki><BODY TEXT="#000000" BGCOLOR="#FFFFFF" BACKGROUND="IMAGE/image1.jpg" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000"></nowiki></color> |This tag specifies the color background, color of text, linked text, and visited linked text (vlink) within the body of the **HTML** file. You may also put an image on the background with the BACKGROUND definition. This callout will supersede <color red>"COLOR"</color> definition.| | |<color blue><nowiki><BODY TEXT="#000000" BGCOLOR="#FFFFFF" BACKGROUND="IMAGE/image1.jpg" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000"></nowiki></color> |This tag specifies the color background, color of text, linked text, and visited linked text (vlink) within the body of the **HTML** file. You may also put an image on the background with the BACKGROUND definition. This callout will supersede <color red>"COLOR"</color> definition.| | ||
| - | |..... | ||
| - | |...... | ||
| - | |...... | ||
| - | |..... | ||
| |<color blue><nowiki></BODY></nowiki></color> |Within the **"BODY"** tags is the main content of your webpage with plain text, linked text, and images. Some link aspects are discussed below.| | |<color blue><nowiki></BODY></nowiki></color> |Within the **"BODY"** tags is the main content of your webpage with plain text, linked text, and images. Some link aspects are discussed below.| | ||
| |<color blue><nowiki></HTML></nowiki></color> |Must include this tag to complete your **HTML** file.| | |<color blue><nowiki></HTML></nowiki></color> |Must include this tag to complete your **HTML** file.| | ||
| Line 47: | Line 43: | ||
| - | As the name suggested, **HTML** files are files with links to other pages. If the linked document is within your site, you don't have to specify the full URL (with http://). For example, if you have a document named <color blue>"foobaa.html"</color> in a sub-directory named **"Doc"**, to link to this document from the current directory, all you have to specify is | + | As the name suggested, **HTML** files are files with links to other pages. If the linked document is within your site, you don't have to specify the full URL. For example, if you have a document named <color blue>"foobaa.html"</color> in a sub-directory named **"Doc"**, to link to this document from the current directory, all you have to specify is |
| <a href="Doc/foobaa.html"> linked file </a> | <a href="Doc/foobaa.html"> linked file </a> | ||
| Line 55: | Line 51: | ||
| <a href="http://www.physics.purdue.edu/~tzz/examone.html"> linked file </a> | <a href="http://www.physics.purdue.edu/~tzz/examone.html"> linked file </a> | ||
| - | ===== Linked Image ===== | ||
| + | ===== Uploading Files to Your Web Directory ===== | ||
| + | |||
| + | If you are creating a web page, then it is likely you are using some images. Those images must be present somewhere in your web directory to be accessible. | ||
| + | |||
| + | On a PCN windows machine your home directory is automatically mounted and accessible to you. You can navigate to the .www directory and place your images there directly. | ||
| + | |||
| + | On a PCN Windows host, you will need to open this directory and then copy any images you want to use into it. This procedure is similar as to when you open a share on the PCN Gutenberg server. On your Windows machine, open up the "Run" dialog (through the "Start" menu or by typing "Windows Key-R") and type: | ||
| + | |||
| + | <code bash>\\gutenberg.physics.purdue.edu\[your username]\.www</code> | ||
| + | |||
| + | Enter your Purdue Career account information if prompted. This will give you direct access to your web directory. Files can placed using drag and drop or copy/paste. | ||
| + | |||
| + | |||
| + | ===== Linked Image ===== | ||
| Linked image is specified by an <color blue>"AHREF"</color> tag and an <color blue>"IMG SRC"</color> tag. In this example a file named <color blue>"mickey.jpg"</color> located in the <color blue>"Img"</color> directory is linked to an **html** file named <color blue>"myfriends.html"</color> : | Linked image is specified by an <color blue>"AHREF"</color> tag and an <color blue>"IMG SRC"</color> tag. In this example a file named <color blue>"mickey.jpg"</color> located in the <color blue>"Img"</color> directory is linked to an **html** file named <color blue>"myfriends.html"</color> : | ||
| <A HREF="http://www.physics.purdue.edu/~mylogin/myfriends.html"> <img SRC="Img/mickey.jpg"></A> | <A HREF="http://www.physics.purdue.edu/~mylogin/myfriends.html"> <img SRC="Img/mickey.jpg"></A> | ||
| + | |||
| + | |||
| + | |||
