• Looking for a Top Flight Web Development Team?
  • Professional & Affordable Web Design Services
  • Shaping Imaginations using Cutting-Edge Technologies
  • Dynamic Solutions for Dynamic Businesses
  • Analysis.. then Solutions with a High Tech Flair
  • Satisfied Customers In Over 30 Countries
  • National Association of
    Accredited Internet Professionals
  • (561)948-6074
Custom Website Designs
Text based Content

Text-Based Content

The following sections on Web resumes and project descriptions can initially be created in Microsoft Word and then copied and pasted into an HTML file in Macromedia Dreamweaver or in the case of the resume, be saved as a PDF.


The important point here is that you want to write the project descriptions first so you have a chance to write them, proof read them, and edit them. This shouldn’t be done while you are creating Web pages. It may cause you to spend less time and consideration on the information included in them.

Web Resumes and CVs

Web resumes and curriculum vitas (for teachers) are simply text-based content that can be represented in your Web portfolio in the form of a PDF file, an HTML file, or even a graphic file.


The techniques for handling the various formats have been discussed in this web design lesson. However, we will give some extra attention to Web resumes and CVs because they are critical components to the self promotion, credibility, and persuasion of the Web portfolio.


The Web resume or Web CV can be interactive and have links from HTML- based text. Or, you can use the image map tools on the properties inspector in Dreamweaver or Fireworks to create linkable hotspots anywhere on the resume (you’ll learn about this in later web design lessons). You could link from jobs listed on the resume directly to projects in the Web portfolio.


Using these content techniques, prepare your resume and have it ready for the Web functionality and Web development techniques that you will be learning later in this text.

Project Descriptions

Project descriptions are important to framing the perspective of the project and to explaining your involvement to the user.


Captions are sometimes sufficient, possibly in the case of artwork or design, but in the case of technical projects, a full description may be needed. Descriptions should be catered to important aspects of an individuals discipline or field.


For example, a salesperson might describe a project success and roles as revenue generated or accounts secured. While in the same portfolio project context, a musician might describe a project in terms of collaborators or performance venue.


There are some possible constants that can be used as a foundation in beginning to describe projects in a wide range of disciplines. Carliner (2005, p. 71) describes several important items for commentary in a showcase portfolio:

• Name of project

• Role played

• Major contributions to the project

• Issues to consider when reviewing this piece I mostly agree with Carliner’s suggestions on project description; however there a few pieces of information that might be included:

• Chronology

• Tools and or techniques employed

• Media (for arts and entertainment portfolios)

• Publication or exhibition/performance date

• Collaborators or contributors Keep in mind that you will develop your own template for project descriptions. Think about the narrative around the project and write a succinct narrative that gives only the most salient and persuasive points.

Review and Conclusion

This web design lesson has provided a mix of technical and organizational information that will help us move along in the Web portfolio development process. Discussion has included content optimization, Web formats, resolution, and transforming Microsoft assets into Web accessible graphics and text files. Setting up folder structures and understanding where files go locally will help as you create the Web portfolio and publish it to the Internet later on.


Critical attention must be paid to resolution of content. Graphical files must be 72 or 96 dpi maximum to scale. Adobe Photoshop and Macromedia Fireworks are the premier tools for creating Web graphics.


You had a chance in this web design lesson to read and hopefully use some basic graphic manipulation tutorials in both applications as well as learn about the graphic file types used in Web pages: GIF and JPG.


We discussed the advantages of using the portable document format (PDF) to publish content in its exact native visual appearance without distortion of fonts or color. Getting your content together may include digital photography, screen cap- tures, scanning, and using export and saving techniques in Microsoft Office products.


Regardless of the format, graphics must conform to Web color or RGB standards to be viewable on the Internet. The size of Web graphics is critical to formatting Web pages and to visual appearance and communication effectiveness of Web pages. Lastly, Web resumes and CVS needs to be output in all formats to be used in a variety of situations.


PDF output is best for keeping visual integrity.


HTML output is linkable and allows fast browser loading from directly inside the Web site. And a graphical Web resume or CV might be best when the resume is illustrated or uses color extensively.


Let’s move forward in the Web portfolio production cycle and begin to develop our Web portfolio page designs. The next web design lesson brings us to laying out Web pages using Adobe Photoshop and Macromedia Fireworks.


Give us a shout!

Personal Details
captcha image

to Top