Course / Course Details

Responsive Web Design FREE Inkscape and Bootstrap 3!-1

  • Gayathri Perumal image

    By - Gayathri Perumal

  • 0 students
  • N/A
  • (0)

Course Description

  • Responsive Web Design – FREE Inkscape and Bootstrap 3! is a practical course designed to help you build modern, responsive websites using Inkscape for design and Bootstrap 3 for front-end development. Learn how to create attractive layouts, convert designs into responsive web pages, and ensure your websites work smoothly across desktops, tablets, and mobile devices.

Course Outcomes

  • Understand the fundamentals of responsive web design.
  • Create and edit website graphics using Inkscape.
  • Understand the Bootstrap 3 framework and grid system.
  • Build responsive layouts for desktop, tablet, and mobile screens.
  • Use Bootstrap components such as navigation bars, buttons, panels, and forms.
  • Convert visual designs into functional HTML/CSS websites.
  • Create clean and professional website interfaces.
  • Apply responsive design techniques to improve user experience.
  • Customize Bootstrap layouts according to project requirements.
  • Build a complete responsive website from design to implementation.

Course Curriculum

  • 8 chapters
  • 33 lectures
  • 0 quizzes
  • N/A total length
Toggle all chapters
1 001 Why Responsive Web Design and why choose Inkscape and Bootstrap 3.mp4
3.59 Min


2 002 Inkscape - Creating vector graphics for responsive web design.mp4
4.49 Min


3 003 Bootstrap - Mobile first web design to take you further.mp4
5.55 Min


4 004 Case Study - CarZ.is The Cheerful Car Rental.mp4
1.56 Min


1 006 Inkscape Download and setup.mp4
2.09 Min


2 007 High level overview and simple tools to use.mp4
6.14 Min


1 008 Surprising way to gather customer needs.mp4
3.05 Min


2 009 Web Design Layout using a secret method.mp4
2.43 Min


3 011 Cooler color selection.mp4
5.54 Min


4 012 Textures and Patterns set the stage.mp4
5.56 Min


5 013 A great source of fonts ready for the web.mp4
2.13 Min


6 014 Designing with fonts.mp4
3.18 Min


7 015 Final touches and cooler styling.mp4
3.11 Min


1 018 BONUS Bootstrap 3 Grid System (2).mp4
7.33 Min


2 018 BONUS Bootstrap 3 Grid System.mp4
3.33 Min


3 016 Overview of the Bootstrap 3 goodies.mp4
7.36 Min


4 017 Set up Bootstrap 3 on your own machine.mp4
5.02 Min


1 019 Color - Start moving the design from Inkscape to Bootstrap 3.mp4
4 Min


2 020 Adding Google Fonts to our website.mp4
3.02 Min


3 021 Branding the header with our logo and making the navbar work as it should.mp4
4.04 Min


1 022 A time and a place - getting picked up and returned safely...mp4
7.14 Min


2 023 A list apart - the obvious choices....mp4
8.11 Min


3 024 Extras Extras - Read all about it.mp4
4 Min


4 025 Getting personal - do we really need all that info.mp4
4.57 Min


1 026 Congratulations and a BONUS1.mp4


1 027 Pan and zoom.mp4
2.06 Min


2 028 Create Objects - Rectangle ellipses stars spirals.mp4
1.49 Min


3 029 Moving - Scaling - Rotating.mp4
2.37 Min


4 030 Selecting and Grouping.mp4
2.29 Min


5 031 Fill and stroke.mp4
2.21 Min


6 032 Alignment and Distribution.mp4
1.28 Min


7 033 Z-Order.mp4
2.06 Min


8 034 Export bitmap.mp4
1.18 Min


Instructor

0 Rating
0 Reviews
18 Students
306 Courses

Course Full Rating

0

Course Rating
(0)
(0)
(0)
(0)
(0)

No Review found

Sign In or Sign Up as student to post a review

Student Feedback

You must be enrolled to ask a question

You must be enrolled to ask a question