Transcript Document

Professor Brian R Banho




Design, create, and publish web sites
Learn Microsoft Expression Web software
Explore Web design resources
Create a portfolio of work
Protocol
s
WWW
Browsers
XHTM
L
CSS
Internet
URL
ISP
Vista
2



Monday and Wednesday 6:15 – 8:55
Emergency Closing: (718)631-6262 or
www.qcc.cuny.edu
Calendar:
www.qcc.cuny.edu
> quick links> calendar> academic
3

Silence all electronic devices

Attend and come prepared (logistically
and mentally)

Follow the “headline rule” of behavior.

Promise yourself success in this
endeavor.

Class Breaks*
4




Be Proactive.
Begin with the end in mind.
Do First Things First.
Proposition: We are the products of our own
choices. We have the power to reinvent
ourselves. Our habits have a huge influence
on our behavior. We choose our habits.
5
Meaningful Work through passion, not genius:
When we put forth effort, we get reward.
When we put our heart, mind and soul into something, we get
something back.

Accumulative Advantage: small advantage snowballs into much
larger ones down the road.
Examples:
6





Global economy.
Level Playing Field.
With whom do you compete for jobs?
Who studies harder?
Now is a time of extreme challenge AND
extreme opportunity.
7
1.
2.
1.
2.
3.
Why do we need networks?
For what purposes do we use the
internet?
Who built it?
8

A hypertext information system
Non-linear
New media
Global in scope
Interactive
Dynamic/realtime
Cross-platform
9

The desktop metaphor

Folders and Files: create, modify, save,
delete.

Windows: Close, minimize, restore, resize.



The Clipboard: Cut and Paste, Copy and
Paste,
working with multiple windows.
File names and file extensions.
Screen Capture (prt scr)
10
Example Folder and File names
Documents and Settings
 Homework_3.doc
 BarackObama.jpg
 Assignment_1.txt
 My Web Sites
 ET710
A file extension informs us of a file’s type so
that we (or the computer) can open it with the
appropriate program.

11
1.
Finding information / categories
2.
How to save text? Pictures?
3.
How does Google make $ ?
12
Internet/WWW
 HTML: Hypertext Markup Language
 Browser: A program used to view web pages
written in HTML. Internet Explorer is a browser.
Firefox is a browser.
 Expression Web and Dreamweaver and
Frontpage : HTML editors, programs used to
create web pages and manage sites.
 URL: Uniform Resource Locater. Each web page
on the internet has an address.
http://www.qcc.cuny.edu is a URL.

13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>Untitled 1</title>
</head>
<body>
</body>
</html>
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>Untitled 1</title>
</head>
<body>
This is the only text that will appear in the user’s browser.
</body>
</html>
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<title>Untitled 1</title>
</head>
<body>
This is the only text that the user sees in the browser window.
<br />
<br />
Between which tags is this user-viewable content located?<br />
<br>To see the XHTML code, Click View-> Source.
</body>
</html>
16
1) A text editor (Notepad) to create
the web page code.
Save the file with:
a .htm extension.
Type = Text document
Encoding = ANSI
2) A Browser to view the code.
17



1.
2.
3.
4.
10+ pages edited writing
In-class writing
Writing related material:
Reading
Vocabulary
Grammar
Editing
18