When did Mosaic, the first graphical web browser, become available?
Where were the four first connected computers housed in 1969?
UCLA, Stanford Research Institute, University of California Santa Barbara, and the University of Utah
What organization takes a proactive role in developing recommendations and prototype technologies related to the web.
World Wide Web Consortium (W3C)
Computers joined by a network
Two or more computers connected for the purpose of communicating and sharing resources
Hypertext Transfer Protocol HTTP
Set of rules for exchanging files like text, graphic images, sound, video, and other multimedia files on the web.
Set of rules that allows files to be exchanged between computers on the Internet.
Hypertext Markup Language HTTP
Set of markup symbols or codes placed in a file that is intended for display on a web page
Two sections of a web page
The head section and the body section
Contains the head section
Configures the text that will appear in the title bar of your web browser.
Describes a characteristic of a web page, such as the chatacter encoding
Contains the body section
Transmission Control Protocol
Ensure the integrity of network communication
Set of rules that controls how data is sent between computers on the Internet
What file extension do web page documents typically use?
The homepage of a website is typically named what?
Displays text in a special way, indented from both left and right margins.
Generic structural area or "division" of a web page
Contain the headings of either web page document or an area within the document
Contain a section for navigational links
Contain the main content of a web page document
<a> </a> Specify a hyperlink
Open a hyperlink in a new browser window or tab.
Indicates the absolute location of the resource on the Web.
When you need to link pages within your site, does not include a domain name. "contact.html" is a relative hyperlink
Represents the structure, or organization, of pages in a website in a visual manner.
Use mailto:// instead of //
Three common types of website organization
Hierarchical, Linear, and Random
Hierarchical Organization
Clearly defined homepage with links to major site sections.
Useful when the purpose of a website or series of pages within a site is to provide a tutorial, tour, or presentation that needs to be viewed sequentially.
Offers no clear path through the site.
The process of creating an image with the lowest file size that still renders a good quality image-balancing image quality and file size
A navigation aid that shows users the path they have taken to get to a web page or where the page is located within the website; it usually appears at the top of a page.
A sketch or diagram of a web page that shows the structure of basic page elements.
The web page content has a fixed width and may hug the left margin
Content typically configured with percentage values for width
Progressively enhancing a web page for different viewing contexts
Web Content Accessibility Guidelines 2.0
Perceivable: Content is easy to see and hear
Operable: Content can be accessed without keyboard or mouse, avoids flashing
Understandable: Content is easy to read and organize consistently
Robust: Content can be used with a variety of software and systems
POUR
Add a style to an individual HTML tag such as a heading or a paragraph
Used in the head of an HTML, applied to entire document
<head> <style> p {background-color: #000000;} </style>
•Separate text file with .css file extension •Associate with a HTML link element in the head section of a web page
•Similar to External Styles •Embed an external style using @import directive
the selector can be an
- HTML element name
- a Class Name
- ID Name
CSS style rule declaration
• indicates the CSS property you're setting (such as color) and the values you're assigning to that property.
To apply a CSS declaration to one or more areas on a web page.
.feature { color: #FF0000; }
To identify and apply CSS rule uniquely to a single area on a web page.
#content { color: #333333; }
To specify an element within the context of its container (parent) elements. main p { color: #00FF00; }
Specifies the file name of the image
Provides a text replacement, typically a description of the image.
Repeat – Default Repeat Y – Vertical Repeat
Repeat X – Horizontal Repeat No Repeat – Image does not repeat
Background-Repeat: space;
Repeats image in background without cutting off parts of image by adjusting empty space around the repeated images.
Background-Repeat: round;
Repeats the image in the background and scales (adjusts) the dimensions of the image to avoid clipping.