Chapter 7 & 8
Checkpoint 7.1
Why should you organize the files in a website using folders and subfolders?
The Reason is to make sure to keep track of all our fils in the website.
Which attribute configures a hyperlink to open the file in a new browser window or tab?
Target attribute configures a hyperlink to open the file in a new browser window or tab.
State an advantage of using CSS sprites in a website.
The advantage of using CSS sprites in a website is can save our time by merging relative images all into one larger image.
Checkpoint 7.2
State an advantage of using CSS to style for print.
The advantag of using CSS to style for print is to change the appearance of our web page when it's printed.
Describe a design consideration when configuring a web page for mobile display.
A design consideration when configuring a web page for mobile display:
1) optimize layout,
2)navigation,
3)graphic and
4)text.
Checkpoint 8.1
What is the purpose of using a table on a web page?
The purpose of using of using a table on a web page is to organized in a table.
How is the next contained within a th element displayed by the browser?
It displayed bold and centered.
Describe one coding technique that increases the accessibility of an HTML table.
Coding a caption element with a relevent description and configuring headers for columns and rows.
Checkpoint 8.2
Describe a reason to configure a table with CSS properties instead of HTML attributes.
The reason is it provides for flexibility and easier maintance.
List three elements that are used to group table rows.
The three elements are:
1)THEAD
2)TFOOT
3)TBODY
Bonus questions: Chapter 9, 10, 11, 12 and 13 (you may answer any 3 out of 5 questions)
1. Why should the websites of competitors be reviewed when designing a website?
The reason is to make the website more attractive, appealing, unique and stand-out than the other competitor's website.
3. List at least two reasons not to use audio or video on a web page.
The two reasons are to avoid the webpage works slowly and to avoid copyright issues.
5. List one option for a website that needs to reach audiences that speak different languages
The one option for a website that needs to reach audiences that speak different languages is by installing a translator tool.
Tuesday, 27 October 2015
Monday, 19 October 2015
Weekly blog entries no. 5 and 6 Ch. 5 & 6
Checkpoint 5.1
1. List the four basic principles of design. View the home page of your school and describe how each principle is applied.
The four basic principles of design are:
Checkpoint 6.1
1. List the components of the box model from innermost to outermost.
Content -> Padding -> Border -> Margin
2. Describe the purpose of the CSS float property.
The purpose of CSS float is to create homepage with a header, footer, left content and main content.
3. Which two CSS properties can be used to clear a float?
Two CSS properties can be used to clear float are clear and left and right.
Checkpoint 6.2
1. Describe a reason to use HTML5 structural elements instead of div elements for some page areas.
A reason to use of HTML5 structural elements instead of div elements for some page areas is only for styling purposes or as a convenience for scripting.
2. Describe one CSS debugging tip that you have found to be helpful.
First, always make sure that you’re using a good CSS reset, such as normalize. This will “level out” inconsistencies between browsers and make them behave in a more uniform fashion. Even if you’re just doing a quick one-page site and you’re not using a CSS framework, you should still use a reset.
Second, check to make sure that the HTML elements and CSS properties that you’re using are indeed supported. HTML and CSS are always evolving, and browser vendors do the best they can to keep up with the latest standards. If you’re not sure about the support for a particular element or property, look it up on caniuse.com for a detailed breakdown.
3. Describe how to choose whether to configure an HTML element selector, create a class, or create an id when working with
Class selector can be used when we want to align pictures along with the texts
ID selector can be used when creating CSS layout.
1. List the four basic principles of design. View the home page of your school and describe how each principle is applied.
The four basic principles of design are:
- Contrast
- Repetition
- Alignment
- Proximity
Checkpoint 6.1
1. List the components of the box model from innermost to outermost.
Content -> Padding -> Border -> Margin
2. Describe the purpose of the CSS float property.
The purpose of CSS float is to create homepage with a header, footer, left content and main content.
3. Which two CSS properties can be used to clear a float?
Two CSS properties can be used to clear float are clear and left and right.
Checkpoint 6.2
1. Describe a reason to use HTML5 structural elements instead of div elements for some page areas.
A reason to use of HTML5 structural elements instead of div elements for some page areas is only for styling purposes or as a convenience for scripting.
2. Describe one CSS debugging tip that you have found to be helpful.
Prevent cross-browser issues
Most display problems in HTML and CSS come from cross-browser issues. The site looks fine in one browser, but there’s problems in another. This is almost always a problem on any web project, but you can minimize the number of cross-browser issues by preventing many of them from happening in the first place.First, always make sure that you’re using a good CSS reset, such as normalize. This will “level out” inconsistencies between browsers and make them behave in a more uniform fashion. Even if you’re just doing a quick one-page site and you’re not using a CSS framework, you should still use a reset.
Second, check to make sure that the HTML elements and CSS properties that you’re using are indeed supported. HTML and CSS are always evolving, and browser vendors do the best they can to keep up with the latest standards. If you’re not sure about the support for a particular element or property, look it up on caniuse.com for a detailed breakdown.
3. Describe how to choose whether to configure an HTML element selector, create a class, or create an id when working with
Class selector can be used when we want to align pictures along with the texts
ID selector can be used when creating CSS layout.
Weekly blog entries no. 4, Chapter 4, 5 and 6
Check point 4.1
1. Is it reasonable to try to code a web page that looks exactly the same on every browser and every platform? Explain your answer.
It is reasonable to code a web page to code a web page that looks exactly the same on every browser and every platform to make it easier.
2. Describe what is incorrect with the following CSS code, which causes a web page containing it not to display a border when rendered in a browser: h2 { background-color: #ff0000 border-top: thin solid #000000 }
The CSS code above is incorrect because it should have CSS padding.
3. True or False: CSS can be used to configure visual elements such as rectangular shapes and lines on web pages.
True
Checkpoint 4.2
1. Describe the CSS to configure a graphic named circle.jpg to display once in the background of all <h1> elements. Code the CSS.
h1 {background-image: url (circle.jpg);
background-repeat: no repeat;
}
2. Describe the CSS that configures a file named bg.gif to repeat vertically down the background of a web page. Code the CSS.
body {background-image: url (bg.gif);
background-repeat: repeat-y;
}
3. Explain how the browser will render the web page if you use CSS to configure both a background image and a background color.
The browser will display background color. Then, the browser will render the background image and repeat the image as specified. The background color will appear in areas not covered by the background image.
Subscribe to:
Posts (Atom)