|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/responsive-web-design
课程评论：没有评论
课程名称：响应式网页设计 课程概述：在本课程中，您将学习如何应用互动设计和人机交互的概念，以设计和构建一个互动性强、专业外观的网站。您将学习如何使用响应式网格布局，使您的网页设计适应不同的屏幕尺寸。您将学习如何添加导航和其他设计元素，并了解如何使用JavaScript对象和模板将数据与展示分离。 通过本课程，您将能够： 1. 解释用户为何需要了解他们的位置、可以去哪里的导航以及网页内容。 2. 创建网页的线框模型。 3. 确定网页的关键功能元素。 4. 使用Bootstrap组件实现页面设计。 5. 使用JavaScript数据结构（如数组和对象）定义网页所需数据。 6. 使用Handlebars模板库将数据转换为HTML。 7. 使用JavaScript事件监听器为模板添加交互性。 在课程中，您将完成： - 1个网页设计作业，耗时约1小时 - 1个编程作业，耗时约1小时 - 4个测验，每个测验耗时约20分钟 - 多个练习测验，每个测验耗时约5分钟 参与或完成此在线课程不会为伦敦大学项目授予学分。 课程大纲： 第一部分：网页设计原则 描述：欢迎来到“响应式网页设计”的第一模块。到本模块结束时，您将理解可用性和用户体验的基本概念，并能通过导航栏告知用户他们可以去哪里。此外，您将能够通过有效的布局阐明网页内容，并理解创建无障碍网站的高层次要求。 第二部分：在代码中实现设计原则 描述：欢迎来到“响应式网页设计”的第二模块。到模块结束时，您将能够设置基本的Bootstrap网站，并使用标题和面包屑路径构建可折叠的响应式导航栏，还将能够通过响应式网格构建多个布局。我们还将研究安装Bootstrap主题。 第三部分：向网站添加内容 描述：欢迎来到“响应式网页设计”的第三模块。到模块结束时，您将能够将页面结构与页面内容分离，使用JavaScript对象并通过Handlebars实施JavaScript模板，同时能够用同一模板展示不同数据和用不同模板展示相同数据。最后，我们将学习使用Bootstrap模态框。 第四部分：构建完整的图库应用 描述：欢迎来到“响应式网页设计”的第四模块。到模块结束时，您将能够将对象存储在数组中并通过模板展示，动态展示数组中的单个图像。我们还将讨论实现搜索功能，并通过处理复杂数据结构在不同模板之间切换。
Part: 1
Title:Web design principles
Description:Welcome to the first module of 'Responsive Web Design'. By the end of this module you will be able to understand the basic concepts of usability and user experience and tell the user where they can go with navbars. In addition you will be able to tell the user what is here with effective layout and understand the high level requirements of creating an accessible website. We hope you enjoy the module!
Part: 2
Title:Realising design principles in code
Description: Welcome to the second module of 'Responsive Web Design'. By the end of this module you will be able to set up a basic Bootstrap site and build Bootstrap collapsible, responsive navbars using titles and breadcrumb trails and you'll also be able to build multiple layouts in one with a responsive grid. We'll also be looking at installing Bootstrap themes. Enjoy!
Part: 3
Title:Adding content to websites
Description:Welcome to the third module of 'Responsive Web Design' By the end of this module, you will be able to separate page structure from page content, use JavaScript objects and implement JavaScript templates with Handlebars as well as being able to display different data with the same template and the same data with different templates. Finally we will be looking at using a Bootstrap modal. We hope you enjoy the module!
Part: 4
Title:Building a full gallery app
Description:Welcome to the fourth module of 'Responsive Web Design'. By the end of this module you will be able to store objects in an array and display them with a template, and dynamically display single images from an array. We will also be looking at implementing a search function, and by working with complex data structures, switching between different templates. Enjoy!
In this course you will learn how to apply concepts from interaction design and human computer interaction in order to design and build an interactive, professional looking website. You will learn how to make your web page designs adapt to different screen sizes using responsive grid layouts. You will learn how to add navigation and other design elements, and you will learn how to separate data and display using JavaScript objects and templates. At the end of the course, you will be able to: 1. Explain why users need to know where they are, where they can go and what is on a web page 2. Create wireframe mockups of web pages 3. Identify the key functional elements of web pages 4. Use Bootstrap components to realise page designs 5. Use JavaScript data structures such as arrays and objects to define the data used in a web page 6. Use the Handlebars template library to convert data to HTML 7. Add interactivity to templates using JavaScript event listeners In this course, you will complete: 1 website design assignment taking ~1 hour to complete 1 programming assignment taking ~1 hour to complete 4 quizzes, each taking ~20 minutes to complete multiple practice quizzes, each taking ~5 minutes to complete Participation in or completion of this online course will not confer academic credit for University of London programmes.
