Our Response to COVID-19

DST Workshop: Responsive Web Design and Development

Workshop details

The Responsive Web Design and Development workshop is an introduction to the design, development, and maintenance of web pages. Students learn how to critically evaluate websites, learn how to create and maintain web pages, and learn to create and manipulate images. The course progresses from introductory work on theoretical and practical knowledge in Design thinking, design prototypes or wireframes of the web pages to a culminating project in which students design and develop websites for local community issues.

Workshop objectives

  • To provide a hands-on Design thinking workshop to teach problem-solving techniques. 
  • To provide an understanding and appreciation of technology to empower children to be change-makers. 
  • Students will gain the skills and project-based experience needed to enter into web design and development careers.
  • Students will be able to use a variety of strategies and tools to create websites.
    • HTML
    • CSS
    • Justinmind 
  • Students will develop awareness and appreciation of the ways that people access the web and will be able to understand the basic standards to create websites. 
  • Students will also learn the responsive HTML code to create dynamic changes to the appearance of a website, depending on the screen size and orientation of the device being used to view it. The web page can be viewed on any device.

Learning outcomes

Vocational Outcomes:

On successful completion of this course, the student will:

  • Understand and apply principles of Design thinking to define a problem from within the society. Brainstorm and come up with solutions and pick the best feasible solution.
  • Construct a website based on the selected solution that conforms to the basic web standards.
  • Publish the website to a platform.
  • Share the website with others.
Essential Employability Skills
  • Communicates clearly, concisely, and correctly in written, spoken, and visual to fulfill the purpose and meet the needs of the audiences
  • Apply an organized approach to troubleshooting and solving problems
  • Select and use appropriate technology tools (HTML, CSS, Wireframing tools) to efficiently and effectively complete a task or project
  • Be flexible; respect, be open to, and supportive of the thoughts, opinions, and contributions of others
  • Take responsibility for own actions, decisions, and consequences
  • Manage the use of time and other resources
Life skills/Social outcomes
  • Problem-solving and critical thinking approach that can improve future employment prospects and quality of work. 
  • Empower and boost self-confidence and spark imagination. 
  • Delivers a memorable, fun, and intellectual experience 
  • Encourage collaboration among the children, children and teachers, children and parents. 

Sow the seeds for micro-communities that can benefit from supporting and rewarding creativity.

Workshop structure

See the attached session plan for the workshop. It will also provide the session-wise objectives and expected outcomes.


Children in the age group of 13 – 15 years. Preferably, children in secondary school with basic computer literacy and proficiency in vernacular Hindi. 


  • Notepad or Notepad++ 
  • Justinmind
  • Mobile phones to capture video and audio clips 
  • Computers (Desktops or Laptops) with Internet 
  • Projectors 
  • Basic stationery


By: Devki Netam, Class: 10th
By: Bhuneshwari Mandavi, Class: 10th