Web Programming - Week 6

This week was a more in depth look into site planning.

This week we took a look at wireframing as a method for web design. Wireframing adds a method of seeing the outline of a website with no other information but the very basics. Wireframing is not about having an indepth look at your website but rather it is about visualizing the basic architecture.

I found this to be a valuable method in producing the basic outline for my CA, as it allows for getting layout and functionality ideas down fast, by initially establishing the main overall components of my site I would be able to start to work with a solid base.


Example of a basic wireframe: 

Web Programming - Week 5

This week we had an introduction to css

After having learn't the basics of HTML, it was time to start the basics of CSS as this would be needed for our CA. The first thing we looked at was how to display CSS. We learned about styles in CCS which define how to display HTML elements.

Immidiatly it was apparent to me how much more visual and poweful css can be in producing a website. The Syntax of CSS can be a lot easier and produce more powerful results at the same time.
With the use of a selector (e.g. h1) and a declaration (e.g. color:blue) 

Web Programming Week 4

This week covered the steps taken before developing a website

This was a more theoretical class where we were introduced to some examples of how to go about planning for designing the website for our CA.

The first step that was cover was the breakdown, i.e. the planning of the site. This involved firstly drawing inspiration from examples already out there, when reviewing this method I learned that there should be a focus on genre specific sites that will match the purpose of what you are trying to develop.

The next important step is to determine what the goals of the site will be. For example a  website for a small business retail store will have an overall goal to promote and possibly sell the products, where as a bands website will have a goal of trying to introduce possible fan to their music. Therefore the target audience must be considered in the overall look and feel of a website.  I found helpful questions to help in this process are things like, 'who will use this site', 'what do you expect them to do when they visit' and 'what could stand in the way of people and the purpose of the site;.

Web Programming - Week 3

This week we built a basic site using HTML

After having learn't about basic syntax and structure the previous week. In week 3 we put that knowlage into practical application by designing a basic site. We used note pad to create a HTML document and created an outline.

Tags such as <h1>, <p> and <ol> were used to create a number of elements to our site such as, a heading <h1>, paragraphs <p>, ordered lists <ol> and unordered lists <ul> . By the end we were able to establish a basic textual site and open it in any web browser. This gave me an understand of who HTML code is interperated by browser to produce to overall result.

An example of a basic HTML document: