Введение в 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."

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