Professor Brian R Banho. Design, create, and publish web sites Learn Microsoft Expression Web...

18
Professor Brian R Banho

Transcript of Professor Brian R Banho. Design, create, and publish web sites Learn Microsoft Expression Web...

Professor Brian R Banho

Design, create, and publish web sites Learn Microsoft Expression Web software Explore Web design resources Create a portfolio of work

2

Internet

Vista

URL

CSSWWW

ISP

XHTML

BrowsersProtocols

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

Why do we need networks?1.2.

For what purposes do we use the internet?

1.2.3.

Who built it?

8

A hypertext information system Non-linear

New media

Global in scope

Interactive

Dynamic/realtime

Cross-platform9

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 ET710A 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/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></body></html>

14

<!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 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 documentEncoding = ANSI

2) A Browser to view the code. 17

10+ pages edited writing In-class writing Writing related material:1. Reading2. Vocabulary3. Grammar4. Editing

18