Production...
Simple Rollover Code...<a href="page.html"><img src="rollover1.png" onMouseOver="this.src='rollover2.png'" onmouseout="this.src='rollover1.png'"></a> |
Ensure your have done the 'Health Check'
You must also ensure your full proposal and idea has been authorised by Mr Dixon and Mr Rose, before starting production.
Ensure your deconstructions are complete
There must be real world, existing media texts at the heart of your investigation. These will then be your style models, which should form the foundations of your production research. Deconstruct at least two. Deconstruction grids can be found here.
When planning your website, colour, layout and usability are very important.
Think about the connotations of certain colours, and how the aesthetics influence your brand values and image.
How To Choose a Great Color Scheme For Your Website ...
premium.wpmudev.org/blog/choose-color-scheme-your-website/
You don't need to hire a flamboyant interior designer named Ricardo topick great colors for your website. You just need a a sense of adventure and a basic understanding of what works and what doesn't.
The Color Scheme Designer
paletton.com/
A designer tool for creating color combinations that work together well.
Coolors - The super fast color schemes generator!
coolors.co/The super fast colour scheme generator for cool desingers!
Researching the correct Layout
20 steps to the perfect website layout - Creative Bloq
www.creativebloq.com/web-design/steps-perfect-website-layout-812625When approaching the topic of designing a website layout, I thought ...Before starting to design anything in Photoshop you need a proper grid to start with. ...Overall choose a font that is easy to read for long amount of text.
Choose the Right Website Layout. - Slocum Themes
slocumthemes.comChoosing the right page layout and then developing custom page layouts will ensure your website is more usable according to your intended target audience and purpose.
Planning your Layout - Paper Mock-ups First
Once you have decided on some options for layout, the most efficient way to chose between them is by starting with paper drawings.
They do not have to be works of art, and might be quite primitive. Boxes and wire frames are fine, in fact encouraged at this stage.
There will be a lot of trial and error, and experimentation. At this stage, throwing out an idea because it wasn't working costs minimal time and effort out of your planning time.
Planning your Layout - Digital Mock-ups Second
Once you have a more definitve layout, you should begin digital mock ups or prototypes.
These can be done in Adobe Fireworks or Photoshop, but you may want to start with digital wireframe software, such as Balsamiq, below.
Balsamiq Mockups - Balsamiq
https://balsamiq.com/products/mockups/The first impression might be disorienting. There are very few interface elements on the screen. Start exploring however, and you'll find out that Mockups is filled ..
Then you should go into Fireworks of Photoshop, and start to bring everything together,
Setting up your Root Folder
It is absolutely essential your entire web project, and all the files associated with it, are saved in the same folder, and ONLY that folder.
A recommended folder system you should replicate is shown below.
- You should have a separate images folder to store site wide, generic images
- You should have a separate buttons folder to store your rollover images for navigation
- You should have a separate music/video folder if applicable
- You should have a homepage which must be called index.html
- You should have a CSS file to store aesthetic style rules, which should probably be called styles.css
- You should keep any other files, such as Word documents with articles in, or re-editable Photoshop Documents or PNGs used to create artwork, together in one place, but out of the way from the rest of the website files.
Creating your layout in Dreamweaver
Only after all of this has been done, will you be ready to start constructing your first page in Dreamweaver.
Specific recap lessons will follow in September, led by Mr Rose.
Resources for this will follow.
Specific recap lessons will follow in September, led by Mr Rose.
Resources for this will follow.