Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
Download Lecture 7
Document related concepts
no text concepts found
Transcript
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. Study
lecture 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)
Client Bob
Internet
Yahoo Server
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.
Good Luck!
