Docsity
Log inSign up
Docsity
Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity

Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan

Guidelines and tips
Guidelines and tips
Sell on Docsity
Sell on Docsity
Log inSign up

Prepare for your exams

Study with the several resources on Docsity

Find documents

Prepare for your exams with the study notes shared by other students like you on Docsity

Search Store documents

The best documents sold by students who completed their studies

Search through all study resources
Docsity AINEW

Summarize your documents, ask them questions, convert them into quizzes and concept maps

Explore questions

Clear up your doubts by reading the answers to questions asked by your fellow students

Earn points to download

Earn points by helping other students or get them with a premium plan

Share documents
download point icon20 Points

For each uploaded document

Answer questions
download point icon5 Points

For each given answer (max 1 per day)

All the ways to get free points
Get points immediately

Choose a premium plan with all the points you need

Study Opportunities

Choose your next study program

Get in touch with the best universities in the world. Search through thousands of universities and official partners

Community

Ask the community

Ask the community for help and clear up your study doubts

University Rankings

Discover the best universities in your country according to Docsity users

Free resources

Our save-the-student-ebooks!

Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors

From our blog

Exams and Study
Go to the blog

CAS 112D Class Notes: Assignments, Internship, and CSS Positioning, Study notes of Web Design and Development

Portland Community CollegeWeb Design and Development

These class notes from cas 112d cover assignment due dates, classroom activities including css lab sessions and reports, and an introduction to css positioning. Students will learn about static, absolute, and relative positioning, as well as the use of div tags. Useful resources and good habits are also provided.

Typology: Study notes

Pre 2010

Uploaded on 08/18/2009

koofers-user-epi-1
koofers-user-epi-1 🇺🇸

5

(1)

10 documents

1 / 2

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
CAS 112D Class Notes
Tuesday April 27, 2004
Assignment Due Dates - Update
Week 4 labs 1, 2, 3 Due Thursday May 6
Week 5 labs 1, 2, 3 and Assignment Due Thursday May 6
Internship Due May 11 Tuesday
Mid Term Due May 11 Tuesday
Week 5
Classroom
oInternship Reports
oCSS lab sessions as needed
2 columns - left menu
(http://bluerobot.com/web/layouts/layout1.html)
2 columns - right menu
(http://bluerobot.com/web/layouts/layout2.html)
3 columns flanking
(http://bluerobot.com/web/layouts/layout3.html)
Assignment
oCSS 2 Tutorial - Fixed width and float layout
(http://www.thetraininglab.net/documents/CSS2_layout.pdf)
Assignment is using CSS 2, also known as CSS P (positioning).
Tutorial 3 from week 4
http://www.redmelon.net/tstme/3colfixed/
3 floating columns in dreamweaver
Useful Reading
Article by Rachel Andrew. http://thetraininglab.net/documents/CSSTips.pdf
Another article to read that explains the parent / child relationship of CSS
www.positioniseverything.net/articles/cascade.html
Good Habits:-
Every 2-3 years consider doing a complete overhaul of web site. This will take time.
Home page vertical scroll – no more than 1.5 pages.
Other pages – get into more detail and information, but never take more than 2.5 pages.
pf2

Partial preview of the text

Download CAS 112D Class Notes: Assignments, Internship, and CSS Positioning and more Study notes Web Design and Development in PDF only on Docsity!

CAS 112D Class Notes Tuesday April 27, 2004 Assignment Due Dates - Update Week 4 labs 1, 2, 3 Due Thursday May 6 Week 5 labs 1, 2, 3 and Assignment Due Thursday May 6 Internship Due May 11 Tuesday Mid Term Due May 11 Tuesday Week 5  Classroom o Internship Reports o CSS lab sessions as needed  2 columns - left menu (http://bluerobot.com/web/layouts/layout1.html)  2 columns - right menu (http://bluerobot.com/web/layouts/layout2.html)  3 columns flanking (http://bluerobot.com/web/layouts/layout3.html)  Assignment o CSS 2 Tutorial - Fixed width and float layout (http://www.thetraininglab.net/documents/CSS2_layout.pdf) Assignment is using CSS 2, also known as CSS P (positioning). Tutorial 3 from week 4 http://www.redmelon.net/tstme/3colfixed/ 3 floating columns in dreamweaver Useful Reading Article by Rachel Andrew. http://thetraininglab.net/documents/CSSTips.pdf Another article to read that explains the parent / child relationship of CSS www.positioniseverything.net/articles/cascade.html Good Habits:- Every 2-3 years consider doing a complete overhaul of web site. This will take time. Home page vertical scroll – no more than 1.5 pages. Other pages – get into more detail and information, but never take more than 2.5 pages.

Include “back to top” link at bottom of scroll pages (#top). Typical word count is 200-250 for home page. You don’t want your web page to look so different from the norm. CSS For more info on CSS consider getting “CSS Designing for the web” – Hakon Wium Lie and Bert Bos. This is not dreamweaver specific. Terms: ● Inheritance and propagation – Used interchangeably. What occurs first is easily inherited in the next step and the next step. ● CSS1 – refers to formatting (color, text, background, borders) ● CSS2 – refers to positioning, also referred to as CSS P. Positioning using CSS without frames or tables. Uses less code so is more efficient than tables. Internet Explorer V6 can read CSS 2, but V5 can not. (check www.echoecho.com for stats). Over half the users will not be able to read CSS 2. Positioning with CSS Positioning is defined in 3 ways:

  1. static is the default. If you applied style rules to a page and didn’t say anything else it will inherit a static positioning. Static follows the flow. The flow of content on a page is from top left and across. If you use float right it will put the box or text to the right. Or alternatively use float left – it will float left. e.g. If you have a header 750 px wide and a text box 150 px wide. There is not enough room to put both elements across the top of the page side-by-side. If you flow, it will be positioned under the header to the left.
  2. Absolute – is a pixel precise positioning of a component or element. If you have a web page and all pixels have a coordinate, top left hand corner is 0,0 (0 pixels across, and 0 pixels down).
  3. Relative – can be relative to the parent element. The parent element in CSS is always the window until you define another component. If you put text in a box and want to relatively position the text in the box, it would be relative to the upper left corner of the box. Div tags – Division tags are opening tags (
    ) they wrap everything you want CSS to apply to. In dreamweaver to insert Div tags go to Insert/layout options/div. Aaron used a combination of tables and CSS1 for the thetraininglab.net site. Use tables for positioning and use CSS 1 for adjusting presentation styles. This is a safe practice until more users have browsers that can read CSS 2.