1. <acronym id="xwmun"></acronym> <output id="xwmun"><pre id="xwmun"><address id="xwmun"></address></pre></output>
        <output id="xwmun"><pre id="xwmun"><dd id="xwmun"></dd></pre></output>
        1. 零基礎 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.
          聲明:MOOC中國發布之課程均源自下列機構,版權均歸他們所有。本站僅作報道收錄并尊重其著作權益,感謝他們對MOOC事業做出的貢獻!(排名不分先后)
          • Coursera
          • edX
          • OpenLearning
          • FutureLearn
          • iversity
          • Udacity
          • NovoEd
          • Canvas
          • Open2Study
          • Google
          • ewant
          • FUN
          • IOC-Athlete-MOOC
          • World-Science-U
          • Codecademy
          • CourseSites
          • opencourseworld
          • ShareCourse
          • gacco
          • MiriadaX
          • JANUX
          • openhpi
          • Stanford-Open-Edx
          • 網易云課堂
          • 中國大學MOOC
          • 學堂在線
          • 頂你學堂
          • 華文慕課
          • 好大學在線CnMooc
          • 以及更多...

          © 2008-2018 MOOC.CN 慕課改變你,你改變世界

          三肖中特期期准免费
          1. <acronym id="xwmun"></acronym> <output id="xwmun"><pre id="xwmun"><address id="xwmun"></address></pre></output>
              <output id="xwmun"><pre id="xwmun"><dd id="xwmun"></dd></pre></output>
                1. <acronym id="xwmun"></acronym> <output id="xwmun"><pre id="xwmun"><address id="xwmun"></address></pre></output>
                    <output id="xwmun"><pre id="xwmun"><dd id="xwmun"></dd></pre></output>