Review Exercise
Week 6 -(Reading week)
Name and KU number: Grace Bwire/ K1616214
website theme:
1. What language do you use to structure your website?
Hypertext Markup language (HTML) is commonly used in websites for formatting the content on the web.
2. What code do you use to style your website?
For website style I used CSS (Cascading style sheet). CSS allows the programmer to decide the formatting and the look of the website.
Have a look at: http://www.w3schools.com/tags/default.asp
1. when is the tag <div> used in the html page?
* The <div> tag is the container that divides the html document into sections.
2. What does the tag <li> mean?
* This tag defines a list item.
How do you close this tag?
*This tag is closed by adding a forwards slash </li>
3. What does the tag <ul> mean?
*The <ul> tag defines an underdone (bulleted) list.
How do you close this tag?
*This tag is closed by adding a forward slash </ul>
4. what does the tag <nav> mean?
*The <nav> tag defines a set of navigation links. for example ‘Home’ or ‘About’ button.
How do you close this tag?
*this tag is closed by putting forward slash </nav>
5. What does tag <a href=</a> do?
*The Href specifies the URL on the page the link goes to.
6. If you find the id selector for a wrapper <div id="wrapper></div> in your html page. Where would you find this to style your wrapper?
{
#wrapper { width: 1010px;
margin: 64px auto;
border: #000 1px
solid;
}
* The wrapper div in an HTML is what holds a design within certain boundaries, according to the measurements the user has put.
7.In your own words, what is the equivalent of a wrapper in a website?
* The wrapper is the container that within it has the text and also some pictures. the wrapper can be seen as background two as it does incorporate similar aspects the main container.
3- CSS syntax
Write an example of each: (you used all of them in the exercise about the river Thames)
3 main selectors:
Tag: every example will be affected in the same tag
P { font-size: 45.00 %; color: #FFFFFF; font-family: Calibri, Arial, sans-serif; }
class: you give it a name-class selector can be used as many times as possible
.universityname { font-size: 100%; color: #0000FF font-family: sans-serif; }
HTML-CODE The students are attending several classes a week at <span class = “universityname”> Kingston University </span>.
id: you give it a name. It can only be used ONCE. #wrapper { width: 800px; background-color: #FFFFFF; border: 3px solid #000000; margin: 10px auto; text-align: right; }
4. If you did the exercise last week consisting of creating a template for a website (1)-with the navigation bar (2 )and link of index page to the style page, go to your index page (index.html) in your exercise and write in this form the code for linking the index.html page to the style page. You’ll find it inside the <head> </head> and starts <link href=“
5. SAVE IMAGES: Image Optimisation: what resolution do you need to save your images for the web?
*The normal image resolution for websites is 72 pixels per inch.
6.What text editor are you using to code your website? Are there any other text editors?
*The first text editor I used was Dreamweaver, however I soon changed to Notepad. There are other text editors such as ‘Text Wrangler’ ‘Text Edit’.
7. What is the purpose of Wireframe?
* Wireframes are the visual representations of a website.
8. How would you design the navigation on your website in a simple chart?
(Linear design)
Index page> Home page > About > Videos > Contact
The navigation web design would be designed in Photoshop where the user Is able to manipulate the different shapes and sizes. however this design can also be constructed in a word document.
9. What is the purpose of a mood board?
* The mood board is meant to help in understanding what colours and pictures that will go into the finished website. The mood board can be designed in a fancy style or something wacky and cool, according to what the user feels they want their website to look like.
10. What software can help you choose the colour combination for your website?
* There are various software's that allow users to decide the colour scheme of their website. the top ones being > Adobe Kuler, Colour scheme designer, colour Lover.
11. Why is it important to have an organised site-root? and what do you put in this folder?
* It's crucial to have an organised site-root folder as this is where the website contents are all going in. Also if the user creates a webpage and saves it in different folders it will be hard for the internet to track them.
*Within the site-root folder, there should be: Html webpages, (ie. home, about, contact) also pictures and logos.
12. Who is Tim Berners-Lee?
*Tim Berners-Lee is a computer engineer and also the inventor of the (World Wide Web)
13. What is the World Wide Web Consortium?
* The World wide web consortium is the standard organisation for the WWW.
14. List seven design principles.
* Web for all.
* Web on everything.
* Vision.
* Web for rich interaction.
* Web of data and services.
*Web of trust.
15. What online sources can help you learn html and css?
* https://www.youtube.com/
* https://www.w3schools.com/html/
* https://www.lynda.com/
16. What books have you found useful?
* Some of the books I found interesting are: Html and Css , Htmlc and Css for Dummies, Learning web design.
Reference:
W3schools.com. (2017). W3Schools Online Web Tutorials. [online] Available at: https://www.w3schools.com/ [Accessed 1 Dec. 2017].