Here are my HTML pages to the National Folk Festival website.
Main Menu
Festival
Program
Tickets
Attending
Apply
News
Contact
Sub Menu
Management
History
Location
Sponsors
Links
Highlights
05 June 2009
Tip of the Day
Working full time, studying part time with 5 weeks left of pregnancy is not the smartest idea….
Website Report
Web planning, design and implementation
I've decided to develop the National Folk Festival website for my assignment. At the start of the semester, I started thinking about how my website would look, keeping in mind the diverse targeted audience age. I wanted my website to be simple from the user point of view, by keeping it easy to work out what page you are on and have visited. To do this, I underlined the navigation menu tabs when you click on the individual pages to identify the page you are currently on. I also named the title of the page in the title header. Additionally, I used a hover effect; this is when you pass the cursor over the tabs, the link changes into different colours and effects.
To start off my design, I jotted down on paper some ideas and used a few web conventions which I find useful in a website. These conventions included:
Usability
Logo
Content/page name
Sections
Local navigation
Colours/design
Search function
I then created my designs in Photoshop and applied it to my web pages. At first, I used Photoshop to slice individual images. This became a problem later on when styling the web site. It coursed all nasty things to happen with the images and I ran out of time to work out how to fix the problem. So the only thing I could do was start all over again. The good thing though was that I already had my Photoshop design so I didn’t have to worry about that aspect again.
Another issue I encountered was that my web site works for Firefox, however it does not display correctly in explorer. I have not been able to fix this problem to date.
For me, research was a major component of this assignment. I used google on a very regular basis to help me develop my website and give me more in-depth understanding of how I go about achieving my desired outcome.
I personally feel that I have demonstrated my knowledge and understanding of how to create external links and have left a few out. These are highlighted in green or underlined within the paragraphs of the content on some of the pages.
My website contains:
A navigation menu (‘festival’ page)
A sub navigation menu (from the “festival” page)
Images (mostly in gif format for ease of downloading the web page)
External links (on program and sponsors pages)
Page fragments which take you to the top of the page
Email link (featured on the ‘contact’ page)
You tube video (featured on the ‘highlights’ sub page)
Search function (on every page – I used Freefind to develop my search function)
Downloadable files (on the ‘history’ and ‘management’ pages)
Google map (featured on the ‘location’ page)
Our internet account is with AAPT who also provide a webhosting component. I used this to host my website for this assignment. I was unable to change the name of the site as its a fixed service. If I could however, I would of named the site/link something suitable like National Folk Festival. I found it useful to test my site by up loading to my web server. This allowed me to see if something wasn’t working as it should and allow suitable time to fix the issue.
I believe I have covered off the major component of this assignment as my site consists of:
10 pages of text from the site
A main menu with links to at least 4 pages
Sub pages, images, email link, external links, fragments, a downloadable file, google map, text input field and a youtube video.
I’ve renamed a page to best fit my design; this is evident in the Contact tab.
Overall, I felt that this assignment was quite challenging for me as I have no prior experience or rather quite limited experience in the use of photoshop and have never used HTML or CSS before. Due to this I found the assignment time consuming as I needed to research quite a lot of information. In saying that, I am pleased that I had the opportunity to challenge myself to complete this unit and I am confident that I have met the learning outcomes and expectations of this unit.
I've decided to develop the National Folk Festival website for my assignment. At the start of the semester, I started thinking about how my website would look, keeping in mind the diverse targeted audience age. I wanted my website to be simple from the user point of view, by keeping it easy to work out what page you are on and have visited. To do this, I underlined the navigation menu tabs when you click on the individual pages to identify the page you are currently on. I also named the title of the page in the title header. Additionally, I used a hover effect; this is when you pass the cursor over the tabs, the link changes into different colours and effects.
To start off my design, I jotted down on paper some ideas and used a few web conventions which I find useful in a website. These conventions included:
Usability
Logo
Content/page name
Sections
Local navigation
Colours/design
Search function
I then created my designs in Photoshop and applied it to my web pages. At first, I used Photoshop to slice individual images. This became a problem later on when styling the web site. It coursed all nasty things to happen with the images and I ran out of time to work out how to fix the problem. So the only thing I could do was start all over again. The good thing though was that I already had my Photoshop design so I didn’t have to worry about that aspect again.
Another issue I encountered was that my web site works for Firefox, however it does not display correctly in explorer. I have not been able to fix this problem to date.
For me, research was a major component of this assignment. I used google on a very regular basis to help me develop my website and give me more in-depth understanding of how I go about achieving my desired outcome.
I personally feel that I have demonstrated my knowledge and understanding of how to create external links and have left a few out. These are highlighted in green or underlined within the paragraphs of the content on some of the pages.
My website contains:
A navigation menu (‘festival’ page)
A sub navigation menu (from the “festival” page)
Images (mostly in gif format for ease of downloading the web page)
External links (on program and sponsors pages)
Page fragments which take you to the top of the page
Email link (featured on the ‘contact’ page)
You tube video (featured on the ‘highlights’ sub page)
Search function (on every page – I used Freefind to develop my search function)
Downloadable files (on the ‘history’ and ‘management’ pages)
Google map (featured on the ‘location’ page)
Our internet account is with AAPT who also provide a webhosting component. I used this to host my website for this assignment. I was unable to change the name of the site as its a fixed service. If I could however, I would of named the site/link something suitable like National Folk Festival. I found it useful to test my site by up loading to my web server. This allowed me to see if something wasn’t working as it should and allow suitable time to fix the issue.
I believe I have covered off the major component of this assignment as my site consists of:
10 pages of text from the site
A main menu with links to at least 4 pages
Sub pages, images, email link, external links, fragments, a downloadable file, google map, text input field and a youtube video.
I’ve renamed a page to best fit my design; this is evident in the Contact tab.
Overall, I felt that this assignment was quite challenging for me as I have no prior experience or rather quite limited experience in the use of photoshop and have never used HTML or CSS before. Due to this I found the assignment time consuming as I needed to research quite a lot of information. In saying that, I am pleased that I had the opportunity to challenge myself to complete this unit and I am confident that I have met the learning outcomes and expectations of this unit.
04 June 2009
Blog Theme
I personally find it difficult to change the HTML in blogger. However, I have managed to change the background colour, text colour, the background image (which I designed in Photoshop) of the title and the text alignment.
I believe a blog layout should be simple, hence the look of my blog. This enables the viewer to concentrate on the actual blog post instead of the background and other graphics.
I believe a blog layout should be simple, hence the look of my blog. This enables the viewer to concentrate on the actual blog post instead of the background and other graphics.
Subscribe to:
Posts (Atom)
