Contact page in the Pandorah Cycle Club Website

This website design was guided by the CRAP principles. Contrast is achieved through the text vs background colour. The use of repetition with colour and layout is obvious and consistent. Alignment of text is consistent through out. Proximity of the information and use of navigation bar are simple and easy for the user. 

My home page so far

The gallery image for my website, produced in Photoshop CS3

style sheets

1. EXTERNAL STYLE SHEET: a style you want to apply to many pages. Editing can be made to an entire website by just changing a single style. Each page must link to the same external style sheet.
2. INTERNAL STYLE SHEET: should be used when a single document has a unique style. 
3. INLINE STYLES: This style should be used sparingly for example to change a property such as the colour of a border.

HTML coding definitions

HTML Attribute references:

attribute: class

value: class_rule or style_rule

description: the class element

attribute: id

value: id_name

description: A unique id for the element

attribute:style

value: style_definition

description:  an inline style definition

attribute: title

value: tooltip_text

description: the text to display in a tool tip

Footer creation

This footer was designed in Photoshop CS3 and will appear at the bottom of each page of my website

Adding details to the web page, including the Cycle club Logo

Linking web pages within a website .

The basic pages I will be adding to my social cycling club website are: 

1. Home page

2. Events

3.Calender

4. Club Information

5. History

6. Membership

7. History

8. Contact

 These pages all have the same base format using the same Cascading Style Sheet to maintain

continuity of design throughout the website.

This is the beginning of my first Web page!!

This website is for a social cycling group, based in Darwin, and is being created as part of my final assignment for the web component of a certificate IV in Design course.

Inspiration

This image is from the website:

 start drawing .org

It has amazing art from artists throughout Asia.

I love this image , especially the use of a knitted looking textile dressing the trunk and branches making the tree look quite abstract.

Setting up a webpage with dreamweaver using CSS

WEEK 4

CSS stands for Cascading Style Sheets . The benefit of using this method is to keep the appearance and content of the web page separate.

Some information to know:

HTML stands for Hyper Text Mark Up Language

FTP stands for File Transfer Protocol

"WYSIWYG" is an acronym for " what you see is what you get"

To find other acronyms go to : www.acronym.finder.com

A file is not live until it is transferred from local to remote location.

Browser options include: FireFox, Safari, Internet Explorer....

The web design development process:

Begins with discussions between the Designer, the Programmer and the Client.

1.  Discussing factors such as: the objective of the website, how to achieve sales, colours, target audience, the websites they like , what expectations they have, budget, amount of outsourcing ( photographers, video footage, etc).
   
2. Brainstorming
   
3. Wire frame- design a site map to show the layout and flow through the website
   
4. Planning the Content with the audience in mind, answer their questions and meet their needs.
   
5. Initial design, starting with a mock up design, reflecting information given by the client, refer to the brief. Do a screen save to show the client how the page would appear. Sell the design to the client careful to explain what you designed and why, including references to the brief.
   
6. Client Feedback
   
7. Design Re-work- make any additional changes that the client required.
   
8. Client Approval
   
9. Confirmation, Use a Programmer for Coding
   
10. Build HTML- coder works with style sheets to keep content separate from design.
    
11. Presentation to the client- usually in a power point presentation, highlight the benefits and discuss why you chose that design format for them.
    
12. Test the website on as many browsers and versions of browsers as possible, check the download speed, ease of access through google. Have 15 people try to access the website at once and conduct hack testing.
    
13. Launch the website and advertise the website in print media, business correspondence, on television etc.
    

It's that simple!!!

Week Two Web Design

My Top 3 Websites  utilizing the CRAP principles:                                                                                                     

Contrast               

Repetition   

Alignment

Proximity

                                                         

www.nationalbreastcancerfoundation.org

www.QVB.com    

www.witchery.com.au

Each of these websites comply with the CRAP principles and therefore stand out as good examples of well designed websites. Check them out for yourself.

week one web design

Research was undertaken into good and bad web design


My Bad list:

1.  www.teacherxpress.com
   
2. www.rottentomatoes.com
   
3. wwwrspca.org.au
   

My Good List:

1. Uberkate.com.au
   
2. clothfabric.com
   
3. bintel.com.au ( now this one was good on a practical, informative level NOT on a DESIGN level)