| (17 intermediate revisions by the same user not shown) | |||
| Line 25: | Line 25: | ||
== Syllabus == | == Syllabus == | ||
http://media-study.com/IntroductoryWebDevelopment-W18.pdf | [http://media-study.com/winter18/IntroductoryWebDev/IntroductoryWebDevelopment-W18.pdf Course Syllabus] | ||
== Assignments | == Assignments == | ||
[http://media-study.com/winter18/IntroductoryWebDev/Project1-Wi18.pdf Project 1]<br /> | |||
Due November 6th | Due November 6th | ||
[http://media-study.com/winter18/IntroductoryWebDev/Project2-Intro-Web-Media.pdf Project 2]<br /> | |||
Due December 18th | |||
== Class Files == | |||
[http://media-study.com/winter18/IntroductoryWebDev/23-10-18.zip Project 1 Demonstration, 23 October] | |||
[http://media-study.com/winter18/IntroductoryWebDev/first_project_static.zip Project 1 Demonstration (static), 30 October] | |||
[http://media-study.com/winter18/IntroductoryWebDev/first_project_responsive.zip Project 1 Demonstration (responsive), 30 October] | |||
[http://media-study.com/winter18/IntroductoryWebDev/Project2_Example_6.11.18.zip Project 2 Demonstration, 6 November] | |||
[http://media-study.com/winter18/IntroductoryWebDev/youtube_video_embed.zip YouTube Video Embed Example] | |||
[http://media-study.com/winter18/IntroductoryWebDev/Project2_Example_13.11.18.zip Project 2 Demonstration, 13 November] | |||
[http://media-study.com/winter18/IntroductoryWebDev/Project2_Example_20_Nov.zip Project 2 Demonstration, 20 November] | |||
[http://media-study.com/winter18/IntroductoryWebDev/project2_portfolio-Nov-27.zip Project 2 Demonstration, 27 November] | |||
[http://media-study.com/winter18/IntroductoryWebDev/project2_portfolio_4-12.zip Project 2 Demonstration, 4 December] | |||
[http://media-study.com/winter18/IntroductoryWebDev/project2_portfolio_w_map.zip Project 2 Demonstration, 11 December] | |||
==Class Resources== | |||
'''Web Design Resources/References:'''<br/> | |||
[https://www.w3schools.com W3Schools]<br/> | |||
[http://lesliefranke.com/files/reference/csscheatsheet.html CSS Cheatsheet]<br/> | |||
[http://media-study.com/resources/pdfs/web-standards-ckecklist-1-18.pdf Web Standards Checklist]<br/> | |||
[http://getbootstrap.com Bootstrap Homepage]<br/> | |||
[https://jquery.com jQuery Homepage]<br/> | |||
[https://www.ascii.cl/htmlcodes.htm HTML Codes Table]<br/> | |||
[https://unicode-table.com/en Unicode Character Table]<br/> | |||
<br /> | |||
'''Web Development Tools:'''<br /> | |||
[https://validator.w3.org HTML Validator]<br/> | |||
[http://jigsaw.w3.org/css-validator CSS Validator]<br/> | |||
[http://www.css3-generator.de CSS3 Generator]<br/> | |||
[https://converticon.com Favicon Converter (.ico)]<br/> | |||
[http://www.pagecolumn.com/grid_layout_generator.htm Grid Layout Generator]<br/> | |||
[https://startbootstrap.com Bootstrap Template Examples]<br/> | |||
[https://fonts.google.com Google Fonts]<br/> | |||
[http://fontawesome.io Font Awesome]<br/> | |||
[https://www.htaccessredirect.net htaccess Generator]<br/> | |||
<br /> | |||
'''Other Useful Links:'''<br/> | |||
[http://www.webpagesthatsuck.com Web Pages That Suck – Learning Good Design Through Bad Design]<br/> | |||
[http://media-study.com/resources/PrinciplesofGraphicDesign/main.swf Principles of Graphic Design]<br/> | |||
[https://static.googleusercontent.com/media/www.google.com/en//webmasters/docs/search-engine-optimization-starter-guide.pdf SEO Starter Guide]<br/> | |||
[http://www.zombo.com Zombo.com]<br/> | |||
Latest revision as of 16:49, 11 December 2018
Fachmodul
Title: Web Based Media: Introductory Web Development I
Lecturer: Brian Larson Clark
Credits/SWS: 6 ECTS, 4 SWS
Maximum Number of Participants: 15
Course Language: English
First meeting: October 16, 15:15, Marienstraße 7b, Room 104
Date: Tuesdays, 15:15 to 18:30
Venue: Marienstraße 7b, Room 104
Description
Web-Based Media: Introductory Web Development I is a graduate-level investigation into the design and production of web-based media. Topics will include: web development (HTML5, CSS3, JavaScript), interaction design, and responsive design using web development frameworks (jQuery, Bootstrap). This is a student-driven course and topics will be determined by the interests/needs of the class. For students with basic, or no web development experience.
Admission requirements
For graduate students with little or no experience with HTML and CSS.
Registration procedure
Just show up to the first class or email me at brian.larson.clark@uni-weimar.de.
Evaluation
Evaluation will be determined by 3 projects, regular class participation, and attendance.
Eligible participants
For graduate students with little or no experience with HTML and CSS.
Syllabus
Assignments
Project 1
Due November 6th
Project 2
Due December 18th
Class Files
Project 1 Demonstration, 23 October
Project 1 Demonstration (static), 30 October
Project 1 Demonstration (responsive), 30 October
Project 2 Demonstration, 6 November
Project 2 Demonstration, 13 November
Project 2 Demonstration, 20 November
Project 2 Demonstration, 27 November
Class Resources
Web Design Resources/References:
W3Schools
CSS Cheatsheet
Web Standards Checklist
Bootstrap Homepage
jQuery Homepage
HTML Codes Table
Unicode Character Table
Web Development Tools:
HTML Validator
CSS Validator
CSS3 Generator
Favicon Converter (.ico)
Grid Layout Generator
Bootstrap Template Examples
Google Fonts
Font Awesome
htaccess Generator
Other Useful Links:
Web Pages That Suck – Learning Good Design Through Bad Design
Principles of Graphic Design
SEO Starter Guide
Zombo.com