reading-notes

HOME

Duckett HTML book: Chapter 4: Ch.4 “Links” (pp.74-93)

How to Write a Link

create links using < a > element

• use the opening link tab * < a href=”” >

• insert clickable text of page user will be routed to

• followed by closing link tab < /a >

Linking to other page on same site

It is easier to a relative URL aka shorthand linking to that specific file.

Organizing the Directory for a Largely Structured Site

Get into the habit of have pages for different sections of site in a different folder. hint: mkdir a new **directory.

refer to diagram on page 82 for a visual of how parent and grandparent folders house child and grandchild folder with files within them.

Emails

Clickable links for emails are structured the same as regular links but with mailto:followedbyemailaddress within the ”“

Open Links in New Window

Include target=”_blank” at the end of, yet within the opening tag.

Linking to Specific Part on Same Page or Different Page

Utilize the id attribute for elements to “jump” to

Duckett HTML book: Chapter 15: “Layout” (pp.358-404)

Building Blocks

• HTML automates each element as being within it’s own box.

• The box = block-level box OR inline box

• If a block-level element is within another block-level element. The outer becomes the containing or parent element.

Control Positions of Elements

• normal flow static

• positioning or float

• relative positioning offset properties to move from where it would have been in normal flow

• absolute positioning the box will not affect elements

• fixed positioning specific elements can be fixed on the page so they do not move.

z-index can be used to keep elements from overlapping

get side by side elements using float

keep elements clear/with space between one another using float-left,float-right etc

multi-column layout

use width, float and margin

Fixed Width Layouts and Liquid Layouts

• fixed will not change size as browser window size changes

• liquid will stretch and shrink to fit as browser window size changes

grid layout examples on pages 389-390

stay organized by using separate style sheets to group similar types of styling using @import or a link. the last rule will take precedence

Duckett JS book: Chapter 3: “Functions, Methods, and Objects” (pp.86-99)

What Does a Function Do?

• you can group a series of statements in order to perform a task

• you can reuse the same functino in different parts of a script rather that repeating the same statement

• functions let you store which steps are needed to perform a task

• functions must be given a name so that when you call the function it knows it’s task

• Steps for a funciton are in a code block {‘stepsoffunctionhere}

A BASIC FUNCTION holds the statements until the function is called for

Declaring a function

• simply declare function by starting with it the function keyword followed by the function name

• remember to enclose the code block using curly braces {}

• the function can be called later throughout code by writing functionName follow this by parenthesis and the semi colon.

Declaring functions that need info

• Give the function parameter within it;s code block which act as variabels

• make note of what you the function will need to complete the task

Call the function needing info

• specify the values that are to be used within within the parenthesis

• there are argument values and argument variables.

functions can return information of a single value/what is left of the resul of a calculation that was called for example: var area

6 Reasons for Pair Programming

1. Efficiency

2. Collaboration

3. Learning from one another

4. Improving social skills

5. Preparation for job interviews

6. Realistic work environment

HOME