Building my ‘About’ page: For text on the site, I needed to create a CSS rule that applies over every page. When I was designing my site, I found that black was a very harsh colour for the text with the rest of the colour scheme, so instead I used a dark grey that’s #666666. […]
Designs: My ‘About Me’ page This is a page I have struggled to design. It’s similar to that of the contact page. These two pages are less about the imagery and more about the quality and importance of the information that visitors seek to get after deciding to take action upon visiting the site. How […]
Building my website: Working with Joomla to add content. Each box is a Custom HTML Module in Joomla. And in the content area, I can change the image to what ever image I prefer. The image is then going to have a link that links to the Article of the project once clicked.
Building my Website: (Navigation and Main six images) #wrap { margin: 30px auto; width: 980px; } This is the main content area of my site. The width of the content is 960 wide with an extra 10px on each side for the drop shadow of each white box. My navigation menu I have situation at the top […]
Screen Based Communication 2 Building my website: # = ‘id’ The #headerLeft Id is the name for the top left div of my website. I have floated the logo left with no margin values to the top and right, but a 35px value on the bottom and 10 pixels on the left of the wrap. […]
Screen Based Communication 2 Building my website: First step first, is uploading the background image. This is a screen shot of both the image uploaded and the CSS Styling applied. Under the body tag, background sources the image from my files which is the splat. Which I have then included a no-repeat because it’s in […]
Usability on a Website
Screen Based Communication 2 There are a few areas Usability can be narrowed into: Information Accessibility: Information on the site needs to also be easily accessible, information needs to be right in front of them or they’re given a link directly to where they want to go. Information Availability: Is the information that visitors need […]
Getting to Grips with DIV’s
The <div> tag has been the principle tool used to put pages together.Pages have parts – sections that serve particular functions – and as a rule those parts have been set with <div> tags. On the top of most pages is a header. Likewise most pages have a nav div and on the bottom a […]
Screen Based Communication 2 Time to slice. This is my front page with the guides of the grid system I used to structure my layout.