Assignment 2 due :Web Site
advertisement
Introduction to Multimedia Technology JMA 501 – 01 Spring 2013 Points 50 Assignment 2: Web Site Use NotePad or some other text editor or Dreamweaver to create a Web site. The topic can be of your choice. The Web site should include the following: 1. At least six pages (a home page and five pages linked to the home page).Use navigation links at the top of the pages 2. Coordinated design/navigation between all pages – be consistent with color choices and fonts (use kuler.adobe.com/#create/fromacolor to select the color scheme of your site). 3. Navigation and the head sections should remain in the same location on each page. Each page should contain navigation to all other pages. 4. At least 8-10 links – either internal or external. 5. Text free of typographic errors and ambiguous language. 6. You may use fill text for portions of content, however your links should be written descriptively and should function. 7. The site should include: o One Table to display data o Ordered lists o Unordered List o Proper document formatting (HTML, Head, Body, etc.) o Horizontal rules o An internal Style Sheet in the head of the document o An external Style Sheet that is linked to documents Use CSS to set font-family, font-size, color, background color. Your CSS should include tag, class, ID, and descendent selectors. o At least one image o Links (8-10) o Html markup should be meaningful and not presentational. Use CSS to control the visual aspects of the page. 8. Each page of the site should have the following: o A DOCTYPE o A title o Proper document structure (i.e., <html></html>) o Copyright symbol o Date 9. At a minimum, your html should include the following elements: !DOCTYPE <html></html> <head></head> <title></title> <body></body> <style></style> <h1…h3> <p></p> <ol></ol> and <ul></ul> <hr /> <img /> 10. Validate your page (strict - xhtml). 11. Link the page to your JMA501 Project Portfolio page. The assignment is due on Feb 6. The tables below list many of the html tag elements and CSS properties you will used HTML – Source: http://www.w3schools.com/tags/ref_byfunc.asp Basic Tags <!DOCTYPE> <html> <body> <h1> to <h6> <p> <br> <hr> <!--...--> Defines the document type Defines an html document Defines the body element Defines header 1 to header 6 Defines a paragraph Inserts a single line break Defines a horizontal rule Defines a comment Char Format <b> <em> <strong> <sup> <sub> Defines bold text Defines emphasized text Defines strong text Defines superscripted text Defines subscripted text Output <pre> <code> <kbd> <samp> Defines preformatted text Defines computer code text Defines keyboard text Defines sample computer code Blocks <abbr> <address> <blockquote> <cite> <del> Defines an abbreviation Defines an address element Defines a long quotation Defines a citation Defines deleted text Links <a> <link> Defines an anchor Defines a resource reference Frames <frame> <frameset> <noframes> <iframe> Defines a sub window (a frame) Defines a set of frames Defines a noframe section Defines an inline sub window (frame) Input <form> <input> <textarea> <button> <select> <option> <label> <fieldset> Defines a form Defines an input field Defines a text area Defines a push button Defines a selectable list Defines an item in a list box Defines a label for a form control Defines a fieldset Lists <ul> Defines an unordered list <ol> <li> <dl> <dt> <dd> Defines an ordered list Defines a list item Defines a definition list Defines a definition term Defines a definition description Images <img> <map> <area> Defines an image Defines an image map Defines an area inside an image map Tables <table> <th> <tr> <td> <col> Defines a table Defines a table header Defines a table row Defines a table cell Defines attributes for table columns Styles <style> <div> <span> Defines a style definition Defines a section in a document Defines a section in a document Meta Info <head> <title> <meta> <base> Defines information about the document Defines the document title Defines meta information Defines a base URL for all the links in a page CSS - Source: http://www.echoecho.com/csstext.htm Property Values Example font-family font name generic font font-family:arial font-family:arial, helvetica font-style normal italic oblique font-style:normal font-style:italic font-style:oblique font-variant normal small-caps font-variant:normal font-variant:small-caps font-weight normal bold bolder lighter 100-900 font-weight:normal font-weight:bold font-weight:bolder font-weight:lighter font-weight:250 font-size normal length length absolute absolute absolute absolute absolute absolute absolute relative relative percentage font-size:normal font-size:14px font-size:14pt font-size:xx-small font-size:x-small font-size:small font-size:medium font-size:large font-size:x-large font-size:xx-large font-size:smaller font-size:larger font-size:75% Property Values color <color> background-color transparent <color> background-image none url(<URL>) background-repeat repeat repeat-x repeat-y no-repeat background-attachment scroll fixed background-position <percentage> <length> top center bottom left right background <background-color> <background-image> <background-repeat> <background-attachment> <background-position>
