Download
1 / 14
140 likes | 264 Vues
The midterm exam will take place in class on Thursday, Feb. 20th, from 5:15 to 6:30 PM. It is an open book and notes exam, but no electronic devices are permitted. Be prepared to use either pencil or pen, and remember that collaboration with classmates is strictly prohibited. The exam will cover materials from Lectures 1 to 6, including topics like Client-Server architecture, HTTP, IP addresses, HTML5, and CSS. Study true/false, multiple choice, short answers, and code-related questions. Good luck!
E N D
Lecture 7: Midterm Review Administration, Coverage, Review
Exam Administration • Midterm exam is in class from 5:15 – 6:30PM on Thursday Feb 20th. • The exam is open book and open notes. No electronic device is allowed during the exam, such as cellphones, laptops, etc. • You can use both pencil and pen for the exam. • Absolutely no collaboration with other classmates.
Coverage • The topics we covered from Lecture 1 to Lecture 6. Studylecture materials, assignments, and online references. • Topics include, not limited to, Client-Server architecture, HTTP, IP address, HTML5, Cascading Style Sheet (CSS). • Types of Questions • True or false • Multiple choices (Best answer) • Short answers • Code-related questions.
Review • Client-Server architecture • A client initiates a request message to the server; the server generates a response message (HTTP document) Yahoo Server Client Bob Internet
HTTP • Hypertext Transport Protocol • A communication protocol which specifies how web clients and servers should communicate. • HTTP request message • Start Line, Header fields, Blank line, Message body. • HTTP request method • GET • POST
HTTP • HTTP Response Message • Status Line • Header fields • Blank line • Message body
HTML5 • HTML5 is the new standard for HTML. It can display everything including text, images, video, and animations • HTML5 is cross-platform. It will display content on smart-phones, tablets, computers or a Smart TV. • HTML5 elements and attributes • <!DOCUMENT html> • <title>, <head>, <div>, <table>, <a>, <img>, <video>, etc. • id, style, width, height, background-color, etc
CSS • Block element vs Inline Element • <div> vs <span> • Why do we need separate semantics from presentation of a web page? • CSS core syntax • Selector • Property • Value • Separator(;)
CSS • Block element vs Inline Element • <div> vs <span> • Why do we need separate semantics from presentation of a web page? • CSS core syntax • Selector • Property • Value • Separator(;)
CSS • ID and CLASS selectors can be prefixed by an element type name. • For example, span.special{background-color: red}. • Descendant Selectors • ul span{color: red} • Class selector can be included in the ancestor list • .special span{color: yellow}
CSS Positioning • By default, a HTML document has a normal flow. • Alternatives • Relative position • Float position • Absolute position • What is Inline CSS, Internal CSS, and External CSS?
Cascading of Style Sheet Rules • Please review lecture 5 carefully which covers Cascading rules. • When to use Cascading rules? • Rule cascading: a multistage sorting process that selects a single declaration that will supply the property value • For example, li.special{color: red}, *.special{color: green} • .header1{font-size:50pt}, #header{font-size:30pt} <p id=“header1” class=“header”>FSU</p>
Inheritance • When to use inheritance? • An element inherits a value for one of its properties by checking to see if its parent element has a value for that property. If so, inheriting the parent’s value.
