150 likes | 259 Views
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.
E N D
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 • Gather your ideas • Open an editor (Nvu) • Writing and formatting • Save* • Move to web server
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
Differences: File Formats Binary vs. Text – sample binary file
Differences: File Formats Binary vs. Text – sample text file
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
What is HTML • HyperText Markup Language • Hypertext = links • Markup = fonts, colors, bold, etc…
Why HTML? • Limitations of WYSIWYG editors • Good for fixing things • Learning more • Many HTML references • few “Nvu + HTML” references
.html Web page process
.html Web page process
.gif .html Web page process
.gif .html .html .html .jpg Web page process
.gif .html .html .html .jpg Web page process
Dunx1 Files “root” folder SFTP Example File Structure Local Files