File Types and Formats and How to Save Them
Save for Web vs. print
When preparing images for the web and other online media, you often need to compromise between image display quality and the file size of the image.
That statement is straight out of Adobe’s help files and is really the heart of this discussion. A perfect picture in size and quality for the most part is too big (physically and in file size) to be useful on the web. Compromises must be made. This subject can go on for days, but here are some simple things to memorize.
- Print – 300-600 dpi (dots per inch, printer resolution)
- Web – 72 ppi (pixels per inch, monitor resolution)
Guidance on Web Design/Development workflow
Following is a summary of topics discussed during January 2009’s Dreamweaver Meetup Mentorship series
Print vs. Web
We had a lively discussion on print vs. web design. Many examples of differences were tossed out, including typographical quality (150+ ppi vs. 72/96 ppi), fixed layouts & typefaces, interactivity, etc. The key to remember for web designers with a print background is that instead of controlling the design, you must allow the user to control the design. Therefore, designs must be created with a level of flexibility in mind.
We discussed how, by leveraging Web Standards, you gain in efficiency and flexibility. The power is unlimited. One example discussed was the ability to redesign an entire site by just recoding the CSS file, and never touching the content or HTML. The example discussed and displayed was the CSS Zen Garden.
The purpose of web design is to create an online presence that provides valuable content to the intended audience. What follows barely scratches the surface of web design, but covers three important topics that we should look at before we dive into the details.
- How Web Design is Different (from Print)
- Web Standards
- Web Site Organization
The schedule is still evolving. Future topics will be decided upon by the Dreamweaver meetup community.
Want a little more information on the concepts of graphic design or performing basic tasks in Dreamweaver? Then check out these resources.
Schedule of Topics
||Blog Post Date
||Meetup Discuss Date
|Foundations of Web Design
||Will cover all the basics, for those just starting (maybe even a refresher for established designers). There’ll also be a focus on print vs. web.
||Jan. 13, 2009
|Web Design Workflow: From Initiation to Final Design
||We’ll take a look at planning a website; the goals for the website, the owning business or organization and the audience for the site. We’ll also look at competitive analysis. We’ll then look at creating personas to develop a better understanding on the site’s audience, wireframes to organize the page-level content, then creating the actual design in a graphic tool like Photoshop. Lastly, we’ll look at building, testing, then finally launching a site.
||Feb. 10, 2009
|Tableless Page Layout
||We’ll take a look at the various type of CSS tableless layouts; fixed, fluid, elastic, and hybrids, along the the pros & cons for each.
||Mar. 9, 2009
||We’ll look at how to organize the content of a site, including the various methods for determining that organization.
||Apr. 14, 2009
|In June, we’ll have a regular Meetup Session on CMS’s.
||Jun. 9, 2009