Введение в HTML5 from Coursera

Кажется, что благодаря растущему количеству программ создать веб-страницу теперь может любой. Но что, если вы действительно хотите понять, как была создана страница? Есть отличные учебники и онлайн-ресурсы для изучения веб-дизайна, но для понимания большинства из этих ресурсов требуются некоторые базовые знания. Этот курс разработан для помощи новичкам, которые хотят обрести уверенность и новые знания. Мы рассмотрим теорию (что на самом деле происходит, когда вы нажимаете на ссылку на веб-странице?), практику (что нужно знать, чтобы создать свою собственную страницу?) и некоторые упущенные моменты (у вас есть страница, что вам делать с ней?). На протяжении всего курса особое внимание будет уделяться соблюдению синтаксических стандартов для валидации и семантических стандартов для обеспечения доступности веб-страницы для пользователей с ограниченными возможностями. Учебник, который мы используем — «Недостающее звено: введение в веб-разработку и программирование» (The Missing Link: An Introduction to Web Development and Programming) Майкла Мендеса — доступен на сайте www.opensuny.org.

Этот курс подойдет самым разным людям, но особенно тем, кто хотел бы получить пошаговое описание базовых вещей. Для этого курса нет обязательных требований, и предполагается, что учащиеся не имеют навыков программирования и опыта работы в сфере ИТ. Курс завершится небольшим финальным проектом, который потребует создания очень простой страницы со ссылками и изображениями. Основное внимание в этом курсе уделяется базовым вещам, а не внешнему виду. Вы можете посмотреть образец окончательной страницы по ссылке http://intro-webdesign.com/html5-plain.html.

Это первый курс специализации «Веб-дизайн для всех». Последующие курсы сосредоточены на востребованных на рынке труда навыках стилизации страницы с помощью CSS3, добавления интерактивности с помощью JavaScript и расширенной стилизации с использованием респонсивного дизайна. Вы можете посмотреть образец сайта с дипломной работы курса по ссылке http://intro-webdesign.com/

What's inside

Syllabus

Неделя 1

На этой неделе мы раскроем «тайну» Интернета. Что происходит, когда вы вводите URL-ссылку в свой браузер, и веб-страница волшебным образом появляется на вашем экране? Что такое HTML5 и что случилось с HTML 1–4? Мы также рассмотрим некоторые практические понятия, которые вам понадобится усвоить, прежде чем начать писать собственные страницы.

Неделя 2.

На этой неделе вам нужно будет вдохнуть поглубже и погрузиться в написание кода. Я расскажу о большом количестве HTML-тегов, но важно, чтобы вы практиковались, а не просто слушали это видео и читали материалы учебника. Чтобы учиться, нужно практиковаться (и ошибаться!). Вы не поверите, но как только вы освоите основную идею использования тегов и атрибутов, вы будете знать все, что вам нужно для использования любого тега HTML5. Страница пока может выглядеть не так, как вы хотите, но вы уже сможете использовать текст, ссылки, изображения, таблицы и даже музыку и видео! Если на этой неделе вам нужен будет учебник для повторения концепций, мы будем использовать онлайн-учебник Шая Хоу. Я буду оставлять ссылки после лекций, но некоторые учащиеся предпочитают читать учебник перед видео (я предпочитаю читать, смотреть, а затем читать снова).

Неделя 3.

Хорошо, вы создали файл ... что теперь? На этой неделе мы начнем с рассмотрения важных, но часто упускаемых из виду концепций валидации и доступности. Следили ли вы за структурой DOM при создании страницы? Использовали ли вы семантические теги, чтобы обеспечить доступ ко всей информации всем посетителям страницы, даже если у них есть физические или когнитивные нарушения? Это знания, которые вы cможете использовать, если захотите продолжить карьеру в качестве специалиста по веб-доступности. Наконец, я вкратце расскажу о шагах, необходимых для публикации вашего сайта в сети. Существует множество бесплатных и платных сервисов, с помощью которых вы можете перенести свою работу с компьютера в Интернет.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Уместен тем, кто хочет получить пошаговое обучение с нуля

Для курса не требуется специальных навыков и знаний в сфере ИТ

В материалах курса особое внимание уделяется соблюдению синтаксических и семантических стандартов для обеспечения доступности веб-страницы для пользователей с ограниченными возможностями

Инструкторы имеют опыт и авторитет в сфере веб-дизайна

Курс завершается небольшим финальным проектом, который требует создания простой веб-страницы со ссылками и изображениями

Курс рассматривает теоретические и практические аспекты веб-дизайна

Reviews summary

Beginner-friendly html5 course

This beginner-friendly HTML5 course provides a solid foundation for those new to web design. It covers the basics of HTML5, including structure, tags, and attributes. The course also emphasizes accessibility and validation, ensuring that learners can create accessible and standards-compliant web pages.

Teaches validation and accessibility

"The course places great emphasis on validation and accessibility."

Great for beginners

"This course is great for beginners."

Slow to receive feedback

"The only downside of the course was that it took a long time to receive feedback on assignments."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Введение в HTML5 with these activities:

Review HTML elements

Show steps

Review the basic structure of HTML elements to enhance your understanding of the course content.

Browse courses on HTML

Show steps

Go through the HTML elements reference.
Practice creating basic HTML structures.

HTML coding

Show steps

Brush up on your HTML coding skills to prepare for building web pages.

Browse courses on HTML

Show steps

Review HTML syntax
Practice writing HTML code
Create a simple HTML document

Review of basic HTML and CSS

Show steps

Reviewing basic HTML and CSS concepts will help you understand the material covered in this course more easily, especially if you have no prior experience with web design

Browse courses on HTML

Show steps

Review the basics of HTML, including tags, attributes, and structure.
Review the basics of CSS, including selectors, properties, and values.
Try creating a simple web page using HTML and CSS.

Nine other activities

Expand to see all activities and additional details

Show all 12 activities

Follow tutorials on creating web pages

Show steps

Seek out guided tutorials to reinforce your understanding of practical web development concepts.

Browse courses on Web Design

Show steps

Identify reputable online tutorials or courses.
Follow the tutorials step-by-step.
Experiment with different techniques.

Building a Basic Website Using HTML

Show steps

Follow tutorials to build a basic website using HTML, reinforcing your understanding of HTML coding.

Browse courses on HTML

Show steps

Find a tutorial on building a basic website using HTML
Follow the tutorial step-by-step
Test your website in a browser

HTML and CSS coding exercises

Show steps

Practicing HTML and CSS coding exercises will help you solidify your understanding of the concepts covered in the course and improve your coding skills

Browse courses on HTML

Show steps

Find online HTML and CSS coding exercises.
Practice coding HTML and CSS for at least 30 minutes.

Follow along with a web design tutorial

Show steps

Following along with a web design tutorial will help you learn how to create a complete website, step-by-step

Browse courses on Web Design

Show steps

Find a web design tutorial that interests you.
Follow the steps in the tutorial to create your own website.

Join a web design study group

Show steps

Joining a web design study group will help you connect with other students, learn from each other, and get feedback on your work

Browse courses on Web Design

Show steps

Find a web design study group in your area or online.
Attend the study group meetings regularly.

Build a simple web page

Show steps

Apply your knowledge by creating a basic web page, allowing you to practice and solidify your skills.

Browse courses on Web Design

Show steps

Plan the structure and content of your web page.
Code the HTML and CSS for your page.
Test and refine your web page.

HTML Code Snippets

Show steps

Create code snippets that demonstrate your understanding of HTML coding and CSS.

Browse courses on CSS

Show steps

Identify a specific HTML or CSS topic
Write code snippets that illustrate the concept
Test and refine your code snippets

Create a portfolio of your web design work

Show steps

Creating a portfolio of your web design work will help you showcase your skills and attract potential clients

Browse courses on Web Design

Show steps

Gather examples of your best web design work.
Create a website or online portfolio to display your work.

Contribute to an open source web design project

Show steps

Contributing to an open source web design project will help you learn how to work with others on a real-world project

Browse courses on Web Design

Show steps

Find an open source web design project to contribute to.
Fork the project and make your changes.
Submit a pull request with your changes.

Career center

Learners who complete Введение в HTML5 will develop knowledge and skills that may be useful to these careers:

Web Developer

Providing the foundation for building accessible and responsive web pages, this course can be an excellent first step to becoming a Web Developer. HTML5 is the markup language used to create the structure of web pages and you will learn how to use CSS3 to add interactivity and JavaScript to add extended styling. This course will help you build a foundation in coding in these foundational web development languages and give you the skills you need for an entry-level position in the field.

See salaries and explore the career path for Web Developer

Web Designer

This course may be helpful for those interested in becoming a Web Designer. Web Designers create the visual elements of web pages, including layout, typography, and color schemes. They work closely with Web Developers to bring the page to life. HTML5 is the markup language used to create the structure of web pages and you will learn how to use CSS3 to add interactivity and JavaScript to add extended styling. While this course focuses on the foundational aspects of web development, the skills you learn here will give you a strong foundation for a future career as a Web Designer.

See salaries and explore the career path for Web Designer

Software Engineer

While not directly related to Software Engineering, this course is a great introduction to HTML5, the markup language used to create the structure of web pages. Software Engineers may work with web developers to ensure that software functions properly within a web environment. Understanding the basics of HTML5 will help you bridge communication gaps and ensure that software is designed with web compatibility in mind.

See salaries and explore the career path for Software Engineer

Computer Programmer

Computer Programmers write code that powers software applications. While this course is not directly related to programming, it does provide a foundation in HTML5, the markup language used to create the structure of web pages. This can be helpful for Computer Programmers who work on web-based applications or who need to understand the basics of web development.

See salaries and explore the career path for Computer Programmer

Information Security Analyst

Information Security Analysts protect computer systems and networks from unauthorized access, use, disclosure, disruption, modification, or destruction. This course may be helpful for Information Security Analysts who need to understand the basics of HTML5, the markup language used to create the structure of web pages. This knowledge can help Information Security Analysts identify and mitigate vulnerabilities in web-based applications.

See salaries and explore the career path for Information Security Analyst

UX Designer

UX Designers focus on the user experience of websites and applications. This course may be helpful for UX Designers who need to understand the basics of HTML5, the markup language used to create the structure of web pages. This knowledge can help UX Designers create more effective and user-friendly experiences.

See salaries and explore the career path for UX Designer

Computer Support Specialist

Computer Support Specialists provide technical support to computer users. This course may be helpful for Computer Support Specialists who need to understand the basics of web development in order to troubleshoot issues with web-based applications or to provide support to users who are creating websites.

See salaries and explore the career path for Computer Support Specialist

Quality Assurance Analyst

Quality Assurance Analysts test software applications to ensure that they meet quality standards. This course may be helpful for Quality Assurance Analysts who need to understand the basics of HTML5, the markup language used to create the structure of web pages. This knowledge can help Quality Assurance Analysts identify and fix defects in web-based applications.

See salaries and explore the career path for Quality Assurance Analyst

SEO Specialist

SEO Specialists optimize websites to improve their ranking in search engine results pages (SERPs). This course may be helpful for SEO Specialists who need to understand the basics of HTML5, the markup language used to create the structure of web pages. This knowledge can help SEO Specialists identify and fix issues that may be preventing a website from ranking well in SERPs.

See salaries and explore the career path for SEO Specialist

IT Specialist

IT Specialists provide technical support to computer users. This course may be helpful for IT Specialists who need to understand the basics of web development in order to troubleshoot issues with web-based applications or to provide support to users who are creating websites.

See salaries and explore the career path for IT Specialist

Project Manager

Project Managers oversee the planning, execution, and closure of projects. This course may be helpful for Project Managers who need to understand the basics of web development in order to manage projects that involve the creation of websites or web applications.

See salaries and explore the career path for Project Manager

Web Content Manager

Web Content Managers create and manage the content of websites. This course may be helpful for Web Content Managers who need to understand the basics of HTML5, the markup language used to create the structure of web pages. This knowledge can help Web Content Managers create and manage content that is effective and easy to find.

See salaries and explore the career path for Web Content Manager

Data Analyst

Data Analysts collect and analyze data to identify trends and patterns. This course may be helpful for Data Analysts who need to understand the basics of HTML5, the markup language used to create the structure of web pages. This knowledge can help Data Analysts extract data from web pages and analyze it to gain insights.

See salaries and explore the career path for Data Analyst

Database Administrator

Database Administrators manage and maintain databases. This course may be helpful for Database Administrators who need to understand the basics of HTML5, the markup language used to create the structure of web pages. This knowledge can help Database Administrators create and manage databases that are used by web applications.

See salaries and explore the career path for Database Administrator

Network Administrator

Network Administrators manage and maintain computer networks. This course may be helpful for Network Administrators who need to understand the basics of HTML5, the markup language used to create the structure of web pages. This knowledge can help Network Administrators configure and manage networks that are used to access web-based applications.

See salaries and explore the career path for Network Administrator