I have gotten alot out of this course in websdesign. Throughout the semester I have learnt various new skills, I have learnt most within flash. Creating websites with flash gave me a whole new depth in web design, also flash gave me more enjoyment in designing websites. Producing the client website was a major learning curb for me.
The client website is very simple in its design, although to get to the end product was a challenge. The most difficult part of the client site would have been the music player. I looked up numerous amounts of turorials to work out how to make the music player work both within flash and in dreamweaver and all browsers.
I learnt alot through researching for tasks with semester. Most where simple when worked out. The only difficulty was finding the right tutorial or thinking of the most practical way to get around the problem at hand. Lets just say google was one of my biggest helpers to solve problems on my own.
Monday, June 14, 2010
Monday, May 31, 2010
Monday, May 24, 2010
Monday, May 17, 2010
Monday, May 10, 2010
Thursday, May 6, 2010
Monday, April 12, 2010
Chris Orr Client website questionnaire
What is your / company name?
•Chris Orr
What would you like the name/title of the website to be?
•Chris Orr
What is the objective/purpose of the site and what is the target audience? What is the aim of the website etc.
•Promote, entertain and educate
Do you have an intended deadline for this website?
•No
Do you have existing web host & domain, if not do you have a preference to what host to use? / What are your FTP details?
•No
Preferred form of contact? Do you prefer regular meetings or email contact to discuss this project and signoff (approve) each stage?
•email and mobile
Establishing the Website Brief
(Gaining an idea of the look and feel of the website.)
Please select three adjectives to describe your company.
•creative
•educational
•promotional
List the elements you would like included in your website (e.g., number of pages, contact form, secure payment section, other interactive ideas).
•Four pages, home, bio, media, contact
Do you have a specific look? What type of look are you trying to achieve? (hightech, conservative, warm, flashy, etc. )
•Washed out, traditional water colour effect
Do you have a specific colour scheme, logo, content, font, images, music etc
•shades of brown mixed with shades of orange, illustrated images
•music player.
How many variations will I make of the mockup?
•3
•Chris Orr
What would you like the name/title of the website to be?
•Chris Orr
What is the objective/purpose of the site and what is the target audience? What is the aim of the website etc.
•Promote, entertain and educate
Do you have an intended deadline for this website?
•No
Do you have existing web host & domain, if not do you have a preference to what host to use? / What are your FTP details?
•No
Preferred form of contact? Do you prefer regular meetings or email contact to discuss this project and signoff (approve) each stage?
•email and mobile
Establishing the Website Brief
(Gaining an idea of the look and feel of the website.)
Please select three adjectives to describe your company.
•creative
•educational
•promotional
List the elements you would like included in your website (e.g., number of pages, contact form, secure payment section, other interactive ideas).
•Four pages, home, bio, media, contact
Do you have a specific look? What type of look are you trying to achieve? (hightech, conservative, warm, flashy, etc. )
•Washed out, traditional water colour effect
Do you have a specific colour scheme, logo, content, font, images, music etc
•shades of brown mixed with shades of orange, illustrated images
•music player.
How many variations will I make of the mockup?
•3
Web Design Test
1. What is a Dreamweaver Template?
A dreamweaver document we use to design a "fixed" page layout.
2.What are the advantages of using templates?
The advantages of a template are that you are able to edit large areas at once, and reuse a previous design. It also is handy to edit multiple pages at once.
3.What is an 'editable' region? How do we set it up?
An editable region is a section of the page that you can change text or image on each individual page.
To set it up:
Menu > Insert > Template Objects > Editable Regions
4.What is a repeating region? How do we set it up?
A repeating region is a region you can repeat easily. eg. table column
To Set it up:
Menu > Insert > Template Objects > Repeating Regions
5.What is an optional region?
An optional region is a region which you can choose to appear or not to appear on each individual page, whether it be text or images.
A dreamweaver document we use to design a "fixed" page layout.
2.What are the advantages of using templates?
The advantages of a template are that you are able to edit large areas at once, and reuse a previous design. It also is handy to edit multiple pages at once.
3.What is an 'editable' region? How do we set it up?
An editable region is a section of the page that you can change text or image on each individual page.
To set it up:
Menu > Insert > Template Objects > Editable Regions
4.What is a repeating region? How do we set it up?
A repeating region is a region you can repeat easily. eg. table column
To Set it up:
Menu > Insert > Template Objects > Repeating Regions
5.What is an optional region?
An optional region is a region which you can choose to appear or not to appear on each individual page, whether it be text or images.
Monday, March 1, 2010
Ems
'ems' Explained - text size for the web
Points or Pixels? Which text measurement is best to use for the web? Before answering that question you'd better throw 'ems' into the mix.
"What are ems?" I'm glad you asked.
Traditionally ems were defined as the width of the capital letter M of a particular typeface. But now ems are determined by the default point size used in a variety of text display programs such as web browsers.
Web browsers, across platforms, use a point size of 16 as their 'Medium' default font size therefore 1em is equivalent to 16 points in browsers which have their text size set to Medium.
The benefit of using ems when coding text size for websites is that it is scalable when the browser's default font size is changed by the user. Practically speaking, when a user chooses 'Large' in the text size menu of their web browser, the default font size increases which in turn increases the size of the text on screen, when defined as em in the websites code.
This may not automatically happen if the text size is measured in pixels or points.
For example: If the size of some text in a website is coded as 1em then it will be displayed at 16 points in a standard web browser BUT if the user wants to see larger text and sets the text size in the browser menu to Large (eg. 20 points) then the 1em sized text will be displayed as 20 point type.
Using pixels and points, which are fixed measurements, may not increase in size when the default text size is changed in the web browser.
For those who are interested in learning more about using ems when coding web pages this article at 'clagnut.com' will be of great help. Here is a simple pixel to em calculator for those who want to fit text to a particular pixel size on their web page.
Points or Pixels? Which text measurement is best to use for the web? Before answering that question you'd better throw 'ems' into the mix.
"What are ems?" I'm glad you asked.
Traditionally ems were defined as the width of the capital letter M of a particular typeface. But now ems are determined by the default point size used in a variety of text display programs such as web browsers.
Web browsers, across platforms, use a point size of 16 as their 'Medium' default font size therefore 1em is equivalent to 16 points in browsers which have their text size set to Medium.
The benefit of using ems when coding text size for websites is that it is scalable when the browser's default font size is changed by the user. Practically speaking, when a user chooses 'Large' in the text size menu of their web browser, the default font size increases which in turn increases the size of the text on screen, when defined as em in the websites code.
This may not automatically happen if the text size is measured in pixels or points.
For example: If the size of some text in a website is coded as 1em then it will be displayed at 16 points in a standard web browser BUT if the user wants to see larger text and sets the text size in the browser menu to Large (eg. 20 points) then the 1em sized text will be displayed as 20 point type.
Using pixels and points, which are fixed measurements, may not increase in size when the default text size is changed in the web browser.
For those who are interested in learning more about using ems when coding web pages this article at 'clagnut.com' will be of great help. Here is a simple pixel to em calculator for those who want to fit text to a particular pixel size on their web page.
Wednesday, February 24, 2010
Monday, February 15, 2010
Monday, February 8, 2010
Really Bad Websites
The following websites... are terrible... here is why:
-Mass amount of content on one entire page.
-Pictures havent been properly optomized and are to small.
-Layout isnt presented spaciously.
-Strenuous on the eyes, hard to focus on topic.
-No initial theme.
-Terribley layed out
-Poorly optomized
-Poor choice of music for sites intentions
-Background has to many out of place images, and layout of the images doesnt help define the content
Subscribe to:
Posts (Atom)