Download presentation
Presentation is loading. Please wait.
1
ET-710 Web Technology: Building and Maintaining Web Sites
Professor Brian R Banho
2
Overview Design, create, and publish web sites
Learn Microsoft Expression Web software Explore Web design resources Create a portfolio of work HTML5 Browsers CSS WWW jQuery Bootstrap Bootstrap URL scripts
3
Course Requirements: 1) USB Flashdrive 3) Access to a Windows computer running Expression Web software. 4) Access to the Internet. Class Library: *** Homework will be the basis of your grade *** Homework is due on Friday evening by 9pm. Late homework will be accepted (without penalty)until Sunday at 9pm. No homework will be accepted after this time. Emergency Closing (e.g. weather): (718) or > Emergency Information Link
4
Rules/Common Sense 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.
5
Success in this Hybrid Class
Attend all 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 120 hours between Tuesday 9pm and Sunday 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. 1-initiative 2-Picture big picture endgame, last day of class 3-family, work, play, idle play
6
Windows fundamentals 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
Example Folder and File names
Windows 7 fundamentals 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
Project 1 Vocabulary 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. is a URL.
9
HyperText Markup Language
A computer language used to describe page layouts and provide links to various documents. Tags are keywords used to describe various page elements(for example, paragraphs and lists). Tags begin with < and end with >. Tags are lowercase* Many tags are paired. <html> … </html>; 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 (humans) see when we look at a web page.
10
Sample HTML Example 1 <html > <head> </head>
<!DOCTYPE info so the browser knows what rules to follow to understand the code" <html > <head> <title>Untitled 1</title> </head> <body> </body> </html>
11
Sample HTML Example 2 <!DOCTYPE html> <head>
<title>Untitled 1</title> </head> <body> This is the only text that will appear in the user’s browser. </body> </html>
12
Sample HTML Example 3 <!DOCTYPE html > <head> <title> Page 3</title> </head> <body> This is the only text that the user sees in the browser window. <br /> Between which tags is this user-viewable content located?<br /> <br />To see the XHTML code, Click View-> Source. </body> </html>
13
What is needed to create a web page?
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 = UTF-8 2) A Browser to view the code.
14
HTML rules/conventions
Structure HTML DOCTYPE is mandatory <html>, <head>, <title>, and <body> HTML Elements HTML elements must be properly nested HTML elements must always be closed HTML elements are recommended to be in lowercase When we refer to an HTML element we typically mean the opening and closing tag as well as the content in between. Example: <p>This is a paragraph.</p>
Similar presentations
