SubjectsSubjects(version: 808)
Course, academic year 2017/2018
  
Webdesign I - N445005
Czech title: Webdesign I
Guaranteed by: Department of Computing and Control Engineering (445)
Actual: from 2014
Semester: winter
Points: winter s.:4
E-Credits: winter s.:4
Examination process: winter s.:
Hours per week, examination: winter s.:1/3 MC [hours/week]
Capacity: unlimited / unlimited (unknown)
Min. number of students: unlimited
Language: Czech
Teaching methods: full-time
Level:  
For type:  
Additional information: http://moodle.vscht.cz/course/view.php?id=29
Note: předmět je možno zapsat mimo plán
povolen pro zápis po webu
Guarantor: Nachtigalová Iva Ing. Ph.D.
Finkeová Jana Ing. CSc.
Annotation -
Last update: Nachtigalová Iva Ing. Ph.D. (22.07.2013)

The course focuses on preparing and learning three forms of presentations - computer presentation, poster presentation and static web presentation. Each of these forms has different requirements for content and graphics processing and requires a different methodological and conceptual approach to their preparation and presentation. Therefore the course introduces students to both the methodology and techniques of preparing computer presentations (based on templates) and posters in program MS PowerPont 2007+, and with all aspects of preparation of static web pages (hypertext documents), of which the content and design students create using XHTML and CSS languages. The course also provides space for practicing of presenting of computer presentations in accordance with general principles and rules of verbal and nonverbal communication.
Aim of the course -
Last update: Nachtigalová Iva Ing. Ph.D. (22.07.2013)

Students will be able to:

  • prepare computer presentations in MS PowerPoint 2007+ based on their own templates, including high quality handouts
  • clearly and convincingly present
  • create factual and well arranged posters in program MS PowerPoint 2007+
  • valid, well-styled, usable and accessible static web pages in XHTML and CSS languages.

Deskriptory -
Last update: Nachtigalová Iva Ing. Ph.D. (22.07.2013)

typography, presentation, poster, www, web, hypertext markup language, XHTML, cascading style sheets, CSS, MS PowerPoint

Literature -
Last update: Fialová Jana (30.09.2013)

R: Patrick Griffiths: HTML Dog: The Best-Practice Guide to XHTML and CSS. New Riders; 1 edition (December 2, 2006). ISBN 0321311396.

R: Gary B. Shelly, Susan L. Sebok: Microsoft PowerPoint 2010: Complete. Cengage Learning; 1 edition (November 3, 2010). 310 s. ISBN 1439078939.

R: Ellen Lupton: Thinking with Type, 2nd revised and expanded edition: A Critical Guide for Designers, Writers, Editors, & Students. Princeton Architectural Press; 2 Rev Exp edition (October 6, 2010). ISBN 1568989695.

Learning resources -
Last update: Nachtigalová Iva Ing. Ph.D. (22.07.2013)

W3C: XHTML 1.0 The Extensible HyperText Markup Language (Second Edition) [on-line][cit. 5. 11. 2012]. Availability on the Internet: http://www.w3.org/TR/xhtml1/.

W3C: Cascading Style Sheets home page [on-line][cit. 5. 11. 2012]. Availability on the Internet: http://www.w3.org/Style/CSS/.

Refsnes Data: w3schools.com - the world's largest web development site [on-line][cit. 5. 11. 2012]. Availability on the Internet: http://w3schools.com/.

Teaching methods -
Last update: Nachtigalová Iva Ing. Ph.D. (22.07.2013)

The 4-hour course starts with one-hour lecture followed by a three-hour thematic exercises in a computer lab where students solve tasks together and gradually step by step create three sample presentations like computer presentation with handouts for audience based on their own template, poster and static web presentation. Each student works on his own computer at the same time regularly alternates with with other students at the teacher's computer and actively participates in the preparation of the specification in discussion with others. In the exercises, students learn to work with off-line and on-line resources, an interactive presentation table and a presenter, and to analyse case studies as well.

Syllabus -
Last update: Nachtigalová Iva Ing. Ph.D. (22.07.2013)

  1. Tools for preparing computer presentations - visual and technical tools and utilities, software.
  2. Preparing the computer presentations - types of presentation, scenario, synopsis, methodological principles, preparing templates, preparing handouts.
  3. Presenting of computer presentations - preparation before, opening, verbal and non-verbal communication, tools for presenting, ending.
  4. Typography rules and principles rate - writing selected characters, writing numeric data, writing formulas, writing ordered and unordered lists, writing bibliographic citations, writing text, typography on slides.
  5. Preparing of poster - desired properties, information structure, design, presenting, attracting audience attention, general recommendations.
  6. Copyright Act - law sections, low subjects, copyright law, copyright and school works, computer programs, the duration of rights.
  7. Technology and tools of creation and publication of hypertext documents - URL, HTTP, markup languages, cascading style sheets, servers and user agents, editors, validators.
  8. Introduction to XHTML - lexical structure, semantic tagging, document types and structures of XHTML documents.
  9. Content creation of hypertext documents using XHTML - Document Type Declaration, header elements, semantic and structural elements of the body.
  10. Introduction to CSS - lexical structure, value types, linking with XHTML, writing rules, selectors.
  11. Advanced CSS capabilities - cascading heredity, element box model, page box model, box types, positioning.
  12. Making design of hypertext documents using CSS - creating the layout, text, background, fonts, links, lists and tables properties.
  13. Usability - information and navigation architecture, recommended principles.
  14. Web accessibility - disabled users, laws, methods of making, testing.

Entry requirements -
Last update: Nachtigalová Iva Ing. Ph.D. (22.07.2013)

No requirements.

Registration requirements -
Last update: Nachtigalová Iva Ing. Ph.D. (22.07.2013)

No requirements.

Class methods
Activity Credits Hours
Konzultace s vyučujícími 0,4 10
Obhajoba individuálního projektu 0,1 4
Účast na přednáškách 0,5 14
Práce na individuálním projektu 1,5 42
Účast na seminářích 1,5 42
4 / 4 112 / 112
Evaluation of a student
Form Balance
Aktivní účast na výuce 20
Protokoly z individuálních projektů 50
Průběžné a zápočtové testy 30

 
VŠCHT Praha