|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/html
课程评论:没有评论
课程名称:HTML5导论 课程概述:随着越来越多的软件程序的出现,似乎每个人都能够制作网页。但如果你希望真正理解网页是如何创建的呢?虽然有许多优秀的教材和在线资源可以学习网页设计,但大多数资源要求有一定的背景知识。本课程专为希望获得信心和知识的新手设计。我们将探讨理论(点击网页链接时实际发生了什么?)、实践(我需要知道什么才能创建自己的网页?)以及被忽视的部分(我有了网页,接下来该做什么?)。课程中将强调遵循语法标准以确保验证和语义标准,以促进残障用户的广泛访问。我们使用的教材是Michael Mendez所著的《Missing Link: An Introduction to Web Development and Programming》,可在www.opensuny.org上获取。 本课程适合各种人群,特别是那些想要逐步了解基础知识的学习者。课程没有先决条件,假设学生没有任何编程技能或IT经验。课程的最终项目将需要完成一个非常简单的包含链接和图像的网页。课程的重点在于基础知识,而非外观设计。你可以在http://intro-webdesign.com/html5-plain.html查看示例最终页面。 本课程是“面向所有人的网页设计”专业化的第一门课程。后续课程集中在使用CSS3美化页面、通过JavaScript添加交互性以及通过响应式设计增强样式等可市场化的技能上。你可以在http://intro-webdesign.com/查看总结课程的示例网站。 课程大纲: - 第一周:了解互联网 描述:本周我们将揭开互联网的“神秘面纱”。当你在浏览器中输入URL时,会发生什么?HTML5是什么,HTML 1到4又发生了什么?我们还将覆盖一些你在编码自己的页面之前需要掌握的实用概念。 - 第二周:网页结构 描述:本周你需要深呼吸,并跳入编码中。我将讲解大量HTML标签,但重要的是你不仅要听视频和阅读教材,还要进行实践(并经历失败!),以便学习。相信我,一旦你掌握了使用标签和属性的基本思路,你就可以使用任何HTML5标签。页面可能还没达到你想要的效果,但你将能够使用文本、链接、图像、表格,甚至音乐和视频!如果你希望这一周通过教材来强化概念,我们将使用Shay Howe的在线教材作为参考。 - 第三周:托管与可访问性 描述:好的,你创建了一个文件……接下来该怎么办?本周我们将首先讨论验证和可访问性这些重要但常被忽视的概念。你在创建页面时是否遵循了DOM结构?你是否使用了语义标签,以确保页面观众即使有身体或认知障碍也能访问所有信息?如果你希望追求网页可访问性专家的职业,这些知识将非常有用。最后,我将简要介绍将你的站点发布到网页所需的步骤,如果你决定使用其他服务来托管自己的网站,有许多免费的和付费的服务可供选择。
Name:Week One: Learning About the Web
Description:This week we will uncover the "mystery" behind the Internet. What happens when you type a URL into your browser so that a webpage magically appears? What is HTML5 and what happened to HTML 1 - 4? We will also cover some practical concepts that you need to master before you begin coding your own pages.
Name:Week Two: Structure of a Web Page
Description:This week you will need to take a deep breath and jump into coding. I will cover a large number of HTML tags, but it is important that you do more than just listen to these video and read the text book material. You need to practice (and fail!) in order to learn. Believe it or not, once you master the basic idea of using tags and attributes you will know everything you need to use any HTML5 tag. The page may not look the way you want it to look yet, but you will be able to use text, links, images, tables, and even music and videos! If you want to refer to a textbook this week for reinforcement of concepts, we will be using the Shay Howe online textbook as a reference. I will include links after the lectures, but some students prefer to read before the videos. (My preferred approach is to read/watch/read again.)
Name:Week Three: Hosting and Accessibility
Description:Okay, you created a file...what now? This week we will begin by covering the important but often overlooked concepts of validation and accessibility. Did you follow the DOM structure when you created your page? Did you use semantic tags to make sure that page viewers can access all of the information, even if they have physical or cognitive disabilities? This is knowledge you can use if you would like to pursue a career as a web accessibility specialist. Finally I will briefly cover the steps needed to post your site to the web if you decide to use something other than Replit. There are many free and paid services that you can use to get your work off your computer and on to the Internet.
Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge. We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have a page, what do I do now?). Throughout the course there will be a strong emphasis on adhering to syntactic standards for validation and semantic standards to promote wide accessibility for users with disabilities. The textbook we use is available online, “The Missing Link: An Introduction to Web Development and Programming” by Michael Mendez from www.opensuny.org. This course will appeal to a wide variety of people, but specifically those who would like a step-by-step description of the basics. There are no prerequisites for this course and it is assumed that students have no prior programming skills or IT experience. The course will culminate in a small final project that will require the completion of a very simple page with links and images. The focus of this course is on the basics, not appearance. You can see a sample final page at http://intro-webdesign.com/html5-plain.html. This is the first course in the Web Design For Everybody specialization. Subsequent courses focus on the marketable skills of styling the page with CSS3, adding interactivity with JavaScript and enhancing the styling with responsive design. You can see a sample site for the capstone course at http://intro-webdesign.com/