1. HTML & Nvu David Tristano Drexel IRT Dept. dmt34@drexel.edu

2. Today: What are web pages (compare to …) Gathering tools – dunx1 – SSH – Nvu Working in Nvu References Questions

3. Creating a … Gather your ideas Open Word Writing and formatting Save Email Gather your ideas Open an editor (Nvu) Writing and formatting Save* Move to web server Word DocWeb page

4. Differences: Word & Web pages Word –opens in Word for reading and writing Web page –opens in browser (Firefox, IE) for reading –opens in editor (Nvu, FrontPage, DW) for writing –opens in text editor (Notepad, SimpleText) Advice –never open a web page with Word

5. Differences: File Formats Binary vs. Text – sample binary file

6. Differences: File Formats Binary vs. Text – sample text file

7. Differences: Images & Links Word: embedded images Web pages: links to images and others… Links: to external sites (absolute links) to your site (relative or absolute links) internal links

8. What is HTML H yper T ext M arkup L anguage Hypertext = links Markup = fonts, colors, bold, etc…

9. Why HTML? Limitations of WYSIWYG editors Good for fixing things Learning more –Many HTML references –few “Nvu + HTML” references

10. Web page process.html

11. Web page process.html

12. Web page process.html.gif

13. Web page process.html.gif.jpg

14. Web page process.html.gif.jpg

15. Example File Structure Local Files SFTP Dunx1 Files “root” folder