Download presentation
Presentation is loading. Please wait.
1
The Internet Day 4, 9/8/11 Getting on the Internet
CIS 228 The Internet Day 4, 9/8/11 Getting on the Internet
2
HTML Character Entities
< < < less than > > > greater than & & & ampersand “ " " double quote ' ' ' apostrophe non- breaking space More:
3
Some HTML Elements <q> inline quotations
<blockquote> block quotations <br> line break <ol> ordered (numbered) list <ul> unordered (bullet) list <li> list item <dl> definition list <dt> term being described <dd> description
4
Kinds of HTML Element Block elements: <html>, <h1>, <p>, <blockquote>, … Inline elements: <img>, <em>, <strong>, <q>, … Inline elements cannot contain block elements <p> cannot contain block elements Immediate children of <blockquote> must be blocks Immediate children of <ol> and <ul> must be <li> <li> is a block element that can have block elements and inline elements as its children <br> an empty element that can be block or inline
5
Web Page Organization Web pages are stored in files
Files live in directories (aka folders) Directories can contain other directories The directory structure forms a tree Files are the leaves of the tree Web pages specify other web pages By the path connecting their respective files
6
Organizing Your Web Pages
Create a directory to be the root of your web site Your main page should be “index.html” In your root directory Web servers will route request for your root directory here Unfortunately, the Windows file system will not Create a sub-directory for images Create a sub-directory for style sheets (maybe) Create a sub-directory structure that Reflects the structure of your web site's content
7
Web Vocabulary Web page – the unit of hypertext content stored on a server and displayed by a browser Server – a repository for web pages, which are delivered to browsers upon request Browser – obtains web pages specified (explicitly or implicitly via a hyperlink) by a user and displays their contents to the user Hyperlink – clickable html element that indicates a transition to a web page specified by an attribute in the opening tag of the element Hypertext – text containing one or more hyperlinks
8
Hypertext <a> element specifies a hyperlink
Content (the link label) is clickable CSS specifies how this content is displayed Usually underlined and in a distinctive color href attribute specifies a new web page As a path to a file on the same computer, or As URL (Uniform Resource Locator) today's class title attribute is a textual description of the page Suggestion: title attribute should match page's title element id attribute provides a destination for hyperlinks target attributes specifies a different window (or tab)
9
URL's Uniform Resource Locator protocol://domain:port/path#fragment
Protocol – a scheme for exchanging information http (hypertext transfer protocol), ftp, etc. Domain – identifies a server Port – optional number for the protocol to use Path – specifies a file on the server Fragment – specifies a location within the file
10
Domain Names Top level: com, org, net, edu, mil, …
Second level: google.com, cuny.edu, … You can acquire these Provided by Domain Name Registrars ($10/year) Go Daddy, eNom, Tucows, Melbourne IT, Key- Systems Deeper level: lehman.cuny.edu Administered by the second level name owner Typically, the first name identifies a machine media.lehman.cuny.edu
11
Web Hosts Your domain, subdomain, or directory Free Advertizing
Limited features (storage, bandwidth, functionality) Limited support Google sites ?? Not (typically, $3.50 to $5 per month on up) Support may be worth it for a small business
Similar presentations
