web overview

At Home with Technology: Web Page Overview : 

At Home with Technology: Web Page Overview Anne Kolaczyk OIT Technical Editor

Responsible Use policy: 

Responsible Use policy Computer resources exclusively for furtherment of University’s mission University allows occasional personal use Must abide by Responsible Use policy and restrictions therein Full document at http://www.nd.edu/~doc/General/G0001.pdf

Policy states, among other things:: 

Policy states, among other things: No advertising No e-commerce No political endorsements No copyright infringements No pornography or anything that would reflect poorly on the University

What is a Web page?: 

What is a Web page? An html file Along with any graphics used on it Saved on a Web server

What does that mean to me?: 

What does that mean to me? Create a page in Word, Composer, or Dreamweaver. Save it as an html file (with an .html extension) to your afs www folder (or your netfile www folder). Save all photos and graphics on the page in the www folder too. View it in a browser at http://www.nd.edu/~yourNetid/filename.html

It can’t be that easy!: 

It can’t be that easy! Really really simple page http://www.nd.edu/~akolaczy/text.html

Another simple page: 

Another simple page http://www.nd.edu/~akolaczy/wedding.html

Yet another simple page: 

Yet another simple page http://www.nd.edu/~akolaczy/moses.html

It can’t be that easy!: 

It can’t be that easy! Really really simple page http://www.nd.edu/~akolaczy/text.html Another simple page http://www.nd.edu/~akolaczy/wedding.html Yet another simple page http://www.nd.edu/~akolaczy/moses.html

Simple: 

Simple All text Direct links Few graphics

Complex: 

Complex Graphics Rollovers Hidden links Navigation bars

Parts of pages: 

Parts of pages Banner Navigation bar Text Table Graphics Background

More parts: 

More parts Site map Button Page link Anchors Email link

Still more parts: 

Still more parts Frames page link Animation page link

Web design: 

Web design HTML Word Netscape Composer Macromedia Dreamweaver

HTML: 

HTML Written in text editor software

HTML page: 

HTML page

Word and HTML: 

Word and HTML Word saved as HTML Text file pasted into Composer file

More Word: 

More Word Can add links Photos and graphics May not be able to do small editing changes

Netscape Composer: 

Netscape Composer Basic Easy to learn

Composer example: 

Composer example

Macromedia Dreamweaver: 

Macromedia Dreamweaver Complex More versatile Steeper learning curve The Web design software

Dreamweaver example: 

Dreamweaver example

Web page graphics: 

Web page graphics Resolution: 72 dpi .jpeg or .jpg For photos .gif For other graphics .png Fireworks graphics file Web-safe colors

Design software: 

Design software Photoshop Macromedia Fireworks Macromedia Flash

Photoshop: 

Photoshop Photograph manipulation Text design

Macromedia Fireworks: 

Macromedia Fireworks Text design Drop shadows Embossing Photograph preparation File type

Macromedia Flash: 

Macromedia Flash Animation page link

Steps to making a Web page: 

Steps to making a Web page Decide purpose Educate? Share? Distribute? Decide structure Multiple pages? Divisions of info? Design page Create graphics Prepare photos Write text Assemble Save all files to server Check links and re-establish, if necessary

URLs: 

URLs http://www.nd.edu/~yourNetid/filename.html

Classes being held this semester: 

Classes being held this semester HTML Composer Dreamweaver Photoshop Fireworks Creating Digital Media Register at http://ilearn.nd.edu

At Home with Technology— Internet Connectivity: 

At Home with Technology— Internet Connectivity Learn about the options available for connecting to the Internet from your home: Modem Broadband ADSL/DSL Satellite Learn about special purpose options like virtual private networks and remote desktop access This is intended for novices wishing to understand the options available. Register at http://ilearn.nd.edu Tues. March 23 Noon Notre Dame Room LaFortune Hall