laptop image

Digital Rhetoric

English 8123

Home Schedule Assignments Syllabus Course & Contact Info Resources

Forum

 

 

 

 

 

 

 

 

Mini-Design Projects

Mini-Design 1 | Mini-design 2 | Mini-design 3 | Mini-design 4 | Mini-design 5 | Mini-design 5 |

All are due by 11:59:59 pm on their due date, unless otherwise noted.


Mini-Design 1

Due: 1/22
For this project you will create a mini website or web projects using the Short & Green book. This must be an original website created for this class. You can create the website on anything (within reason) you wish. You may start your portfolio project, you may create a personal website for yourself, or you may do something else entirely. I am not looking for a beautiful or consistent site. In fact, you could create a totally meaningless site, as long as you include the required features. This project exists to show me you can do the things in the book and to give you practice learning the basics of web design.

Your project must include the following elements (all are covered in the book). The page numbers for the related instruction in the Short & Green book can be found in () after each item.

 

Project requirements:

Create a site from scratch with at least 3 web pages.Put the site online. Each page of the site should have a title (60-1) and text (67-70) and the site should include:

  • relative link (41-42)
  • absolute link (41-42)
  • Image with alternative text (46, 62-66)
  • site map (49)
  • at least two different alignments for your text (71-73)
  • an image link & a text link (74-76)
  • <meta> tags 77-79
  • email link (9093)
  • named anchor (94-101)
  • link to another type of file (such a as a .pdf, .doc, .txt, an audio file and so on)(102-107)

Email me the link to the site along with details on where I can find each requirement on the site.

 

Mini-Design 2

Due: 1/29

For this project you will create a mini website or web projects using the Short & Green book. You can use the files the book provides or you can do this on your own website (a new one or the one you created for last week.

 

Do remember: I am not looking for a beautiful or consistent site. In fact, you could create a totally meaningless site, as long as you include the required features. This project exists to show me you can do the things in the book and to give you practice learning the basics of web design.

Your project must include the following elements (all are covered in the book). The page numbers for the related instruction in the Short & Green book can be found in () after each item.

 

Project requirements:

  • Modify the page properties as discussed on pages 111-115. You may choose different fonts, sizes, colors, margins, and other formatting as you desire, but do use a variety of options.

  • Export and attach an external CSS file (119-124). Do attach the style sheet to two different pages.

  • Create and set up a few type selectors CSS rules as shown on paged 130-138. Again you may choose different fonts, sizes, colors, margins, and other formatting as you desire, but do use a variety of options.

  • Create at least two ID Selectors (140-147) in whatever formatting you desire.

  • Create at least one Class Selectors (149-154) in whatever formatting you desire.

  • Create CSS rollover with pseudo-classes (155-159)

  • Use the property inspector to format text to your desire165-173

  • Adjust the margins, padding and line height (175-181)

  • Create and use at least two font lists. Make them interesting! (182-184)

  • Align text to an image (185-186)

  • Make a list using the bullets (order or unordered) and make a definition list (189-191)

  • Create some flash text (193-196)

Email me the link to the site along with details on where I can find each requirement on the site.

 

Mini-Design 3

 

Due: 2/5

For this project you will create a mini website or web projects using the Short & Green book. You can use the files the book provides or you can do this on your own website (a new one or the one you created for a previous week).

Do remember: I am not looking for a beautiful or consistent site. In fact, you could create a totally meaningless site, as long as you include the required features. This project exists to show me you can do the things in the book and to give you practice learning the basics of web design.

Your project must include the following elements (all are covered in the book). The page numbers for the related instruction in the Short & Green book can be found in ( ) after each item.

  • Create a table and add content including text and an image (201-206)
  • Play with the border and include an empty cell, as shown, in the table (207-212)
  • Copy your table (or create a new one) and with the copy change the border of the table with CSS, including using a color for the lines in the border (213-217)
  • Add color to either (or both) tables. Use some variety (different rows or columns different colors) (218-225)
  • Apply different alignments in a table (226-231)
  • Sort one of your tables (consider using greeking if you need lots of text) (232-234)
  • Play with table widths (235-241)
  • Create rounded corners in one table (242-246)
  • Apply a tracing image (can use the one from the book or create your own making a screenshot of some webpage) (250-252)
  • Add some layers to the tracing image page (253-258)
  • Use layout tables and cells, autostretch it, and play with widths (260-271)

 

Email me the link to the site along with details on where I can find each requirement on the site.

 

Mini-Design 4

Due: 2/12

For this project you will create a mini website or web projects using the Short & Green book. You can use the files the book provides or you can do this on your own website (a new one or the one you created for a previous week). Note: This project requires the use of lots of images and such items for rollovers. The images do not have to make sense, feel free to just use random images. Or you need to make screenshots in the later part of the project—you could use these.

Do remember: I am not looking for a beautiful or consistent site. In fact, you could create a totally meaningless site, as long as you include the required features. This project exists to show me you can do the things in the book and to give you practice learning the basics of web design.

Your project must include the following elements (all are covered in the book). The page numbers for the related instruction in the Short & Green book can be found in ( ) after each item.

-Attach a printer-friendly style sheet (274-276)
-Style the printer-friendly style sheet for print (277-284)
-Render your site in another way (besides print) and include a screenshot of that with the project (attach to email or include as part of the website) (280)
-Create a simple rollover (288-293)
-Create a disjointed rollover (294-298)
-Create a navigation bar with multiple rollover states (can be a two button nav bar) (299-308)
-Create a flash button (309-311)
-Play around in the code view (313-328). I don’t need proof of this.
-Play with the quick tag editor & tag editor and include a screenshot of each with the project (attach to email or include as part of the website) (329-331 & 332-336)
-Create a snippet and show me a screenshot of the snippet in the snippets panel (337-341)

 

Email me the link to the site along with details on where I can find each requirement on the site.

 

 

Mini-Design 5

[Note: The Digital Aquarium has some good sound equipment you can use for this project.]

Due March 14th (Friday) by noon

For this project you will create a podcast on any (appropriate) topic you want. This will include:

  • Write a full transcript of the podcast
  • Recode a podcast: You will record a podcast at least 5 minutes in length if the material is original to the podcast and at least 10 minutes in length if this is recycled material (a paper your wrote, a short story you wrote or something like that). You can incorporate music and other media as you so desire. You can to a video podcast instead of an auditory one. If you choose video you must post 3 minutes of video.
  • Edit: The podcast/video podcast should be edited and appropriately presented.
  • Post: You will post to the class podcasting site (http://eng8123.escapeartists.net/) your podcast and transcript.
  • Email: In case there are technical difficulties, also email me the podcast and transcript. Please use my google account: jennifer.l.bowie[at]gmail . com

Mini-Design 6

Due March 25th

For this project you will create a mini website or web projects using the Short & Green book. You can use the files the book provides or you can do this on your own website (a new one or the one you created for a previous week).

Do remember: I am not looking for a beautiful or consistent site. In fact, you could create a totally meaningless site, as long as you include the required features. This project exists to show me you can do the things in the book and to give you practice learning the basics of web design.

Your project must include the following elements (all are covered in the book). The page numbers for the related instruction in the Short & Green book can be found in ( ) after each item.

 

  • Create form with these components:
    • Text field or text area (345-351)
    • Check boxes (352-4)
    • Radio buttons (352-4)
    • List or menu (355-7)
    • Working submit utton (358-361) [send me a copy of the form results in your email with the project]
  • Use the Open Browser Window behaviors (363-6)
  • Use the Validate form behavior (371-5)
  • Insert Fireworks 8 images (379-80)
  • Edit the image with the Fireworks tool (381-3)
  • Insert a simple Fireworks rollover (387-9)
  • Manipulate a fireworks pop-up (390-9)
  • Create a new template and apply it to a new page (407-12)
  • Apply the template to an existing page (one form an earlier project (413-5)
  • Create an optional region in your template (425-6)
  • Create a library item (429-31)
  • Set the accessibility preferences (448-9) [note: I need no proof of this]
  • Insert an accessible image (450-1)
  • Insert an accessible table (452-3)
  • Link to a sound (460-2)
  • Imbed multimedia (463-5)
  • Insert Flash content (466-8)
  • Insert Flash video content (469-471)