This is the course website for English 314, Sections 10 and 11, taught by Quinn Warnick at Iowa State University during spring 2010. Please refer to the policy document and syllabus, found at the top of the center column, for more information about this class. Updates to the syllabus will be posted several days in advance, and any changes to the readings and/or assignments will be reflected in the summaries for each week.
Electronic Portfolio Resources
The following resources will be helpful to you as you work on your electronic portfolio. As always, if you have any questions or need help, please email me or see me during office hours.
Accessing Your Iowa State Website
- ISU Account Services (Login, then go to "Manage Files" and navigate to the "WWW" folder.)
- Anything in your WWW folder will publicly available here: http://YourNetID.public.iastate.edu (Replace "YourNetID" with your actual Net ID.)
HTML/CSS Editing Software
I recommend using one of the following programs to edit your HTML and CSS files. Both are free:
- TextWrangler (Mac; click on the "Download" button for version 3.0)
- Notepad++ (Windows; click on "npp.5.6.8.Installer.exe")
Document Type Declarations
Every HTML file should start with a "DTD," which tells web browsers how to interpret the code contained in the file. Remembering the exact wording of these DTDs is almost impossible, so I recommend copying and pasting DTDs into your HTML files using this source:
Unless you have a lot of experience building websites, you should use a template from one of the following sites. Before you settle on a template, find several that appeal to you, then download them and find out how easy they are to edit. Selecting the right template can make this assignment MUCH easier, so spend a fair amount of time choosing a template that you're really happy with.
- Open Web Design
- Free CSS template search page
- Themebot's Free HTML Templates
- Open Source Web Design
- Open Web Templates
- Open Source Templates
CSS Frameworks and LayoutsIf you already know HTML and CSS, you may want to design your own template. The following tools can help you get started:
- CSS Creator — This online tool allows you to enter the general dimensions and colors for your site, then it generates HTML and CSS templates for you to work with.
- CSS Layout Generator — Another online tool for generating basic HTML and CSS files.
- MaxDesign Sample CSS Page Layouts — Links to templates for several varieties of CSS-based layouts, as well as a few tutorials that guide you through the process step by step.
- Intensivstation CSS Templates — Twelve standard CSS-based page layouts.
- The Noodle Incident's Little Boxes — Sixteen different layouts, complete with HTML source code and accompanying CSS.
- Blue Robot's Layout Reservoir — Only a few layouts here, but this site offers clear explanations about what's going on behind the scenes with each layout
- CSS Tinderbox — Another collection of various page layouts and styles.
A website of any size is best organized into subdirectories (folders) that show the basic logic of the site and help you build and update the individual web pages. Follow a standard naming procedure (I recommend using lowercase letters for all file names, with no spaces in the file names). By creating such a structure at the beginning of a project, it makes it much easier to get the right path names for hyperlinks.
The following sites have additional information about organizing a website:
- About.com's list of resources
- How to Name and Organize Your Website's URLs
- WorldStart's Tips on Organizing Your Website
Cascading Style Sheets
Here are some online sources that introduce Cascading Style Sheets, provide full references on the CSS language, and give examples:
- The Official CSS Site
- W3 Schools CSS Tutorials — The lessons at this site are simple and designed for beginners.
- Mezzoblue's Markup Guide — A concise list of the most commonly used markup tags, along with clarification about when to use them.
- The CSS Zen Garden — A fun site with many design examples.
If you want to change the color scheme of your portfolio, these sites will be helpful:
If used well, photographic images can enhance the textual elements in your portfolio. These stock photography sites will provide you with plenty of options. Before you use any images, remember to check the copyright notices listed on these sites to ensure that your use of the images complies with the law.
- Wikipedia entry on public domain image resources — This is a great place to start.
- Creative Commons Search
- Flickr — Remember to use the "advanced" search and look for photos uploaded with a Creative Commons license.
- Public Domain Photo Database
- PixelPerfect Digital
In choosing backgrounds, simple solid colors usually work best. Sometimes, though, a patterned background may be appropriate. Here are some sources:
Professional Portfolio Sites
The following sites were created by web design professionals. Although some of the technical aspects of these portfolios go beyond what we will do this semester, these portfolios may provide some inspiration as you work on your portfolio:
Academic Portfolio Sites
Several universities around the country are beginning to implement electronic portfolio programs. Here are student examples from two such programs:
ISU Portfolio Sites
Here at ISU, many students are creating portfolios in a variety of courses and programs. The portfolios listed below have been created by my students in previous sections of English 314 and English 213. Most of these students used open-source design templates, while a few designed their sites from scratch.