Differences

This shows you the differences between two versions of the page.

Link to this comparison view

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>
 +          
 +          
 +