CIS 3630 Test 1b.txt

• Provide information to Web search engines about the Web page
• Use to set formatting characteristics for the entire Web page, such as the page description, the keywords, and the background color for the page
• Alternatively, you can display the page properties by clicking File on the menu bar, and then clicking Properties

• Text appears in the title bar at the top of the screen when the Web page is viewed in the browser
• Is scanned by Web search engines
• Should be brief, yet descriptive of the page content, limit to 70 characters

In the Page Properties dialog box, click the Formatting tab

You can also change the page background by clicking Format on the menu bar, and then clicking Background. You can also press the Alt+Enter keys

• A style that affects the appearance of a portion of text within a block-level element
• Formatting changes that apply to just a particular section of one document. Yet, this syle for the background color has been used with the [body] tag, the style affects the entire page

• Keep track of what tags have been entered in your code, lists the most recent tags you have used
• Is fixed at the top of the Editing window
• It makes it easier to select, edit, and remove tags while working in Design view
• You can click the list arrow to select a tag and its contents, select only the contents of the tag, edit or remove the tag, open the Quick Tag Editor, or open the properties dialog box for an item
• The Quick Tag Selector bar is often referred to as the "breadcrumb bar" because it shows a trail of tags that leads from one point in the document code to another

• Specially formatted text that appears over body text and categorizes the text. XHTML has 6 heading styles
• The 6 heading elements (h1 through h6) are commonly used to change the appearance of a single line of text. Headings do the following:
• Change the size of text
• Make the text appear in bold
• Insert a blank line before and after the text in the heading

• Creating headings is not the only method for changing the size of text. A point is a unit of measurement for type. A point is in typography, approximately 1/72 of an inch in height
• Expression Web also allows you to change the point size alone by choosing from 7 CSS keywords in the Font Size list box on the Common toolbar. A keyword is a word that has special meaning in CSS code

• Heading: -
• CSS: xx-large
• Point Size: 36

• h1, x-large, 24
• h2, large, 18
• h3, medium, 14
• h4, small, 12
• h5, x-small, 10
• h6, xx-small, 8

You can format them, such as h2 heading display 36 points rather than 18 points. To do so, you would create the h2 heading, select the text in the heading, and apply a different point size

• A particular design given to the appearance of text
• Times New Roman and Arial are 2 very common used fonts

• Has stroke endings that resemble hooks or tails, ex: Times New Roman
• A font whose characters have finished strokes

A font that does not have the stroke endings or not have finishing strokes, ex: Arial

Each character occupies the same amount of space, similar to print from an old-fashioned typewriter

Resembles handwriting

More artistic, has an artistic flair

A particular type of font, such as Arial

• A group of variations on the same font face or similar typefaces, such Arial, Arial Narrow, and Arial Black
• It can also be a group of fonts with similar appearance but different names, such as Arial or Helvetica
• The Arial font is commonly found on Windows systems
• The Helvetica font is commonly found on Apple computers

• 1. Serif: Letters have strokes (serifs) that finish the top or bottom of the letter form, such as Times New Roman
• 2. San serif: Letters do not have finishing strokes, such as Arial
• 3. Monospace: Fixed-width letters, such as Courier New
• 4. Fantasy: Decorative letters, such as Broadway
• 5. Cursive: Letters designed to look like handwriting or script, such as Lucida Handwriting

The list of fonts to be used, such as Arial, Helvetica, sans-serif

• Click Format on the menu bar
• Click Borders and Shading

• Text color
• The foreground color of text

Background color of text

• 1. By name
• 2. By their RGB triplet
• 3. By hexadecimal value, 00 is the lowest intensity, FF is the highest

• A number system based on the number 16
• After the number 9, the letters A, B, C, D, E, and F are used to represent the numbers 10, 11, 12, 13, 14, and 15
• The hexadecimal number is preceded by a flag character, the # symbol
• The numbers that follow the # flag character will be treated as code, not a number
• Hexadecimal numbers = hex code
• Repeated values can also be put into code using a shorthand notation called short hex

The decimal system is based on the number 10

A character such as the # symbol that has special significance in XHTML or CSS code

#000080

#FFFF00 or #FF0 (short hex notation)

• Aqua, (0,255,255), #00FFFF
• Black, (0,0,0), #000000
• Blue, (0,0,255), #0000FF
• Fuchsia, (255,0,255), #FF00FF
• Gray, (128,128,128), #808080
• Green, (0,128,0), #008000
• Lime, (0,255,0), #00FF00
• Maroon, (128,0,0), #800000
• Navy, (0,0,128), #000080
• Olive, (128,128,0), #808000
• Purple, (128,0,128), #800080
• Red, (255,0,0), #FF0000
• Silver, (192,192,192), #C0C0C0
• Teal, (0,128,128), #008080
• White, (255,255,255), #FFFFFF
• Yellow, (255,255,0), #FFFF00

Show formatting marks

• Has many of the same buttons found on the Standard toolbar in Microsoft Word, such as Spelling, Cut, Copy, Paste, and the Format Painter
• You can also use the Show formatting marks button on the Standard toolbar to reveal nonprinting characters, just as you would use the Show/Hide button in Microsoft Word
• Click View on the menu bar, point to Toolbars, and then click Standard

To position the insertion point at the top of the page

• In the Editing window, click anywhere on the word
• Press the Shift+F7 keys
• You can also click Tools on the menu bar, and then clicking Thesaurus

Click Tools on the menu bar, point to Spelling, and then click Spelling options

• Click the Find button in the Standard toolbar or
• Press the Ctrl+F keys or
• Click Edit in the menu bar, and then click either Find or Replace

Clicking the Find All button in the Find and Replace dialog box creates a list of all occurrences of the search string. The list appears in the Find1 window at the bottom of the screen

• Ctrl+Z keys or
• Click the Undo button

• It is important that the text you are copying into Expression Web not have any formatting
• To remove fomatting from text, select the text, click Format on the menu bar, then click Remove Formatting

• If more than one page is open, press Ctrl+Tab keys to cycle forward through open pages
• Press the Ctrl+Shift+Tab keys to cycle through them backward

• XHTML refers to a bulleted list as an unordered list and a numbered list as an ordered list
• XHTML also has a third type of list, a definition list, which is primarily used to create a hanging indent

• A list in which the items can be shown in any order
• When the items in a list have no order of importance and do not need to appear in sequence
• The Bullet button on the Common toolbar is used to create an unordered list
• In the XHTML code, a start [ul] tag precedes an unordered list, and an end [/ul] tag follows the list
• Each item in the list is preceded by a start list item tag [li] and followed by an end list item tag [/li]
• An image can also be used as a bullet

• A list that uses numbers or letters to precede the list items
• When the items in a list have a particular order of importance or should appear in sequence
• The Numbering button on the Common toolbar is used to create an ordered list
• The XHTML tags for the ordered list are nearly the same, except that a start [ol] tag precedes the list and an end [/ol] follows the list

A set of choices, arranged as graphics in a line or table, from which you may click to make a selection

• Click anywhere inside the bulleted list
• In the Quick Tag Selector, click the [ul] or [ol] tag list arrow
• Click Select Tag Contents
• Click Format on the menu bar, and then click Bullets and Numbering. The List Properties dialog box opens

An image can also be used as a bullet

• A type of ordered list
• Sets the type of the list-item marker
• 5 List style types for letters and numbers:
• 1. Arabic numbers (the default)
• 2. Lowercase Roman numerals (i, ii, iii, etc.)
• 3. Uppercase Roman numerals (I, II, III, etc.)
• 4. Lowercase letters (a, b, c, etc.)
• 5. Uppercase letters (A, B, C, etc.)

• 1. Underline: Underlines text (do not use, underlined text might be confused with a link)
• 2. Strikethrough: Places a line through text (seldom used)
• 3. Overline: Places a line above text (use in math equations and with underline to decorate headings)
• 4. Blink: Makes text blink on and off (do not use, considered amateurish and distracting)
• 5. Superscript: Raises text one-half line above the line of type (often used for footnotes)
• 6. Subscript: Lowers text one-half below the line of type (often used in chemical formulas and math equations
• 7. Small caps: Displays text in a slightly smaller point size and in all capitals
• 8. All caps: Capitalizes all letters in the text
• 9. Hidden: Hides text
• 10. Strong: Makes text bold
• 11. Emphasis: Makes text italic
• 12. Sample: Displays text in a monotype font face (seldom used)
• 13. Definition: Makes text italic (seldom used)
• 14. Citation: Makes text italic (seldom used)
• 15. Variable: Makes text italic (seldom used)
• 16. Keyboard: Displays text in a monotype font face (seldom used)
• 17. Code: Displays text in a monotype font face (seldom used)

To make the quoted material stand out by being indented

Code that the W3C (World Wide Web Consortium) has declared/determined should no longer be used

• In the Editing window, click anywhere in the quoted paragraph
• Click the code tab above the paragraph
• Click Format on the menu bar, and then click Paragraph

The paragraph dialog box can also used to add word spacing between words to create a spread heading, where extra white space between words is added to spread the words apart. You will not, however, see the effect of word spacing in Design view; only in the browser

• The space between text characters. You can expand or condense the spacing
• You can add space between typed characters, which is known as character spacing
• You use the Font dialog box

• To create a new line without creating a new paragraph, you have to enter an XHTML break tag
• Entering a break tag is equivalent to pressing the Enter key once on the keyboard
• The XHTML code for the break tag is [br /], is an empty element
• It is an instruction to end the line short of the right margin
• After you type each line, double-click the Break button in the Toolbox task pane
• You can also click Insert on the menu bar, point to HTML, and click Break. Choose Normal line break
• Only in Design view, you can also press Shift+Enter keys. To view the line break symbol in Design view, click the Show formatting marks button on the Standard toolbar

XHTML element that does not have any content such as [br /]; instead, it performs an instruction

• Horizontal rule and uses the [hr /] tag to perform the instruction to create the horizontal line
• It's an empty element as well, just like [br /] tag
• Serves as content dividers for a Web page, you can change the width, the height, and the color of the line
• In general, use horizontal lines sparingly or not at all on your Web pages
• From the Toolbox task pane in the upper-right corner of the screen, double-click the words Horizontal Line, double-click anywhere on the line to open the Horizontal Line Properties
• To change a horizontal line's color to be displayed in the Firefox browser, you must use the CSS background-color property

• Characters that cannot be entered from the keyboard, such as the registered trademark symbol (c)
• XHTML refers to symbols as special characters
• Click Insert on the menu bar, then click Symbol

• Documentation within a computer file that is not displayed in the browser window
• Used to document your work so that you or others working on your Web pages have an idea of how the page was constructed

CSS follows a different format for creating comments, using a slash and asterisk and then an asterisk and slash, like so: /* and a CSS comment */

• In the Code view, position the insertion point after the start [head] tag
• Press Enter key 3x to enter some blank lines
• Press the Up arrow key once
• Press Ctrl and the slash (/) key. The following code is inserted: [!-- --]

• To access the Expression Web Help feature
• Press Alt+F4 to exit Help

Expression Web keeps track of all files that are associated with your Web site. This information is kept in 2 hidden folders, which you should be careful not to move or delete. These hidden folders and their contents do not appear in the Folder List task pane, but they will appear in Windows Explorer if you have the option set in Windows Explorer to display hidden files. Metadata is information about the document in your Web site. The _vti_cnf metadata folder contains information about every file in a particular site. Expression Web uses this information to determine the location of links within the site. The _vti_pvt metadata folder stores several files that provide information, among other things, to configure the initial settings for Expression Web.

An empty element that generates a line break

A type of list that creates a hanging indent

Content that appears at the bottom of a Web page

Serif, sans-serif, monospace, fantasy, and cursive

A shorthand reference to the code written for the hexadecimal system

A word that has special significance in XHTML and CSS

A shorthand notation in which repeating values can be put into code

A character that cannot be entered by a simple keystroke

A heading style that employs letter spacing, word spacing, or both

The colors that should appear correctly on a Web page, regardless of the monitor

The space between words. You can expand or condense word spacing