1. Basic Internet concepts (webserver, IP address, DNS, URL, domains, TLD), placing pages on a Linux server (webhosting, FTP), software for creating WWW pages. Web content management systems (CMS - content management systems, editorial systems), overview (Joomla, Drupal, WordPress, Webnode.cz). 2. HTML5 language - syntactic rules, commands, basic structure of a website, website optimization (SEO), website accessibility (Best practice, Blind Friendly techniques). Page header, meta elements. Page body, parameter settings (margins, background, colors). 3. Formatting text on a page (size, color, fonts, styles, headings). Comments, symbols (placeholders), lists and enumerations (ordered and unordered list). Creating links (hyperlinks), types of links. 4. Photos and graphics on a website, current graphic web formats (JPG, PNG, WEBP). Multimedia on the web, current multimedia web formats (WEBM). 5. Tables, columnar web layout and web photo albums using tables. Forms, HTML5 Forms. 6. Syntactic rules of CSS3 (selectors, declarations, classes, pseudo-classes, identifiers, inheritance). 7. Color and background properties. Text and font properties. Box and block properties. 8. Classification properties, in-line and block elements. Localization of objects on the page, positioning, 3D layers on the web. Creation of responsive websites for mobile devices. 9. JavaScript on the web page, examples, dynamic events. 10. DOM object model, basics of object-oriented programming. 11. Using variables, creating fields, functions. 12. Branching, cycles, window control, date and time. Regular expressions. 13. Drawing using the canvas tag from HTML5.
|
The aim of the course is to teach students to create responsive, valid, accessible and optimized websites and to publish and manage these websites on an Internet server. Furthermore, to acquaint students with current technologies for the creation of modern websites - available content management systems, HTML5 data language, cascading style sheets (CSS3) for web formatting and the possibilities of using JavaScript. Part of the course is also the topic of formatting web presentations for mobile devices in the form of so-called responsiveness.
Development and presentation of a semester practical project - a responsive website on your own topic, formatted using externally connected CSS, valid in HTML5 and optimized for search engines (SEO). Completion of 2 continuous written knowledge tests.
|
-
Hlavenka, J. Vytváříme WWW stránky a spravujeme moderní Website..
-
Holzschlag, Molly, E. HTML a CSS, jdi do toho..
-
Morkes, D. Java Script - praktické příklady..
-
Pexa, P. https://moodle.pf.jcu.cz/course/view.php?id=1030.
-
Pexa, P. https://moodle.pf.jcu.cz/course/view.php?id=20.
-
Staníček, P. CSS - Hotová řešení..
|