Creating Web Documents: Week 5 continued

Creating Web Documents: Week 5 continued

Creating Web Documents: Week 5 continued Legal issues postings Metaphor Image maps and Image slicing Animation Shop Homework: Begin to plan project II Legal/Ethical issues Postings Note: this is required! It is also required to

respond and post again to this Forum. Review: HTML Details matter names of files simplify names: no punctuation, no spaces, all lowercase Need to 'close' quotation marks, html tags Proof-read: spelling does matter. Legibility of text against background image, against color.

Large[r] size font does help File management References in the html file (href, src) can be external: http:// internal (on the same computer) simplest is in same folder: just file name: src="bird.gif" in subfolder of this folder: src="birds/bird.gif"

in parent folder: src="../bird.gif" in subfolder of parent folder: src="../pictures/bird.gif" Metaphor What is a metaphor? Metaphors for web site are terms that convey what the experience is supposed to simulate or include. We visit a web site. This is a metaphor. Commerce sites speak of the shopping cart. Chat room conveys the idea that the

participants are in a room together. Metaphors, cont. For your projects (and your work), you may make use of existing metaphors or develop your own to guide your work and, possibly, show to your audience. Features that make visiting a web site more involving are

Metaphor (idea plus the content and links) Image maps and image slicing Animation Sound Remember You, the creator/designer/author, make the Web site

The user/client/visitor exerts some control, but all based on what you have established. Image map exercise Complete if not finished last class Download an image Use Paint Shop Pro to get coordinates of 3 distinct areas Also use Paint Shop Pro to copy and paste those same areas to make 3 (new) image files to be used Create html file with image map and original plus

3 new images. Image slicing ImageReady in PhotoShop has facility to create image slicing. This divides an image into parts according to a grid. The parts are made the contents of cells in a table. Certain of the cells are links clickable

clickable clickable clickable clickable ImageReady produces 16 image files + html code with a table with a tags in table cells

Animation An animated gif is a sequence of images that is shown in succession. Paint Shop Pro and other others produce animated gifs from a sequence of images you have produced. Also facility for producing extra images for transitions between your original images, such as fading. Also text over the image. Animation exercise

Create or acquire 4 images. Start Animation Shop (from Paint Shop Pro) Use wizard. Stick with default settings. Include 4 images. Make animation. Save. Notice time required for downloading. Project II Pick your topic and pick your team. Need to get my approval.

Need to announce on CourseInfo ASAP. Due 3/24 (after Spring vacation). Must have clearly stated purpose and audience. Technical features (must serve purpose of project) a scanned photograph you make or digital photograph you take or original drawing (or significantly modified graphic) Must include original animation Must include image map or image sliced set of links. At least 3 HTML files (3 pages). Table and frames.

(Sound would be nice but not required.) Topics Ethical/Legal issue Topic for another course Web site you are already working on or want to work on. ???? Take the time to finalize your decision on project.

Review of required postings Report on viewing site from different platforms Legal/ethical issue: define issue AND give your reasoned position Response to someone else's posting Description of your Project II: include description of audience and purpose

Recently Viewed Presentations

  • ORNEC Project - University of Ottawa

    ORNEC Project - University of Ottawa

    Evolving E-Health Business Processes Around Accessible Data Warehouses Background information for demonstrations January 24, 2007 Agenda Overview of ORNEC Overview of project and team Discussion of major activities and accomplishments Simulation of Ottawa Hospital Data Warehouse and environment Business Intelligence...
  • U.S. Department of the Interior Office of Natural

    U.S. Department of the Interior Office of Natural

    Suppose that fiscal year qualified OCS revenues are $96 million, $12 million to the LWCF and $36 million of which would be allocated to the Gulf producing States. Applying the inverse distance formula, the $36 million would be allocated to...
  • ECE 222 Electric Circuit Analysis II Chapter 5

    ECE 222 Electric Circuit Analysis II Chapter 5

    Syllabus Definition Duality Examples L & C Duality Series, Parallel Circuit Bibliography Definition In EE, a dual relationship exists between certain pairs of electric devices and units, e.g. voltage and current Duality manifests itself by the ability to interchange dual...
  • AHECB Meeting - Arkansas

    AHECB Meeting - Arkansas

    Mineral Lease Funds Background. A.C.A. ยง 19-5-1018. Public institutions of higher education, through the establishment of the Higher Education Building Maintenance Fund, share in the distribution of monies received by the state from the United States Government from the sale...
  • How to Write a Better Purpose and Need Statement

    How to Write a Better Purpose and Need Statement

    Federal Law & Regulations. National Environmental Policy Act of 1969. The purpose of this Act are: To declare a national policy which will encourage productive and enjoyable harmony between man and his environment; to promote efforts which will prevent or...
  • Objective - University of Virginia

    Objective - University of Virginia

    Express your hobbies and exchange information with others ... PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation PowerPoint ...
  • Medicaid & State Oral Health Programs

    Medicaid & State Oral Health Programs

    We focused on key, tried and true resources. ... Reflecting on Progress and Charting the . ... Evaluate professional development and dental public health workforce for their effect on oral health outcomes. Research. Evaluate results of implementing the research agenda.
  • Change Over Time Thesis: Identifies both Changes and Continuities

    Change Over Time Thesis: Identifies both Changes and Continuities

    Change Over Time Thesis: Identifies both Changes and Continuities. During the Neolithic era (10.000B.C.E -4000B.C.E) early man developed settlements based on the new stable food supply, formed patriarchal societies denying women opportunities men were given while retaining the spiritual and...