Graphics Programs Reference
In-Depth Information
also accessible from a webpage that displayed them, all sorted according to
their environment (exterior, interior first floor, interior second story, etc.).
Stage 16: Creating the Website
Objective
: To produce a standards-compliant website.
Data
: Text in French and Flemish and photographs and illustrations from
the Virtual House.
Tools
: Photoshop and Notepad2.
A mock-up of the website was first put together in Photoshop. The various
elements of the visual design were then cropped and exported in JPEG format
with a compression ratio suitable for the web.
The site structure was constructed in XHTML 1.0 Strict, and the visual aspects
were programmed using CSS.
Unlike certain web designers who use website creation software like Adobe
Dreamweaver, our practice prefers to work directly on the code in a text edi-
tor. To this end, Notepad2 was used, since it formats and indents XHTML and
CSS code.
Some parts of the site were developed in JavaScript, noticeably the drop-
down menu, something that was indispensable given the number of pages
that needed to be accessed. It was also used to embed the Flash animations.
FiG 10.17
The website in use.
Search WWH ::
Custom Search