Web developing requires more than just designing of the page, but there's more than just design itself.
Site map of The Halia:
But before we start on the real stuff, it's always better to have a rough idea of the webpage, otherwise known as a site map. It basically gives the whole idea of the content within the webpage so that it'll be easier to work into the designing parts later.
Dreamweaver is an application to allow us to put up a webpage together. It allows a preview of the page as well, which is really really helpful because it can help us to gauge how the webpage design and functions are progressing.
The Dreamweaver interface includes a series of options to select from. From site architecture to CSS options, to creating tables and changing of background colours. There are also several added interactivity, like creating rollovers for the cursor and linking to different pages.
We learned how to do slicing in photoshop which turns into buttons for the webpage when you transfer the file over to Dreamweaver.
Slicing with photoshop:
After linking with Dreamweaver, on preview on Safari:
No comments:
Post a Comment