Sunday, October 9, 2011
Saturday, October 8, 2011
Final design and layout
I have come up with three different page layouts for my website.The first is the index.html or the home page. This is the visitors access to my website and gives the option to go directly to one of five options.
1. About - information about myself
2. Current Projects - what I am working on
3. Gallery - collections of images
4. Video - access my videos
5. Other Media - websites and other
These five options use my main template I created
with Dreamweaver. This template has a smaller version the logo and all selections (including home) located in a column to the left. To the right is a column full of links to sites that I find interesting or are useful as a resource. Sites that include my own content such as Vimeo and blogs are also included. In the centre grey section are images that act as links to the third page style.
The third style is similar to to second. The differences include a different banner and no links in the left column. The middle grey section can be used to place a gallery of images or embed a video
Design layout
I have decided to stick with a white background with grey content areas. Keeping the site design simple will allow my artwork to stand out more.
I still like the idea of a darker website, kinder to the environment and easier on the eye. I may look into creating the option for visitors to decide. Another option that would be good is for the user to choose a website size that suits their screen size.
I still like the idea of a darker website, kinder to the environment and easier on the eye. I may look into creating the option for visitors to decide. Another option that would be good is for the user to choose a website size that suits their screen size.
Sunday, September 25, 2011
Site Design
I have already begun the collection of previous works to include in my e-Portfolio, some examples are located below. I have decided to keep the banner I created last year for a flash based website. This was drawn during NMD201 Semester 1 and it includes a selection of sketches and ideas from some of my journals.
I have done two versions. Below is the original black on white and an inversed white on black. I still have not decided what background to go with.
I am still deciding between a white background of a dark grey. I like the idea of keeping website color to a minimum, possibly absent. Any color will come from the images of my work, allowing the work to stand out from the website. The aim of my e-Portfolio will be to show off my artistic skills although I will be showing off some website designs with hyperlinks to other sites I have made.
"Summer Shade", Acrylic on canvas (3'x9') 1998.
This is a painting I had done while while studying at North Adelaide School of Art (Advanced Diploma in Applied and Visual Arts).
Saturday, September 24, 2011
Dream Weaver
We have been introduced to Adobe Dreamweaver CS5.
A very useful program.
The ability to edit a website as it looks is much easier and faster than typing out the HTML code, although typing the code is still fun and rewarding.
To the right are some examples of what I have done. Visually not what I want my final website to look like but it
is giving me the opportunity to test out page layouts.
I would like a page of galleries that allows a visitor to quickly navigate with ease to their desired destination.
Im thinking a single image depicting the work arranged in a column with brief details to its right. From here you can enter a page dedicated to the work with additional images and information.
Thursday, September 15, 2011
Interactive Web-based Product
Our next assignment is to create a portfolio in the form of an interactive web site.
This assignment will give me the opportunity to showcase my work, providing me with a convenient tool to show potential employees.
During class in week 7 we played around with coding in raw HTML. This is something I had done last year, although back then we were using CSS for web design instead of just working with HTML.
To the right is what I put together for the class task. I didn't put too much e
ffort into it, just played around with some of the HTML tags. It links to another page I made as well as several other sites and my e-mail. The image is what a candle flame looks like in no gravity.
What I have been doing though is creating simple sites like the one to the left. They only contain other sites that I visit the most, making it easier and faster to get to these sites. I have made
others, specifically for other classes.
Subscribe to:
Posts (Atom)