HTML Tips
Home Project Overviews Access Excel HTML

General Tips on Copying Files / Showing File Extensions
you'll want to show file extensions for HTML projects

Basic HTML structure & tags Demo (click to view)

 Sample code to look at:  Example1.html & Example2.html code (click to view)

** If you are using a newer version of Internet Explorer or Firefox, 'View Source'  will not let you edit your web page.  Instead, open your web page in Notepad (Programs - Accessories - Notepad or right-click the file and 'Open With').  Also view your file with your browser.  With the two views of your web page, you can edit it in Notepad, save the changes and view the changes by refreshing your browser (see View Source demo)
Additional Tag Demos:  Horizontal Rule  ~  Lists  ~  Tables

Uploading to the USF Server

To complete this project, submit your files on Bb and upload them to the USF server.
Every student has space on the USF server and has a folder called public_html. Uploading to the server just means that you will put your web pages and images into your public_html folder. This will make your web pages accessible from the Internet.  
There are several ways to upload to the server:

  • Option 1) Windows Users:  You can upload to the USF server using the WinSCP program.  If you are working on a campus computer, the WinSCP program should be installed and you can follow these instructions:  Uploading using WinSCP .  If you are working at home, you'll want to install WinSCP first  (click for instructions).
     

  • Option 2) Apple Users: you can use FUGU  (http://rsug.itd.umich.edu/software/fugu/download.html)
    to upload your files or you can come into an open lab to upload your files (recommended).  it.usf.edu/help offers these FUGU instructions.  If you have any questions, please contact the IT help line (online chat) at it.usf.edu/help.
     

  • Option 3) Windows or Apple Users: You can copy your files directly from your computer or flash drive to your student web space (UStoreFiles S drive). You can access this from the library and/or most computers on campus. The instructions to access it from campus or home can be found at: it.usf.edu/services/ustorefiles.

  • Once your files are in the public_html folder, you can view your webpages through your URL. It will be your netid followd by .myweb.usf.edu So if your netid is jsmith, your url will be jsmith.myweb.usf.edu.
     

  • If you have any issues, you can come into our lab hours for help or contact the online chat desk at it.usf.edu/help

Common HTML Questions / Problems

www.w3schools.com/html - a great HTML resource

Designing Web Pages
(pdf file - overview of web page design from our text materials)