Web Design
Overview / Introduction
Courses from MOOC
Publications
Useful weblinks
Web Design
Overview/Introduction
Web design or web development refers to the design of websites that are displayed on the internet. It usually refers to the user experience aspects of website development rather than software development. A web designer works on the appearance, layout, and, in some cases, content of a website. Appearance, for instance, relates to the colors, font, and images used. Layout refers to how information is structured and categorized. A good web design is easy to use, aesthetically pleasing, and suits the user group and brand of the website. Many webpages are designed with a focus on simplicity, so that no extraneous information or functionality which may distract or confuse users appears. As the keystone of a web designer’s output is a site that wins and fosters the trust of the target audience, removing as many potential points of user frustration as possible is a critical consideration.
Keywords: HTML, CSS, Web design, JavaScript
Courses from MOOC
Coursera
- HTML, CSS, and Javascript for Web Developers: https://www.coursera.org/learn/html-css-javascript-for-web-developers
- Responsive Web Design: https://www.coursera.org/learn/responsive-web-design
- Web Design: Strategy and Information Architecture: https://www.coursera.org/learn/web-design-strategy
- Introduction to Web Development: https://www.coursera.org/learn/web-development
edX
- HTML5 and CSS Fundamentals https://www.edx.org/course/html5-and-css-fundamentals
- CSS Basics: https://www.edx.org/course/css-basics
Linkedin Learning
- Introduction to Web Design and Development: https://www.linkedin.com/learning/introduction-to-web-design-and-development
- HTML Essential Training: https://www.linkedin.com/learning/html-essential-training-4
- Web Design: Efficient Workflow: https://www.linkedin.com/learning/web-design-efficient-workflow
- CSS Essential Training: https://www.linkedin.com/learning/css-essential-training-3
Webflow University
- Ultimate web design course: https://university.webflow.com/courses/ultimate-web-design-course
OpenClassrooms
- Build Your First Web Pages With HTML and CSS: https://openclassrooms.com/en/courses/5265446-build-your-first-web-pages-with-html-and-css
- Create Responsive Websites Efficiently With Bootstrap 4: https://openclassrooms.com/en/courses/5664281-create-responsive-websites-efficiently-with-bootstrap-4
- Write JavaScript for the Web: https://openclassrooms.com/en/courses/5493201-write-javascript-for-the-web
- Make Your Web Content Accessible: https://openclassrooms.com/en/courses/6663451-make-your-web-content-accessible
Udemy
- Web Design for Beginners: Real World Coding in HTML & CSS: https://www.udemy.com/course/web-design-for-beginners-real-world-coding-in-html-css/
- Complete Web Design: from Figma to Webflow to Freelancing: https://www.udemy.com/course/freelance-web-design-from-design-to-development-to-making-money/
- Responsive Web Design Essentials - HTML5 CSS3 Bootstrap: https://www.udemy.com/course/responsive-web-design-tutorial-course-html5-css3-bootstrap/
OpenHPI
- Wie designe ich meine eigene Homepage? https://open.hpi.de/courses/homepage2016
- Human-Centered Design: From Synthesis to Creative Ideas: https://open.hpi.de/courses/ideas2018
Udacity
- Front End Web Developer: https://www.udacity.com/course/front-end-web-developer-nanodegree--nd0011
- Full Stack Web Developer: https://www.udacity.com/course/full-stack-web-developer-nanodegree--nd0044
Alison
- Web Accessibility Development: https://alison.com/course/web-accessibility-development
- Web Page Design Using HTML5 and CSS3: https://alison.com/course/web-page-design-using-html5-and-css3-revised
- Introduction to Responsive Design using Bootstrap Framework: https://alison.com/course/introduction-to-responsive-design-using-bootstrap-framework
- Introduction to HTML and CSS: https://alison.com/course/introduction-to-html-and-css
Future Learn
- Introduction to Web Development: https://www.futurelearn.com/courses/introduction-to-web-development
- Web Application Technologies and Django: https://www.futurelearn.com/courses/web-application-technologies-and-django
Kadenze Academy
- Web Development and Design using Wordpress: https://www.kadenze.com/courses/web-development-and-design-using-wordpress/info
- Web Coding Fundamentals: HTML, CSS and Javascript: https://www.kadenze.com/courses/web-coding-fundamentals-html-css-and-javascript/info
Shaw Academy
Threehouse
- Introduction to HTML and CSS: https://teamtreehouse.com/library/introduction-to-html-and-css
- Web Design Process: https://teamtreehouse.com/library/web-design-process
- HTML Basics: https://teamtreehouse.com/library/html-basics-2
- CSS Basics: https://teamtreehouse.com/library/css-basics-5
Frontend Masters
- CSS Grids and Flexbox for Responsive Web Design: https://frontendmasters.com/courses/css-grids-flexbox/
- Introduction to Web Development: https://frontendmasters.com/courses/web-development/
- Responsive Web Design: https://frontendmasters.com/courses/responsive-web-design/
W3schools
- CSS Tutorial: https://www.w3schools.com/css/default.asp
- HTML Tutorial: https://www.w3schools.com/html/default.asp
- Bootstrap Tutorial: https://www.w3schools.com/bootstrap/bootstrap_ver.asp
CodeAcademy
- Learn HTML: https://www.codecademy.com/learn/learn-html
- Learn CSS: https://www.codecademy.com/learn/learn-css
- Learn Responsive Design: https://www.codecademy.com/learn/learn-responsive-design
- Learn Navigation Design: https://www.codecademy.com/learn/learn-navigation-design
Publications
Books
Principles of Web Design: The Web Warrior Series. By Joel Sklar. Link here
Web Design For Dummies. By Lisa Lopuck. Link here
Web Design: Introductory. By Jennifer T. Campbell. Link here
Useful Weblinks
Free Course: Beginner Web Design using HTML5, CSS3 & Visual Studio Code: https://www.youtube.com/watch?v=C5QFHp1oAws&ab_channel=BringYourOwnLaptop
Introduction To Responsive Web Design - HTML & CSS Tutorial: https://www.youtube.com/watch?v=srvUrASNj0s&ab_channel=freeCodeCamp.org
Front end development: https://skillcrush.com/blueprint/front-end-development-course/
Learn to code awesome websites in HTML, CSS, and Javascript: https://dash.generalassemb.ly/
Web Design: https://www.interaction-design.org/literature/topics/web-design
