Module Title: Web Authoring and Design
Room: 25-107 24-403
Time: Thursday 8:00-10:20 AM
Number of Weeks: 16
Submissions/Quizzes: VLE (Login) www.zjnu.xyz

Recommended Text: Sams Teach Yourself HTML CSS and JavaScript All in One

Assessment
1. Attendance: 5%
2. Quiz: 15%
3. Individual Project: 10%
4. Group Project: 20%
5. Final Exam: 50%


No
Topic
Chptr
1. Introduction 1,2,27
2. HTML Fundamentals (formatting text, images, media tags, ...) 5,8
3. Hyperlinks, tables, forms, frameworks tags, ... 6,7,26
4. Table based webpage layout 9,6
5. CSS (create, edit, delete CSS styles and properties) 3
6. CSS selectors (external CSS files) 10,11
7. CSS+div layout 9,12
8. Dynamic vs Static web sites (work patterns of dynamic web sites) 13
9. Introduction to Javascript 4,14
10. Javascript, syntax, decision loops 16,18
11. Javascript form processing 17
12. Javascript event processing 19
13. Javascript and cookies 15
14. Objects and DOM 15,17
15. Review


Online
Short weekly multiple choice quizzes (15%)


Projects 16 hours
Week 10 - Submit Individual Project (10%) - Q&A
[Details]
[Individual Demonstration Sheet]

Week 16 - Submit Group Project (20%) - Q&A
[Group Demonstration Sheet]


Group Project Teams
Name: Qian Yutong (钱宇彤) Team: Little-Miracle
Name: Qi Jiali (戚贾笠) Team: Ultra-Leo
Name: 杨恒余 (杨恒余) Team: CP3
Name: Shen Hao (沈昊) Team: Team-B
Name: 唐皓天 (唐皓天) Team: Team-B
Name: 施雨非 (施雨非) Team: Team-B
Name: 王浙柯 (王浙柯) Team: PSG
Name: 王昶昊 (王昶昊) Team: Diaolnao
Name: 王帆 (王帆) Team: Little-Miracle
Name: 朱凯鑫 (朱凯鑫) Team: PSG
Name: 尤博林 (尤博林) Team: Team-Orange
Name: Shen Yuchao (沈愉超) Team: One
Name: Lu Lanqing (卢岚清) Team: Ultra-Leo
Name: Liu Yi (刘逸) Team: No Shower
Name: Xue Yunkai (薛云恺) Team: Golden Snowfish
Name: Ye Boyu (叶柏榆) Team: Team-Apple
Name: Xu Wentao (许文滔) Team: Team-Apple
Name: Lingao Jin (王二) Team: Golden Snowfish
Name: Hu Chongcan (胡重灿) Team: One
Name: 陆思成 (陆思成) Team: Three-Wheel Motorcycle
Name: Wu Haotian (吴浩天) Team: No Toothbrush
Name: Zhou Ming (周茗) Team: Peppa-Pig
Name: Tian Kaige (田凯戈) Team: Team-Apple
Name: 钱潮 (钱潮) Team: Three-Wheel Motorcycle
Name: 裘世超 (裘世超) Team: Three-Wheel Motorcycle
Name: Jiang Qianyun (蒋倩芸) Team: Peppa-Pig
Name: Pang Jing (庞静) Team: Interesting
Name: Shi Yijia (施一佳) Team: Interesting
Name: 邹宁劼 (邹宁劼) Team: CP3
Name: Zhou Jiaqi (周家琪) Team: Ultra-Leo
Name: Cheng Tianyu (程天煜) Team: No Shower
Name: 金滢涛 (金滢涛) Team: PSG
Name: 詹沈晨 (詹沈晨) Team: Team-Misc
Name: 丁立洲 (丁立洲) Team: Team-Orange
Name: Wu Mingyu (吴明宇) Team: No Toothbrush
Name: 许正博 (许正博) Team: Diaolnao
Name: Yang Hao (杨昊) Team: Team-Misc
Name: Yu Mengtao (俞孟涛) Team: Golden Snowfish


Javascript Examples
Animating Images (falling flakes)
Javascript Santa Game

Slides
010--Introduction
020--HTML Fundamentals
030--Hyperlinks Tables Forms and Frameworks
040--Table-Based Web Pages
050--CSS
060--CSS Selectors
070--CSS Div Layouts
080--Dynamic.vs.Static.Websites
090--Introduction to Javascript
100--Javascript Syntax
110--Javascript Form
120--Javascript Events
130--Javascript and Cookies
140--Objects and DOM



Quizzes
Online Digitally and During Class


Support Material
Review Sheet HTML and CSS