WelcomeWelcome to Introduction to H

Welcome

Welcome to Introduction to HTML5. This course is an introduction to how web pages are created, sent across the Internet, and viewed on your computer, tablet, or smartphone. This course is meant for the absolute beginner, but also touches on information that may be new to someone who has been using HTML for some years. In particular, the new options available in HTML5 and some recommended policies for making sure that your page is accessible.

HTML stands for HyperText Markup Language, a way of marking up files so that browsers (Internet Explorer, Chrome, Safari, etc) know how to display your content as a webpage. HTML uses tags to distinguish between content (what the user should see) and the instructions for displaying them (make this a list, make this a link to a different page, show this picture, etc...) There are so many things you can do with HTML. While it is possible to make a long list of HTML tags, this approach won't help you as much as practice with a smaller subset. Therefore we focus on the following:

What HTML is and how we got from the original version to HTML5
The "magic" behind the Internet and how your web page isn't just one file, but many pieced put together by your browser using something called the Response/Request Cycle
The syntax behind the tags -- how to write good syntactic HTML.
The semantics behind the tags - some tags have special meaning and are extremely useful if you want to make your pages accessible. Accessible pages are ones that can be accessed by the widest range of people and that includes those who have physical or cognitive disabilities.
Getting your page on the web - This class will not require you to post your site on the Internet. However, you will learn how to publish your site if you choose. (And we hope you do and share your work with me and others in the class.)
Throughout the entire course there will be an emphasis on the importance of good habits and examples of potential pitfalls. This course about learning the proper syntax of HTML5 and styling is not covered. You can see an example site at http://intro-webdesign.com/html5-plain.html. However, upon completion of this course you will be ready to take the next course in the Web Design Specialization, Introduction to CSS3.

How this course works:

This course assumes absolutely no previous knowledge. In each module you will be asked to do the following:

Watch video lectures.

The information has been broken down into pieces to help you learn the material in the smallest chunks that still give you enough information to do something with it. The goal is to give you the ability to listen to these during any time you have. You will find that some of the videos have material that makes sense to you at once. Sometimes you may want to replay other videos to clarify the material. Some of the videos are not traditional lectures, instead they are videos where I demonstrate the concepts from an earlier lecture. I highly recommend that you code along with me while you watch these videos. The key to success in this course is in writing code. I put these videos in so that you have something specific to practice. It is also a great way for you to see how often I mess up when I am coding!!

Change the video speed to one that works best for you.

You may find that you can speed the videos up and still retain the information. On the other hand, my mom is always telling me I talk too quickly so you may want to slow the videos down. The important thing is to find something that works well for you. Use the in-­video quizzes to help you gauge how your learning is going.

Read extra materials

Each module will include reading material. It is impossible to learn everything you need to learn just by listening to the lectures. Some of the material will come from a (free) online textbook. Other material will be other online readings.

Quizzes

Each module will include graded quiz. These quizzes are intended to reinforce your confidence in the material, not "trick" you. As often as possible each question will be linked to a specific lecture or reading. You can take the quizzes as many times as you like, but there is a limit on how many times you can take each quiz in a certain time period.

Final Project

This course will culminate the creation of an html document. You will be provided with an example document and asked to style it. This will not be a creative project, rather one that show you can write syntactically correct code. An example site can be found at http://intro-webdesign.com/html5-plain.html. Because this assignment is autograded, only a perfect submission will validate. But don't worry, I included a practice quiz that lets you test each part independently before you put it all together for the final project.

Optional materials

There will also be optional material provided in many of the modules. These may range from links to recent articles to videos on pioneers in the fields of design and accessibility. None

Kết quả (Việt) 1:

Chào mừngChào mừng đến với giới thiệu về HTML5. Khóa học này là giới thiệu về cách trang web được tạo ra, được gửi qua mạng Internet, và xem trên máy tính, máy tính bảng hoặc điện thoại thông minh của bạn. Khóa học này có nghĩa là cho người mới bắt đầu tuyệt đối, nhưng cũng có thể chạm vào thông tin mà bạn có thể mới cho những người đã sử dụng HTML cho một số năm. Đặc biệt, các tùy chọn mới có sẵn trong HTML5 và một số khuyến nghị chính sách để đảm bảo rằng trang web của bạn có thể truy cập.HTML là viết tắt của HyperText Markup Language, một cách để đánh dấu lên tập tin do đó mà trình duyệt (Internet Explorer, Chrome, Safari, vv) biết làm thế nào để hiển thị nội dung của bạn như là một trang web. HTML sử dụng thẻ để phân biệt giữa các nội dung (những gì người dùng cần xem) và các hướng dẫn để hiển thị chúng (làm cho một danh sách, thực hiện điều này một liên kết đến một trang khác, Hiển thị hình ảnh, vv này...) Chúng ta có rất nhiều điều bạn có thể làm với HTML. Trong khi nó có thể làm cho một danh sách dài các thẻ HTML, cách tiếp cận này sẽ không giúp bạn nhiều như thực hành với một tập hợp con nhỏ hơn. Do đó, chúng tôi tập trung vào những điều sau đây:HTML là gì và làm thế nào chúng tôi đã nhận từ phiên bản gốc với HTML5"Kỳ diệu" đằng sau Internet và làm thế nào trang web của bạn không phải là chỉ có một tập tin, nhưng nhiều pieced để cùng nhau bởi trình duyệt của bạn bằng cách sử dụng một cái gì đó gọi là chu kỳ phản ứng/yêu cầuCú pháp đằng sau thẻ--làm thế nào để viết tốt cú pháp HTML.Ngữ nghĩa đằng sau thẻ - Download một số có ý nghĩa đặc biệt và là cực kỳ hữu ích nếu bạn muốn làm cho trang web của bạn có thể truy cập. Có thể truy cập các trang là những cái mà có thể được truy cập bởi phạm vi rộng nhất của người dân và bao gồm những người có Khuyết tật về thể chất hoặc nhận thức.Bắt trang web của bạn trên web - lớp này sẽ yêu cầu bạn để gửi trang web của bạn trên Internet. Tuy nhiên, bạn sẽ tìm hiểu làm thế nào để xuất bản các trang web của bạn nếu bạn chọn. (Và chúng tôi hy vọng bạn và chia sẻ công việc của bạn với tôi và những người khác trong lớp.)Trong suốt toàn bộ khóa học sẽ có một sự nhấn mạnh vào tầm quan trọng của thói quen tốt và ví dụ về những cạm bẫy tiềm năng. Khóa học này về học tập đúng cú pháp của HTML5 và kiểu dáng không được bảo hiểm. Bạn có thể thấy một ví dụ trang web tại http://intro-webdesign.com/html5-plain.html. Tuy nhiên, sau khi hoàn thành khóa học này bạn sẽ được sẵn sàng để tham gia khóa học tiếp theo trong chuyên ngành thiết kế Web, giới thiệu về CSS3.Khóa học này như thế:Khóa học này giả định hoàn toàn không có kiến thức trước đó. Trong mỗi mô-đun, bạn sẽ được yêu cầu phải làm như sau:Xem video bài giảng.Các thông tin đã được chia nhỏ thành từng miếng để giúp bạn tìm hiểu các vật liệu trong các khối nhỏ nhất mà vẫn cung cấp cho bạn đầy đủ thông tin để làm điều gì đó với nó. Mục đích là để cung cấp cho bạn khả năng lắng nghe chúng trong bất kỳ thời điểm nào bạn có. Bạn sẽ tìm thấy một số các đoạn video có tài liệu mà làm cho tinh thần cho bạn cùng một lúc. Đôi khi, bạn có thể muốn chơi lại các video khác để làm rõ các tài liệu. Một số video không phải là bài giảng truyền thống, thay vào đó họ là video nơi tôi chứng minh các khái niệm từ một bài thuyết trình trước đó. Tôi khuyên bạn mã cùng với tôi trong khi bạn xem những đoạn phim này. Chìa khóa để thành công trong khóa học này là viết mã. Tôi đặt những video để bạn có cái gì cụ thể để thực hành. Nó cũng là một cách tuyệt vời để bạn có thể xem như thế nào thường tôi mess lên khi tôi đang mã hóa!!Thay đổi tốc độ video với một phù hợp nhất cho bạn.Bạn có thể thấy rằng bạn có thể tăng tốc độ các video và vẫn giữ lại các thông tin. Mặt khác, mẹ của tôi là luôn luôn nói với tôi tôi nói quá nhanh vì vậy bạn có thể muốn để làm chậm các video. Điều quan trọng là để tìm một cái gì đó mà làm việc tốt cho bạn. Sử dụng câu đố trong video để giúp bạn đánh giá thế nào học tập của bạn rồi.Đọc tài liệu phụMỗi mô-đun sẽ bao gồm đọc tài liệu. Không thể để tìm hiểu tất cả mọi thứ bạn cần phải tìm hiểu chỉ bằng cách nghe các bài giảng. Một số vật liệu sẽ đến từ một cuốn sách trực tuyến (miễn phí). Các vật liệu khác sẽ là đọc trực tuyến khác.Câu đốMỗi mô-đun sẽ bao gồm các bài kiểm tra xếp hạng. Những bài trắc nghiệm nhằm mục đích củng cố sự tự tin của bạn trong tài liệu, không phải "đánh lừa" bạn. Thường xuyên như thể mỗi câu hỏi sẽ được liên kết đến một bài giảng cụ thể hoặc đọc. Bạn có thể mất các câu đố như nhiều lần như bạn thích, nhưng có một giới hạn về bao nhiêu lần bạn có thể mất mỗi bài kiểm tra trong một khoảng thời gian nhất định.Cuối cùng dự ánKhóa học này sẽ lên đến việc tạo ra một tài liệu html. Bạn sẽ được cung cấp với một tài liệu ví dụ và yêu cầu để phong cách nó. Điều này sẽ không là một dự án sáng tạo, là một trong đó hiển thị cho bạn có thể viết mã cú pháp đúng. Ví dụ một trang web có thể được tìm thấy tại http://intro-webdesign.com/html5-plain.html. Bởi vì nhiệm vụ này là autograded, chỉ là một trình hoàn hảo sẽ xác nhận. Nhưng đừng lo, tôi bao gồm một bài kiểm tra thực tế cho phép bạn kiểm tra từng phần một cách độc lập trước khi bạn đặt nó tất cả cùng nhau cho dự án cuối cùng.Tùy chọn vật liệuCũng sẽ có tùy chọn tài liệu được cung cấp trong nhiều của các mô-đun. Đây có thể dao động từ các liên kết đến bài viết gần đây để video trên những người tiên phong trong lĩnh vực thiết kế và khả năng tiếp cận. Không có

Kết quả (Việt) 2:

Chào mừng Chào mừng bạn đến Giới thiệu về HTML5. Khóa học này là giới thiệu cách thức các trang web được tạo ra, được gửi qua Internet, và xem trên máy tính, máy tính bảng hoặc điện thoại thông minh. Khóa học này có nghĩa là cho người mới bắt đầu tuyệt đối, mà còn đề cập đến thông tin đó có thể mới với một người đã được sử dụng HTML cho một số năm. Đặc biệt, các tùy chọn mới có sẵn trong HTML5 và một số chính sách khuyến khích để đảm bảo rằng trang web của bạn có thể truy cập. HTML là viết tắt cho HyperText Markup Language, một cách đánh dấu lên các tập tin để trình duyệt (Internet Explorer, Chrome, Safari, vv) biết làm thế nào để hiển thị nội dung của bạn như là một trang web. HTML sử dụng thẻ để phân biệt giữa nội dung (những gì người dùng cần nhìn thấy) và các hướng dẫn hiển thị chúng (làm cho một danh sách, làm cho một liên kết đến một trang khác, cho thấy hình ảnh này, vv ...) Có rất nhiều điều bạn có thể làm với HTML. Trong khi nó có thể làm cho một danh sách dài các thẻ HTML, cách tiếp cận này sẽ không giúp bạn nhiều như thực hành với một nhóm nhỏ hơn. Do đó, chúng tôi tập trung vào những điều sau đây: Có gì HTML là gì và làm thế nào chúng tôi nhận được từ các phiên bản gốc để HTML5 Các "ma thuật" đằng sau Internet và làm thế nào trang web của bạn không chỉ là một tập tin, nhưng nhiều người chắp ghép lại bởi trình duyệt của bạn sử dụng một cái gì đó gọi là Response / Yêu cầu Cycle cú pháp đằng sau các thẻ -. cách viết HTML cú pháp tốt Ngữ nghĩa đằng sau các thẻ - một số thẻ có ý nghĩa đặc biệt và cực kỳ hữu ích nếu bạn muốn làm cho các trang của bạn truy cập. Bể trang là những người mà có thể được truy cập bởi nhiều người nhất và bao gồm những người có khuyết tật về thể chất hoặc nhận thức. Bắt trang của bạn trên web - Lớp này sẽ không yêu cầu bạn gửi trang web của bạn trên Internet. Tuy nhiên, bạn sẽ tìm hiểu làm thế nào để xuất bản trang web của bạn nếu bạn chọn. (Và chúng tôi hy vọng bạn làm và chia sẻ công việc của bạn với tôi và những người khác trong lớp.) Trong suốt toàn bộ khóa học sẽ có một sự nhấn mạnh về tầm quan trọng của những thói quen tốt và những ví dụ về những cạm bẫy tiềm năng. Khóa học này về việc học cú pháp thích hợp của HTML5 và tạo kiểu tóc không được bảo hiểm. Bạn có thể thấy một trang web ví dụ tại http://intro-webdesign.com/html5-plain.html. Tuy nhiên, sau khi hoàn thành khóa học, bạn sẽ sẵn sàng để có những khóa học tiếp theo trong Thiết kế Web Chuyên ngành, Giới thiệu về CSS3. Làm thế nào khóa học này hoạt động: Khóa học này giả định hoàn toàn không có kiến thức trước đây. Trong mỗi mô-đun, bạn sẽ được yêu cầu để làm như sau: . Các bài giảng video Watch Các thông tin đã được chia nhỏ thành từng miếng để giúp bạn tìm hiểu các tài liệu trong khối nhỏ nhất mà vẫn cung cấp cho bạn đủ thông tin để làm điều gì đó với nó. Mục đích là để cung cấp cho bạn khả năng lắng nghe những trong bất kỳ thời gian bạn có. Bạn sẽ thấy rằng một số video có vật liệu có ý nghĩa với bạn cùng một lúc. Đôi khi bạn có thể muốn xem lại video khác để làm rõ các tài liệu. Một số trong những video này không phải bài giảng truyền thống, thay vào đó họ là những video mà tôi chứng minh khái niệm từ một bài giảng trước đó. Tôi khuyên bạn mã cùng với tôi trong khi bạn xem các video này. Chìa khóa để thành công trong khóa học này là văn bản mã. Tôi đưa những video trong đó bạn có một cái gì đó cụ thể để thực hành. Nó cũng là một cách tuyệt vời cho bạn để xem bao lâu tôi rối lên khi tôi mã hóa !! Thay đổi tốc độ video đến một người mà làm việc tốt nhất cho bạn. Bạn có thể thấy rằng bạn có thể tăng tốc độ video lên và vẫn giữ lại các thông tin. Mặt khác, mẹ tôi luôn luôn nói với tôi rằng tôi nói quá nhanh chóng, do đó bạn có thể muốn làm chậm các video xuống. Điều quan trọng là tìm một cái gì đó mà làm việc tốt cho bạn. Sử dụng các câu đố trong video để giúp bạn đánh giá như thế nào học tập của bạn là đi. Đọc tài liệu thêm Mỗi module sẽ bao gồm các tài liệu đọc. Nó là không thể học được tất cả mọi thứ bạn cần để tìm hiểu chỉ bằng cách nghe các bài giảng. Một số vật liệu sẽ đến từ một (miễn phí) sách giáo khoa trực tuyến. Các tài liệu khác sẽ được đọc trực tuyến khác. Trắc nghiệm Mỗi module sẽ bao gồm các bài kiểm tra chấm điểm. Những câu đố này nhằm củng cố niềm tin của bạn trong vật liệu, không phải "lừa" bạn. Càng nhiều càng tốt mỗi câu hỏi sẽ được liên kết đến một bài giảng hoặc đọc cụ thể. Bạn có thể lấy các câu đố như nhiều lần như bạn muốn, nhưng có một giới hạn về số lần bạn có thể lấy mỗi bài kiểm tra trong một khoảng thời gian nhất định. Dự án cuối cùng Khóa học này sẽ lên đến đỉnh cao sự sáng tạo của một tài liệu html. Bạn sẽ được cung cấp một tài liệu ví dụ và yêu cầu kiểu cho nó. Đây không phải là một dự án sáng tạo, chứ không phải một mà chỉ cho bạn có thể viết code đúng cú pháp. Một trang web ví dụ có thể được tìm thấy tại http://intro-webdesign.com/html5-plain.html. Bởi vì nhiệm vụ này được autograded, chỉ có một trình hoàn hảo sẽ xác nhận. Nhưng đừng lo, tôi có một bài kiểm tra thực hành cho phép bạn kiểm tra từng phần độc lập trước khi bạn đặt nó tất cả cùng nhau trong các dự án cuối cùng. Vật liệu tùy chọn cũng sẽ có tài liệu tùy chọn được cung cấp trong rất nhiều các mô-đun. Đây có thể dao động từ các liên kết đến các bài viết gần đây với các video trên người tiên phong trong lĩnh vực thiết kế và khả năng tiếp cận. không ai