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.
Friday, 18 September 2015
Weekly blog entries; Chapter 3 Configuring CSS Text and CSS
Checkpoint 3.1
1. List three reasons to use CSS on a web page.
Three reasons to use CSS on a web page are:
2. When designing a page that uses colors other than the default colors for text and background, explain why it is a good reason to configure both the text color and the background color.
It is a good reason to configure both the text color and the background color because the page will not be plain and to attract people to read the page.
3. Describe one advantage to using embedded styles instead of inline styles.
Both styles are great for quick fixes or prototyping but embedded styles is easier to cut out of the final prototype and put into an external file when templates are done.
Checkpoint 3.2
1. Describe a reason to use embedded styles. Explain where embedded styles are placed on a web page.
A reason to use embedded styles is it allows us to override the rules of an external style sheet. Embedded styles are set in the HEAD section of your web page.
2. Describe a reason to use external styles. Explain where external styles are placed and how web pages indicate that they are using external styles.
A reason to use external styles is that it can change that one external file, and have that change reflected on every page of your site that links to the external CSS file. Any or all methods of implementing CSS can be used on the same page. An external style is simply a link placed in the HEAD section of your web page to a separate file containing your style rules.
3. Write the code to configure a web page to associate with an external style sheet called mystyles.css.
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
1. List three reasons to use CSS on a web page.
Three reasons to use CSS on a web page are:
- Clean Source Code,
- Separation of Content and Presentation
- Consistency of Page Design
2. When designing a page that uses colors other than the default colors for text and background, explain why it is a good reason to configure both the text color and the background color.
It is a good reason to configure both the text color and the background color because the page will not be plain and to attract people to read the page.
3. Describe one advantage to using embedded styles instead of inline styles.
Both styles are great for quick fixes or prototyping but embedded styles is easier to cut out of the final prototype and put into an external file when templates are done.
Checkpoint 3.2
1. Describe a reason to use embedded styles. Explain where embedded styles are placed on a web page.
A reason to use embedded styles is it allows us to override the rules of an external style sheet. Embedded styles are set in the HEAD section of your web page.
2. Describe a reason to use external styles. Explain where external styles are placed and how web pages indicate that they are using external styles.
A reason to use external styles is that it can change that one external file, and have that change reflected on every page of your site that links to the external CSS file. Any or all methods of implementing CSS can be used on the same page. An external style is simply a link placed in the HEAD section of your web page to a separate file containing your style rules.
3. Write the code to configure a web page to associate with an external style sheet called mystyles.css.
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
Saturday, 12 September 2015
Weekly blog entries, Chapter 2: HTML basics
Checkpoint 2.1
Describe the origin, purpose, and features of HTML.
HTML was created as a language that would enable researchers to share, structure, cross-reference documents.
The purpose of HTML is to provide a set of general rules that suggest how content should look when rendered. A markup language doesn't dictate the methods used to display the content, nor does it have foreknowledge of the target context, so this control is imprecise.
Each individual markup code is referred to as an element or tag. (each tag has its purpose)
Describe the software needed to create and test web pages.
Text editor: notepad text editor (included in Windows), text edit (include in Mac), Notepad++ (3rd party app), TextWrangler for Mac (3rd party app).
Commercial web-authoring tool: adobe dreamweaver, rapidweaver.
Open the app, then save as, name it as "index.html" or "index.htm" in a certain folder. To test your page, double click the save file.
Describe the purpose of the head and body sections of a web page.
The head section contains information that describes the web page document.
The body section contains the actual tags, text, images and other objects that are displayed by the browser as a web page.
Checkpoint 2.2
Describe the features of a heading element and how it configures the text.
Heading elements are organized into six level: h1 to h6, as h1 is the largest. All text contained within headng tags is displayed with bold font weight.
Describe the difference between ordered lists and unordered lists.
Ordered list displays a numbering or lettering system to itemize the information contained in the list.
Unordered list displays a bullet, or list marker, before each entry in the list, either; disc (default, square and circle).
Describe the purpose of the blockquote element.
Blockquote element is used to display a block of quoted text in a special way-intended from both the left and right margins.
Checkpoint 2.3
Describe the purpose of special characters.
Certain characters are taken to have special meaning within the context of an HTML document. ther are two printing characters which may be interpreted by the browsr to have an effect of the format of the text.
Example of special character: leftward arrow the special character; "&larr"
Describe when to use an absolute link. Is the http protocol used in the href value?
An absolute hyperlink indicates the absolute location of a source on the web.
Example: <a href="http://webdevedfoundation.ne/6e/chapter1.html". Web Development & Design Foundations Chapter 1 </a>
The http protocol is used in the href value.
Describe when to use a relative link. Is the http protocol used in the href value?
A relative hyperlink is when we need to link to web pages within our site. it contains the file name or file name and folder of the web page we want to display.
Example: <a href="contact.hml"> Comtact Us</a>
The http protocol is not used in the href value.
Describe the origin, purpose, and features of HTML.
HTML was created as a language that would enable researchers to share, structure, cross-reference documents.
The purpose of HTML is to provide a set of general rules that suggest how content should look when rendered. A markup language doesn't dictate the methods used to display the content, nor does it have foreknowledge of the target context, so this control is imprecise.
Each individual markup code is referred to as an element or tag. (each tag has its purpose)
Describe the software needed to create and test web pages.
Text editor: notepad text editor (included in Windows), text edit (include in Mac), Notepad++ (3rd party app), TextWrangler for Mac (3rd party app).
Commercial web-authoring tool: adobe dreamweaver, rapidweaver.
Open the app, then save as, name it as "index.html" or "index.htm" in a certain folder. To test your page, double click the save file.
Describe the purpose of the head and body sections of a web page.
The head section contains information that describes the web page document.
The body section contains the actual tags, text, images and other objects that are displayed by the browser as a web page.
Checkpoint 2.2
Describe the features of a heading element and how it configures the text.
Heading elements are organized into six level: h1 to h6, as h1 is the largest. All text contained within headng tags is displayed with bold font weight.
Describe the difference between ordered lists and unordered lists.
Ordered list displays a numbering or lettering system to itemize the information contained in the list.
Unordered list displays a bullet, or list marker, before each entry in the list, either; disc (default, square and circle).
Describe the purpose of the blockquote element.
Blockquote element is used to display a block of quoted text in a special way-intended from both the left and right margins.
Checkpoint 2.3
Describe the purpose of special characters.
Certain characters are taken to have special meaning within the context of an HTML document. ther are two printing characters which may be interpreted by the browsr to have an effect of the format of the text.
Example of special character: leftward arrow the special character; "&larr"
Describe when to use an absolute link. Is the http protocol used in the href value?
An absolute hyperlink indicates the absolute location of a source on the web.
Example: <a href="http://webdevedfoundation.ne/6e/chapter1.html". Web Development & Design Foundations Chapter 1 </a>
The http protocol is used in the href value.
Describe when to use a relative link. Is the http protocol used in the href value?
A relative hyperlink is when we need to link to web pages within our site. it contains the file name or file name and folder of the web page we want to display.
Example: <a href="contact.hml"> Comtact Us</a>
The http protocol is not used in the href value.
Friday, 4 September 2015
Weekly blog entries, Chapter 1: Introduction to the Internet and Web
Checkpoint 1.1
1. Describe the difference between the Internet and the Web.
The internet and the web are different.
The internet is the massive interconnection of computer
networks that span the globe. While the Web is one set of software services
running on the internet.
We can see the difference in terms of:
- Estimated year of origin: the internet has introduced since 1969 while web in 1993.
- Name of the first version: ARPANET is the name of the first version of internet and NSFnet is for the web.
- Comprises: for internet: network of computers, copper wires, fibreoptic cables & wireless networks while web: files, folders & documents stored in various computer.
- Internet governed by Internet Protocol and Web governed by Hyper Text Transfer Protocol (HTTP).
- Internet is the base while the web it depends on Internet to work.
- Internet is a hardware unlike the web it is a software.
2. Explain three events that contributed to the
commercialization and Exponential growth of the Internet.
Three evets that contributed to the commercialization of
Exponential growth of the internet:
Going through chronology of events of internet,
In 1991, many important events took place such as first web
page created, which brought some major innovations to the world of the
internet.mp3 becomes standard and one of the more interesting developments of
this era was the first webcam.
In 2008, the first ‘Internet Election’ took place with the
U.S Presidential election.
In 2009, ICANN policy changes brought about one of the
biggest changes to come to the internet.
3. Is the concept of Universal design important to web
developers? Explain your answer.
Yes, it is important as it is convenience for all users.
Checkpoint 1.2
4. Describe the components of the client/ server model as
applied to the Internet.
When needed, the web client is connected to the internet,
usually it runs web browser (client) software such as Internet Explorer or
Firefox or Google Chrome or Safari, by using HTTP, requests web pages from a
server and receives web pages and files from a server
The web server is connected to the internet continually and
runs web server software such as Apache and Internet Information Server, by
using HTTP, receives a request for the web page and responds to the request and
transmits the status code, web page, and associated files.
5. Identify two protocols used on the Internet to convey
information that use the Internet, but do not use the web.
The two protocols used on the internet to convey information
that use the internet, but do not use the web are File Transfer Protocol (FTP)
and Transmission Control Protocol (TCP).
6. Explain the similarities and differences between a URL
and a domain name.
A Uniform Resource Locator (URL) is a type of URI which
represents the network location of a resource such as a web page and so on. The
URL consists of the protocol, the domain name and the hierarchical location of
the file on the web server.
URL is the full address to a web page, e.g. https://www.edmodo.com/
There are different kinds of domain names. E.g. top-level
domain, second-level domain and third-level domain.
A domain name is part of the URL. It locates an organization
or other entity on the internet. The purpose of the Domain Name System (DNS) is
to divide the Internet into logical groups and understandable names by
identifying the exact address and type of the organization.
Domain name, e.g. Edmodo.com
Subscribe to:
Posts (Atom)