HTML Tips

Note: sound quality may vary by TIP - sorry!  Am working on re-recording - but it's a long process!

Home Project Overviews Access Excel HTML

HTML Tips

Tutorial: Getting Started Display File Extensions:
Windows XP - Windows 7 - Apple - Windows 8 (have to scroll down a bit)
Apple - 2 Links:
TextEdit Info - TextEdit Setup
Be sure to also turn off smart quotes
Tutorial : Creating a Basic HTML Page
  Individual Tag Tips:  
Background Color or Image --- (Colors) Image Links
Ordered or Unordered Lists Horizontal Rule (Line) Comment
Headings Fonts --- (Colors) Bold, Underline, Italics --- (and more...)
Paragraph and Break Table more at w3schools.com


**SAMPLE TAGS - PRINT & USE THIS!** Here is some sample code with comments (comments are in green) :  Example1.html & Example2.html code (click to view / print)
 


Uploading to the USF Server

To complete this project, submit your files on Canvas and upload them to the USF server.
 This will make your web pages accessible from the Internet.  

1) Uploading to the Server instructions (Windows and Apple Users) : FileZilla FTP Instructions
2) You can use the library computers if you don't feel comfortable putting FileZilla on your computer.
3) You can also download a portable version of FileZilla that you can
put on a flash drive instead of installing it on your computer.
You an get it at http://download.cnet.com/FileZilla-Portable/3000-2160_4-10834891.html  .
Once you unzip it and start the program, you can follow the rest of the instructions above.

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.

Please start early so you can take advantage of our online and on-campus contact hours.



Read this!  HTML FAQs

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