零基础 Web 设计(Web 开发和编程基础)

Learn to Design and Create Websites

Build a responsive and accessible web portfolio using HTML5, CSS3, and JavaScript



  • 分类: 计算机
  • 平台: Coursera
  • 语言: 英语


This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to develop high quality web sites that, work seamlessly on mobile, tablet, and large screen browsers accessible. During the capstone you will develop a professional-quality web portfolio demonstrating your growth as a web developer and your knowledge of accessible web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments.

第 1 门课程

HTML5 入门

即将开课的班次:5月 9 — 6月 6。每隔 3 周会有一个新班次开课。
课程学习时间 3周学习时间,每周2-4小时

借助于软件数量的增长,似乎人人都能制作网页。你是否也想了解网页是如何创建的呢?很多的教科书和在线资源都可以用来学习网页设计,但是大多都需要具有一定的知识背景。本课程专门设计帮助初学者在学习过程中逐渐建立信心。我们将教授理论知识(当你点击网页链接的时候实际有哪些事情发生?)动手实践(创建网页需要了解哪些知识?)以及被忽视的细节(有了页面创建之后该做什么?)。贯穿本课程始终我们都强调语法标准验证和重视结构化语义的重要性,以此来增强对于残疾人士对页面的可访问性。 本课程使用教材可以从www.opensuny.org 网上获取,作者:Michael Mendez,书名:《The Missing Link: An Introduction to Web Development and Programming》。

本课程将会吸引各层次人群,特别是喜欢一步一步从基础学起的人们。学习本课程无需先修课程,本课程假定学生并无编程经验和IT从业经历。本课最后的小型项目将会要求学生创建一个具有链接和图片的简单页面。本课程关注网页基础,不强调外观设计。链接http://intro-webdesign.com/html5-plain.html 包含一个期末项目的演示页面。

本课程为人人学习网页设计系列的第一门课。后续课程将会重点强调用和用CSS修改网页布局,使用JavaScript和用户进行交互并利用响应式设计增强样式设计。范例程序参见: http://intro-webdesign.com/

第 2 门课程

Introduction to CSS3

当前班次:5月 2 — 6月 6。每隔 3 周会有一个新班次开课。

The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits.

When done correctly, the styling of a webpage can take enhance your page. When done incorrectly the result can be worse than no styling at all. To ensure that your sites do not put up barriers for people with cognitive and/or physical disabilities, you will learn how to evaluate pages using the standardized POUR accessibility guidelines. Upon completion of the course, learners will be able to sketch a design for a given HTML page. Using that design they will use CSS to implement the design by adding fonts, colors, and layouts.

This is the second course in the Web Design For Everybody specialization. Subsequent courses focus on adding interaction with JavaScript and enhancing the styling with responsive design.

It will be difficult to complete this course if you do not have access to a laptop or desktop computer for the homework.

第 3 门课程

使用 JavaScript 实现交互功能

即将开课的班次:5月 9 — 6月 13。每隔 3 周会有一个新班次开课。

If you want to take your website to the next level, the ability to incorporate interactivity is a must. But adding some of these types of capabilities requires a stronger programming language than HTML5 or CSS3, and JavaScript can provide just what you need. With just a basic understanding of the language, you can create a page that will react to common events such as page loads, mouse clicks & movements, and even keyboard input.

This course will introduce you to the basics of the JavaScript language. We will cover concepts such as variables, looping, functions, and even a little bit about debugging tools. You will understand how the Document Object Model (DOM) is used by JavaScript to identify and modify specific parts of your page. After the course, learners will be able to react to DOM Events and dynamically alter the contents and style of their page. The class will culminate in a final project – the creation of an interactive HTML5 form that accepts and verifies input.

This is the third course in the Web Design For Everybody specialization. A basic understanding of HTML and CSS is expected when you enroll in this class. Additional courses focus on enhancing the styling with responsive design and completing a capstone project.

第 4 门课程


即将开课的班次:5月 9 — 6月 13。每隔 3 周会有一个新班次开课。
课程学习时间 4 weeks of study, 1-3 hours/week

It used to be the case that everyone viewed webpages on about the same size screen. But with the explosion of the use of smartphones to access the Internet, the landscape of design has completely changed. People viewing your site will now expect that it will perform regardless of the platform (smartphone, tablet, laptop, or desktop computer). This ability to respond to any platform is called responsive design.

This course will expand upon the basic knowledge of CSS3 to include topics such as wireframes, fluid design, media queries, and the use of existing styling paradigms such as Bootstrap. After the course, learners will be able to:
** Explain the mobile-first paradigm and the importance of wireframes in the design phase
** Create sites that behave across a range of platforms
** Utilize existing design frameworks such as Bootstrap

This is the fourth course in the Web Design For Everybody specialization. A basic understanding of HTML and CSS is expected when you enroll in this class. Additional courses focus on adding interactivity with the JavaScript Programming Language and completing a capstone project.


零基础 Web 设计毕业项目

于 Coming soon 开始

The capstone will develop a professional-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to validation and accessibility standards will be required. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course.

Upon completion of this course students will feel comfortable creating and/or updating existing front-end sites, utilizing existing frameworks, and testing sites for accessibility compliance.

This course is only open to students who have completed the first four courses in the Web Design for Everybody specialization: Introduction to HTML5, Introduction to CSS3, Interactivity with JavaScript, and Advanced Styling with Responsive Design.

Online learning to jumpstart your future.
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc
  • 以及更多...

© 2008-2018 MOOC.CN 慕课改变你,你改变世界