К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Build & Optimize Responsive Websites with HTML5 & Bootstrap · LearnSpace
Назад в каталог
courseraПрограммирование

Build & Optimize Responsive Websites with HTML5 & Bootstrap

Курс от EDUCBA
Уровень не указан≈ 11.7 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Learn how to build, customize, and optimize responsive websites using HTML5, CSS3, JavaScript, and Bootstrap through a practical, project-based learning experience. In this course, you will develop a complete responsive website from the ground up while mastering the essential techniques used in modern front-end web development. You will begin by setting up a responsive website structure, linking external libraries, and creating a professional brand identity with a scalable SVG logo. As you progress, you will build responsive navigation with Bootstrap, enhance user experience with interactive carousels and accessible media, and create engaging hero sections, content layouts, images, and custom page sections that adapt seamlessly across devices. The course concludes with designing polished footers, refining typography and layouts, and applying responsive improvements to deliver a professional, mobile-friendly website. Designed for aspiring web developers, students, and anyone looking to strengthen their front-end development skills, this course emphasizes hands-on practice over isolated demonstrations. Every concept is applied directly to a real website project, helping you gain practical experience while reinforcing responsive design principles, accessibility, and modern web development best practices. By the end of the course, you will be able to create polished, responsive, and SEO-friendly websites that deliver a consistent user experience across desktops, tablets, and mobile devices.

Навыки, которые вы освоите

Responsive Web DesignCascading Style Sheets (CSS)Bootstrap (Front-End Framework)Hypertext Markup Language (HTML)Logo DesignWeb Analytics and SEOWeb ContentTypographyWeb DesignWeb Design and DevelopmentUI ComponentsWeb Development ToolsWeb Content Accessibility GuidelinesFront-End Web DevelopmentJavascriptWeb DevelopmentGraphic and Visual DesignHTML and CSS

Программа курса

4 модулей · 68 учебных материалов

01Kickstarting the Website11 материалов

Foundations & Setup

Introduction to Building WebsiteВидеоLinking Boot Strap FileВидеоFoundations & SetupЗадание

Branding the Website

Creating Website LogoВидео

Учитесь у экспертов

EDUCBA

Преподаватель курса

Build & Optimize Responsive Websites with HTML5 & Bootstrap
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 11.7 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Немецкий, Индонезийский, Испанский, Японский

Часть программы вашего университета
Converting Logo to SVGВидео
Styling the LogoВидео
Customizing the LogoВидео
Building the Foundation: Navigation, Bootstrap, and Branding with SVG LogosDIALOGUE
Branding the WebsiteЗадание
Kickstarting the WebsiteЗадание
Establishing the Foundation and Brand Identity of a Responsive WebsiteDIALOGUE
02Navigation & Visual Enhancements13 материалов

Building the Navbar

Positioning the LinkВидеоChanging the Effects of LinkВидеоCustomizing the BackgroundВидеоStyling the NavigationsВидеоChanging the Logo ColorВидеоChecking the Oerview of SiteВидеоBuilding the NavbarЗадание

Interactive Media with Bootstrap

Bootstrap Slider in WebsiteВидеоScaling Image to FileВидеоData Sliding in WebsiteВидеоMargins in Nav BarВидеоInteractive Media with BootstrapЗаданиеNavigation & Visual Enhancements Задание
03Crafting Content & Layouts19 материалов

Adding Hero Content

Adding Text on websiteВидеоText on the ImageВидеоPositioning the Text StripВидеоChanging the ColorВидеоUntitledЗадание

Working with Images & Text

Working on the ContentВидеоResizing the ImageВидеоPositioning the Second ImageВидеоText on top of the ImageВидеоPositioning Detailed TextВидеоPositioning Two TextВидеоWorking with Images & TextЗадание

Lists, Media & Custom Sections

Adding List in the Content AreaВидеоAdding Image and TextВидеоWorking on the Added ListВидеоWorking on the Image GapsВидеоAdding to the Custom DevicesВидеоLists, Media & Custom SectionsЗадание
04Footer, Polishing & Responsiveness25 материалов

Designing the Footer

Creating a Footer to the BrowserВидеоWorking with Footer BlocksВидеоCreating a Social Media SharingВидеоChanging the Icon Font SizeВидеоAligning the Logo on FooterВидеоBeautifying and Designing the FooterВидеоFixing the Image on FooterВидеоAdding Background ColorВидеоDesigning the FooterЗадание

Refining Layouts & Text

Positioning and Aligning the TextВидеоStyling the Text and LogoВидеоResizing the Header PortionВидеоWorking on the Fontsize and HeightВидеоRefining Layouts & TextЗадание

Final Adjustments & Mobile-Friendly Design

Reversing the Position of ColumnsВидеоDisplay none for extra imageВидеоFiguring the extra distanceВидеоDecreasing the padding in imagesВидеоChanging font size of textВидеоAdjusting height of imageВидео
Crafting Content & LayoutsЗадание
Working with the navbar & contentВидео
Placing the Toggle ButtonВидео
Final Adjustments & Mobile-Friendly DesignЗадание
Footer, Polishing & Responsiveness Задание
Launching a Fully Responsive Professional Website Under Client DeadlineDIALOGUE