Discuss positioning in web design and the ways that you might place or position

Question

1. Discuss positioning in web design and the ways that you might place or position elements on a page.
2. Explain how you would add gutters between the columns of text and why this is important to developing a quality and visually appealing web page.
3. Discuss the various components of the concept of property in web design, detail the elements that comprise property, and explain which elements will support or ignore the values of property.
4. Discuss the box model with CSS and how this is different from constructing tables.

Explanation / Answer

i)   CSS positioning allows you to position HTML elements anywhere you want on the screen. These can positioned in a fixed location or flow with the screen as the browser window size is adjusted.CSS has several properties to aid in positioning HTML elements. The three most common are, position, top, and left.

ii) Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and last column via negative margin on .rows.The reason that gutters work so well is because they help you divide content into discrete, manageable modules. This makes your content more flexible and organized. It also makes your content easier to view and experience.

iii)In HTML it is possible to add colours, fonts and other styles to the web pages that you build, however this is not recommended and HTML should be used for structure only. To add colours, fonts, etc. we will use Cascading Style Sheets, also known as CSS. A style sheet is made up of Style Rules. Each Style Rule has three parts, a selector, a property and a value :

selector {property : value}

For multiple properties you separate them using a semicolon;

selector {property1 : value1; property2 : value2}.

iv) All HTML elements can be considered as boxes. In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around HTML elements, and it consists of: margins, borders, padding, and the actual content. The box model allows us to add a border around elements, and to define space between elements.

The CSS box model is the new, hip, and very cool way to build websites. Instead of using the cells of a table (or tables) to hold the content of your website, you use

Related Questions

Navigate

• Browse (All)
• Browse D
• Subjects

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.