COAP:COAP-3150 - week 4: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 37: Line 37:
Defining your file structure to separate form from content.
Defining your file structure to separate form from content.
===Site setup===
===Site setup===
*local site - [http://www.adobe.com/designcenter-archive/dreamweaver/articles/drwcs3_definelocal_print.html from Adobe Help for CS3]
*''local site'' - [http://www.adobe.com/designcenter-archive/dreamweaver/articles/drwcs3_definelocal_print.html from Adobe Help for CS3]
*local test site vs remote live site - [http://www.jou.ufl.edu/faculty/judyrobinson/3260/dreamweaver_cs3.pdf Defining your site in Dreamweaver CS3]
*''local test site'' vs ''remote live site'' - [http://www.jou.ufl.edu/faculty/judyrobinson/3260/dreamweaver_cs3.pdf Defining your site in Dreamweaver CS3]


===Tutorials===
===Tutorials===

Revision as of 10:27, 10 February 2012

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

Layouts and grids

Grid systems and used to organize layouts in print and web pages. Grids are made of horizontal baseline grids and separations and vertical columns and spacing between columns and margins.

Tools

Further reading

Wireframes and mockups

Wireframes are sketches of web page layouts and interfaces. They can be made using a variety of tools, from pencil and paper to sophisticated software, to sketch out the organization of a web page and its features.

Online tools

Template and kits

Free Sketching & Wireframing Kit to use with Illustrator or Photoshop or other vector-based drawing or image editing software.

See also

Site management with Dreamweaver (or Komposer)

File management

Defining your file structure to separate form from content.

Site setup

Tutorials

Readings

Chapter 6 - Site management essentials, Artistic Web Design by Vickie Ellen Wolper.