[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-237985-105":53,"doc-detail-237985-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"en","responsive-web-design-template-assignment-report-and-exercise","Responsive Web Design Template Assignment - Report and Exercise","","Responsive Web Design (RWD) assignment content explains why websites must adapt to different viewport sizes across desktop, laptop, and smartphones to reach more customers and strengthen overall design quality. Guidance compares build approaches such as hiring designers, using content management systems, or choosing responsive templates, including cost and complexity considerations. A template exercise is specified: create a document, enter business name, slogan, product/service details, and prepare screenshots for documentation while following provided w3schools resources and video steps.",{"@graph":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/responsive-web-design-template-assignment-report-and-exercise/237985/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/responsive-web-design-template-assignment-report-and-exercise/237985.png","ImageObject",442,249,{"name":88,"@type":89},"Oliver Hayes","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-11-01","2026-09-11",true,{"@type":98,"interactionType":99,"userInteractionCount":40},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"Why is Responsive Web Design important for a website?","Question",{"text":108,"@type":109},"RWD makes the site adjust to different screen sizes, helping it reach more customers and improving design strength. It can also improve SEO, as recommended by Google.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"What options are suggested for creating a responsive website?",{"text":113,"@type":109},"The material suggests hiring a web designer, building do-it-yourself from scratch, using content management systems like WordPress, or using a responsive template. It also discusses trade-offs such as expense, technical knowledge needs, and limited options for some approaches.",{"name":115,"@type":106,"acceptedAnswer":116},"What are the required steps for the responsive web design template exercise?",{"text":117,"@type":109},"Students are instructed to create a Word document titled with a specific naming pattern, enter business name and slogan, add a product/service name plus four short descriptions, and document the exercise with screenshots. The steps include visiting the provided w3schools template page and following the video, pausing as needed.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},237985,1791722077,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":40,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":30,"language":135,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":136,"faqs":137,"seo_title":138,"seo_description":61,"update_tm":139,"read_time":140},687207020761,"https://ap-avatar.wpscdn.com/davatar_155a257f0dc6eb9ab79c44ca47cae57d","Responsive Web Design Template Assignment  \nResponsive Web Design Template Assignment  \nFor this lesson you will:  \n• Learn about the importance of Responsive Web Design  \n• Review your options when it comes to do-it-yourself responsive ecommerce sites  \n• Learn about Responsive Web Design templates  \n• Complete an exercise using a free template available through w3schools  \n• Document the exercise  \n• Write a brief report about Responsive Web Design Templates  \nWhy use Responsive Web Design (RWD)?  \n• The site adjusts its size to its platform desktop, laptop or smart phone  \n• Can reach many more customers  \n• Designing for each viewport size makes your site design stronger  \n• Improves your SEO: recommended by Google  \n• Other reasons  \nHow to create a responsive web site  \n• Hire a Web Designer  \n• Expensive  \n• Do it yourself from scratch  \n• Very daunting if not a trained Web Developer  \n• Content management systems like WordPress  \n• Still need some technical knowledge  \n• Number of choices for plug-ins can be overwhelming  \n• E-commerce builder like Wix or Weebly  \n• More expensive than hosting your own HTML or WordPress site  \n• Limited options  \n• Use a template  \nWhy use responsive web design templates?  \n• Templates are a great way to tap into the power of responsive design without having to become a web developer. Here are some other reasons:  \n• More design flexibility  \n• Reduced costs  \n• Credit card processing can be done using relatively inexpensive methods such as: PayPal, [Authorize. net](Authorize. net)  \n• Can be combined with inexpensive shopping carts  \nWhy use responsive web design? (cont.)  \n• Cons:  \n• You still need to know a little something about:  \n• Coding  \n• Content creation  \n• Graphics  \n• Writing  \n• SEO  \nBootstrap  \n• One of the most popular templates for Responsive Web Design is Bootstrap.  \n• Developed by Twitter  \n• Open-source combines HTML, CSS, and JavaScript  \n• The best resource [http://getbootstrap.com/](http://getbootstrap.com/)  \n• Other resources:  \n• [http://www.w3schools.com/bootstrap/](http://www.w3schools.com/bootstrap/)  \n• [http://www.codecademy.com/learn](http://www.codecademy.com/learn)  \nResponsive Web Design Template Exercise  \nBefore starting the exercise:  \n• Open a new Word Document. Title it templateExercise first initial lastname (example: templateExercise jsmith)  \n• In the Word Document type your business name  \n• example: SMART HATS  \n• Write a slogan for your business  \n• example: OUR HATS MAKE YOU SMARTER  \n• Write a suggestion for customers  \n• examples: SEE OUR FULL LINE OF SMART HATS, LEARN MORE ABOUT OUR SERVICES, etc .  \nResponsive Web Design Template Exercise  \nBefore starting the exercise:  \n• Type the name of one of your products or services  \n• Example:  \n• Smart Hats  \n• Write 4 short descriptions of your product or service such as:  \n• Make you smarter  \n• Advance your career  \n• Help you meet smart people  \n• Keep your head warm  \nResponsive Web Design Template Exercise  \n• Be prepared to document your exercise by taking screenshots when prompted  \n• Visit [http://www.w3schools.com/w3css/w3css_templates.asp](http://www.w3schools.com/w3css/w3css_templates.asp)  \n• Follow along with the video  \n• Pause as needed","cbCaihnaO6VZ60jM","https://ap.wps.com/l/cbCaihnaO6VZ60jM","pdf",192336,"English","# Why use Responsive Web Design (RWD)?\n## How to create a responsive web site\n## Why use responsive web design templates?\n## Bootstrap\n# Responsive Web Design Template Exercise\n## Before starting the exercise\n## Exercise steps and documentation","[{\"question\":\"Why is Responsive Web Design important for a website?\",\"answer\":\"RWD makes the site adjust to different screen sizes, helping it reach more customers and improving design strength. It can also improve SEO, as recommended by Google.\"},{\"question\":\"What options are suggested for creating a responsive website?\",\"answer\":\"The material suggests hiring a web designer, building do-it-yourself from scratch, using content management systems like WordPress, or using a responsive template. It also discusses trade-offs such as expense, technical knowledge needs, and limited options for some approaches.\"},{\"question\":\"What are the required steps for the responsive web design template exercise?\",\"answer\":\"Students are instructed to create a Word document titled with a specific naming pattern, enter business name and slogan, add a product/service name plus four short descriptions, and document the exercise with screenshots. The steps include visiting the provided w3schools template page and following the video, pausing as needed.\"}]","Responsive Web Design Template Assignment - Report and Exercise | PDF",1789129086,6]