beatty@lasalle.edu
Home
Assignments
Resources
Syllabus
Weekly


Web Design and Development
DART/ENG 230

TR 11:00 - 12:15 (S 21); H-167

Website

    The websites are due on-line as of 4/24. Send me an e-mail with your URL (e.g. http://www.lasalle.edu/~jonesj1/website/index.html). If you want to add dynamic elements in Dreamweaver/Brackets, jQuery, etc. they are permitted, but should be in addition to hand-coded grids. The goal of these sites is for them to be unique and worthwhile, with content of at least 300 words based on (1): in-depth treatment of a topic of your choosing OR (2: recommended for DArt majors) your portfolio as a digital artist or other professional (if it is your portfolio, you might include a page or two on topics you are currently working on).

    Topics that work for option (1) well are ones that you know a lot about, which can mean a game, hobby, sports or entertainment figure that you know well, OR a particular slice of history or popular culture that you are into. When I grade these I’ll look to see if the site is enjoyable, worthwhile and unique.

    • Have an HTML5 doctype and <meta> tags with our XHTML-standard conventions: lowercase tags, close non-empty elements (e.g. </p>), quote all attribute values, proper nesting
    • Use CSS <div> tags, HTML5 tags (e.g. <header>), and position: or float: or display: flex to create a site with at least 5 pages and,
    • Include at least 5 still optimized images and,
    • At least 5 absolute links (to other websites) related to your topic
    • Relative links for site navigation
    • Good use of typography including contrast in type faces, color, size as appropriate. All type formatting (and layout) must be done in CSS, with either an embedded or linked style sheet
    • Use padding: and margin: rather than <p> or <br /> for spacing
    • Colors chosen with an eye toward an aesthetically pleasing color scheme
    • A mailto: link
    • Site creator, with © (see HTML and CSS pp. 193-194) and date acknowledged
    • Indication on the site of sources for all images (graphics and photos) audio or video files, and information
    Remember to:
  • Make site consistent
  • Make the purpose of the site and of navigational devices clear (labels)
  • Use design principles so that pages are aligned, balanced, proper proximity, have clear proportion, rhythm and contrast/harmony
  • Make navigation predictable and redundant where necessary
  • Consider monitor resolution
  • Consider browsers. Site should work in Chrome and should be tested in Edge, Safari or Firefox.
  • Make the content grammatically and mechanically correct
Home | Assignments | Resources | Syllabus | Weekly

Web Development Site maintained by John Beatty