1. Professor Brian R Banho

2.  Design, create, and publish web sites  Learn Microsoft Expression Web software  Explore Web design resources  Create a portfolio of work 2 Internet scripts URL CSS WWW ISP XHTM L Browsers Protocol s

3.  Emergency Closing: (718)631-6262 or www.qcc.cuny.edu Emergency School closing Linkwww.qcc.cuny.edu  Calendar: www.qcc.cuny.edu > Academics>academic calendar>Semester www.qcc.cuny.edu 3

4.  Silence all electronic devices  Attend and come prepared (logistically and mentally)  Follow the “headline rule” of behavior.  Promise yourself success in this endeavor. Act on this promise.  Grades (Repect and value for the CUNY diploma): Giving vs Reporting. Opportunity vs. Outcomes  Requirements in line with the professional world: Do work when its due. Each lesson depends on understanding the previous lesson’s work. 4

5.  Attend all Wednesday classes.  Review all handouts between classes.  Complete and submit all work on time.  If absent, make contacts, review week’s handouts. Homework still due on time. There are 96 hours between Wed 9pm and Sun 9pm. Homework not accepted after this time.  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

6.  A hypertext information system Non-linear New media Global in scope Interactive Dynamic/real-time Cross-platform 6

7.  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) 7

8. Example Folder and File names  Documents and Settings  Homework_3.doc  BarackObama.jpg  Assignment_1.txt  My Web Sites  ET710 A file extension (the 3 letters following the dot) informs us of a file’s type so that we (or the computer) can open it with the appropriate program. 8

9. 1. Finding information / categories 2. How to save text? Pictures? 3. How does Google make $ ? 9

10.  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. Safari is a browser.  Expression Web and Dreamweaver : HTML editors, programs used to create web pages and manage sites.  URL: Uniform Resource Locater. Each web page on the internet has a unique address. http://www.qcc.cuny.eduhttp://www.qcc.cuny.edu is a URL. 10

11.  A computer language used to describe page layouts.  Tags are keywords used to describe various page elements(for example, paragraphs and lists).  Tags begin with.  Tags are lowercase*  Many tags are paired. … ; there is an opening and a closing tag with the same name.  Browsers parse the tags and render the page. Another way to say this is that browsers read the html codes and translate them into what we see when we look at a web page. 11

12. <!DOCTYPE info so the browser knows what rules to follow to understand the code" Untitled 1 12

13. Untitled 1 This is the only text that will appear in the user’s browser. 13

14. Untitled 1 This is the only text that the user sees in the browser window. Between which tags is this user-viewable content located? To see the XHTML code, Click View-> Source. 14

15. 1) A text editor (Notepad) to create the web page code. Save the file with: a.htm or a.html extension. Type = Text document Encoding = ANSI 2) A Browser to view the code. 15

16.  Structure  XHTML DOCTYPE is mandatory ,,, and is mandatory XHTML Elements  XHTML elements must be properly nested  XHTML elements must always be closed  XHTML elements must be in lowercase When we refer to an XHTML element we typically mean the opening and closing tag as well as the content in between. Example: This is a paragraph.