1 / 15

HTML & Nvu

HTML & Nvu. David Tristano Drexel IRT Dept. dmt34@drexel.edu. Today:. What are web pages (compare to …) Gathering tools dunx1 SSH Nvu Working in Nvu References Questions. Creating a …. Word Doc. Web page. Gather your ideas Open Word Writing and formatting Save Email.

ellard
Download Presentation

HTML & Nvu

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 … Word Doc Web page • 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

  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 • HyperText Markup Language • 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. .html Web page process

  11. .html Web page process

  12. .gif .html Web page process

  13. .gif .html .html .html .jpg Web page process

  14. .gif .html .html .html .jpg Web page process

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

More Related