COAP:COAP-2100/exams: Difference between revisions
Jump to navigation
Jump to search
Line 13: | Line 13: | ||
; Subjects that may be tested | ; Subjects that may be tested | ||
* Be able to find information about HTML tags/attributes and CSS selectors/properties. I may design an exam question that asks you to find the definition of | * Be able to find information about HTML tags/attributes and CSS selectors/properties. I may design an exam question that asks you to find the definition of an tag or attribute. | ||
* Selecting an appropriate on-line service for creating a web site. | * Selecting an appropriate on-line service for creating a web site. | ||
* Be able to create simple HTML code and detect errors | * Be able to create simple HTML code and detect errors | ||
** DocType declarations (superficially, e.g. be able to distinguish between an HTML5, HTML4 and XHTML) | ** DocType declarations (superficially, e.g. be able to distinguish between an HTML5, an HTML4 and a XHTML page) | ||
** Required tags: ''html,head,body,title,link,a,img,h1,h2,blockquote,p,ul,ol,li,div,span'' | ** Required tags: ''html,head,body,title,link,a,img,h1,h2,blockquote,p,ul,ol,li,div,span'' | ||
** Required attributes: style + the elementary attributes of the HTML ''a'', ''img'' and ''link'' tags + class + id | ** Required attributes: style + the elementary attributes of the HTML ''a'', ''img'' and ''link'' tags + class + id |
Revision as of 11:00, 5 February 2014
"Mid-term" exam
- Date
- Wednesday, week 5 or week 6 (to be discussed)
- Format
- Open book. You may use both print texts and the Internet. However, use of communication software (including websites like Facebook) is strictly forbidden. Offenders will get an F.
- The exam will include all sorts of questions (MCQs, fill-in, code repair, ...)
General HTML/CSS and XML knowledge
- Subjects that may be tested
- Be able to find information about HTML tags/attributes and CSS selectors/properties. I may design an exam question that asks you to find the definition of an tag or attribute.
- Selecting an appropriate on-line service for creating a web site.
- Be able to create simple HTML code and detect errors
- DocType declarations (superficially, e.g. be able to distinguish between an HTML5, an HTML4 and a XHTML page)
- Required tags: html,head,body,title,link,a,img,h1,h2,blockquote,p,ul,ol,li,div,span
- Required attributes: style + the elementary attributes of the HTML a, img and link tags + class + id
- Simple CSS styling
- Basic selectors (tag names)
- Class and ID selectors (.xxx and #xxx)
- Simple boxing properties (i.e. margins, not positioning)
- Simple text properties, e.g. color, font-family, line spacing, left/right/center alignment
- Color models
- Basic principles of RGB, RGBa, HSL and HSLa (not HSV). E.g. you should know that RBG combines amount of three colors, that HSL is a color on the "360 color wheel" plus saturation and light. You also should know that alpha means transparency.
- Be able to find a RGB hex value for a given color name and the other way round (using any tool/table you like)
- Use colors with CSS and SVG
- Simple design principles
- Be able to comment on a web site design
- Be able to find and use basic web page usability principles, testing a web site with users
- Creating a simple wireframe (sketch of a web page)
- XML
- Roles of XML, some types of XML languages
- Essentials of the XML formalism, well-formedness
- The concept of XML grammars and validity (no technical details about DTDs, XML Schemas, etc.)
SVG
Items that may be tested
- SVG embedding in HTML
- Graphic primitives: rect, circle, ellipse, line, polyline, polygon and text)
- Attributes you should know: position and size attributes, opacity, fill and stroke
- Grouping and reusing: Defining an "id", g and use
- Make sure to understand basic use of the transform attribute (scaling, rotation, and translation)
- Simple animation: animate
- Attributes for animate: to, from, values, dur, begin, end, fill, attributeName, xlink:href, repeatCount
Not tested
- The "path" language. However, I may ask you to copy/paste a path from the online SVG-edit tool or change its style (e.g. the color).
Mid-term preparation
Firstly, do the homework. You then can either just read my wiki pages or just the textbook chapters or both .....
HTML/CSS/XML
- Search on the Internet
- or look at Index of important teaching materials
SVG documentation
Textbook chapters (you can ignore elements that we did not present in class)
(1) SVG Essentials (chapters 3,4,11):'
- http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Basic_Shapes
- http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Document_Structure
- http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Animating_and_Scripting_SVG (Only the animate tag, in particular: ignore the scripting)
- Important: Namespace declarations are missing from all the examples in this book, i.e. code will not work unless you add these ! If you want to print these textbook chapters, use the PDF that sits in the Documents folder of the World Classroom. You are allowed to bring it to the exam ....
- Bad:
<svg ....">
- Good:
<svg xmlns="http://www.w3.org/2000/svg">
(2) Building Web Applications with SVG (pages 20 to 39 only !)
- Excerpt sits in the worldclassroom
(3) Wiki pages:'
- Using SVG with HTML5 tutorial (mandatory reading, not covered in the text book)
- Static SVG tutorial (read SVG_Essentials/Basic_Shapes and Document_Structure if something is not clear)
- SVG/SMIL animation tutorial (only sections that concern the animate element, read VG_Essentials/Animating_and_Scripting_SVG if something is not clear)
Final
- Oral presentation of your term project
- Screen cast presentation of your term project
... details TBA