CANM 608 Web Tech 1
From EAPWiki
Welcome to the CANM 608 Web Tech 1 Wiki page.
This page is an ESL Support page for ALL students in the Web Tech 1 class.
Any student in the class may contribute to this page.
Please do not delete another student's comments.
If we are showing code or talking about definitions, please point out where
you think a mistake was made in your own post, rather than editing another student's.
Please do not post any information on this page that you do not want made public.
All material on this WIKI site is viewable to everyone who has the location.
You must be registered to post on this page, but that is very easy to do.
The WIKI will tell you how to register so you may then post.
This page will have information about our classes
as well as some of the important VOCABULARY you should know.
Please post here if you have any questions or would like to contribute information!
Here we go!
"XHTML is like nouns are in English; it is like objects, which have no life of their own;
CSS is like adjectives; "green book, blue pen";
Javascript is like verbs; it is the activity, lets us give commands to the web browser that cause something to happen."
-Ethan Wilde, Web Tech 1 Instructor
WEB TECH 1 VOCABULARY
Absolute/Relative URLs:
Absolute: shows entire path to the file
Use when referencing a file from someone else's server
Relative: references files in the same folder; describes the location of the desired file with reference to the location of the file that contains the URL itself
alt tag: offers alternate text in place of an image
Example: [<img src="jetplane.jpg" alt="an airplane"/>]
Ajax:
Asynchronous JavaScript And XML; a programming technique for creating interactive Web applications
[source: http://www.netlingo.com/lookup.cfm?term=Ajax]
As used in class lecture:
A "buzz word" in web design.
A buzz word is another name for popular slang term, commonly used by people who are knowledgeable in a certain field, in this case computer technology.
anchors: allow a user to "jump" from one place on a web page to another place on a page or within the site or another site
attribute:contain information about the data in the document; in XHTML, must be in quotes</b>
block-level: element that affects a block
blockquote: marks quoted text with an indent
body: contains content of web page; part visitors will see, text and graphics
comments: can be added to XHTML documents; are only read by those reading the code []
center: centers elements on a page
DOCTYPE declaration: declares what type of document you are creating
divisions: you can break a page into divisions using the div tag
encoding: all text documents are saved with character encoding, many different kinds; XHTML requires that you declare encoding if it is other than UTF-8 or UTF-16
horizontal rules: Creates a horizontal rule on a page
HTML:
Stands for "HyperText Markup Language"; the coding system used to create WWW pages.
[source:http://www.walthowe.com/glossary/h.html]
As used in class lecture:
All web pages start and end with html and /html tags.
element: labels that identify and structure different parts of a web page
may be given either unique name or one that identifies them as belonging to a particular class
Id="name" name identifies the element
Favicon: the little image that appears in the address bar along with your web address (short for favorites icon)
file: for locating files on a local hard disk or network
file names: Use lowercase; Use correct extension (.htm or .html)
FTP: file transfer protocol
headers: up to 6 levels of headers provided by XHTML
Current major browsers will display them all the same; Times New Roman, boldface, 24/18/14/12/10/8 (9 on Mac)
Use styles to format headers
Helper applicationan external program launched to display content using a web browser, helps to view that content on the web
href: stands for hypertext reference
image resolution: Actual number of pixels on a monitor or in an image (640 x 480)
image compression: Lzw (for gif images); good for logos, rendered text, other images with large areas of single color;
gif images limited to 256 colors
Jpeg: good for compressing photos with bitmapped color; lossy compression (permanently eliminates details in order to save space)
Png: compresses better than lzw, does not lose info like jpg, does not allow animation like gif
index page: default page (index.html) in a web directory
inline: affects partial text within a paragraph etc.
inline spans: inline elements or spans, within a line or paragraph of text
mailto: for sending email
Unicode: a universal system for encoding all the characters in all of the world's languages for use on the internet
paragraphs/spacing: XHTML does NOT recognize returns, spacing made with space bar entered in text editor
Parents/children: parent elements contain children; elements contained in the child are descendants
Plugin: a computer program that interacts with a web host application to provide a certain function, such as playing a specific type of file
SAVE FOR WEB: command in Photoshop to save a graphic or photo for web use; should be in RGB mode
superscript/subscript: [sup] for superscript; [sub] for subscript
title: appears in the title bar of the window Cannot contain formatting, images or links to other pages; used in history, favorites, and bookmark lists
tool tip labels: gives visitors clues when a visitor to web site points at an element
transparency: can be used to create complex layouts (usually using CSS)
Value:
width/height specifications: specifying widths and heights for images in xhtml document
EXAMPLE:[img src="fruits.jpg" width="400" height="200" alt="pears and apples"/]
XHTML:
Strict: cannot use deprecated tags
Transitional: deprecated tags are still valid
Frameset: allows frames
