touchdown
Touchdown 1
Touchstone Tasks are required assignments that give you an opportunity to explore the course material and develop skills that you'll use throughout the course. Although this Touchstone Task is ungraded and you will not receive feedback, the work required here will prepare you for success on any graded Touchstone(s). You can work on a Touchstone Task anytime, but you must complete the previous assessments in this Unit before you can submit it. Once you've submitted a Touchstone Task, it will be saved for you to access at any point during the course.
Touchstone Task 1: Selecting Your Client and Planning Your Website Design
ASSIGNMENT: The Touchstone tasks in this course will help you prepare for the final Touchstone, which you will submit at the end of Unit 3. A Touchstone is a project that demonstrates your comprehension of the course material. It will help you refine your skills and demonstrate the application of knowledge. For your reference, there is more information about Touchstones in the student guide. There are a total of five Touchstone tasks throughout the course:
· Touchstone Task 1: Selecting Your Client and Planning Your Website Design
· Touchstone Task 2.1: Creating HTML Pages
· Touchstone Task 2.2: Adding Style to the Webpages Using CSS
· Touchstone Task 3.1: Implementing Dynamic Features With JavaScript
· Touchstone Task 3.2: Storing Data With Web Storage
In this first Touchstone task, you will do the following:
· Select a client for your project.
· Build wireframes for four webpages.
· Select an appropriate color palette, logo, font color, and typography.
· Provide an analysis of your design choices.
Many of the decisions in later Touchstone tasks will depend on making the right choices here, so think carefully as you answer each question. While you will not receive a grade or feedback on this Touchstone task submission, doing the work now will help you complete your final project. Completing this exercise at this point in the course ensures that you are ready to move on. Further, these Touchstone tasks build throughout the next units and form the foundation of the presentation for your final project. Touchstone Task 1 Student Template Touchstone Task 1 Sample Submission In order to foster learning and growth, all the essays that you submit must be newly written specifically for this course. Any plagiarized or recycled work will result in a “Plagiarism Detected” alert. Review Touchstones: Academic Integrity Guidelines for more about plagiarism and the “Plagiarism Detected” alert. For guidance on the use of generative AI technology, review Ethical Standards and Appropriate Use of AI.
Step 1: Review the Final Touchstone
Review the final Touchstone to learn more about the overall assignment and see how you will be graded. Return to this page to continue your Touchstone task.
Step 2: Review the Client Scenario and Criteria and Select Your Client
Review the Client Scenario and Criteria and select an approved client from the list provided. You will use this information to answer questions throughout your project.
hint
As you review the scenario and respond to the questions, consider what the client is trying to accomplish and what it has shared about its expectations. Use these perspectives to shape your response to the questions.
Use the Touchstone Task 1 Student Template file to document your wireframes and explain your design decisions in detail. You will use Figma to create one set of mobile wireframes and one set of desktop wireframes based on the information provided by the client you selected in Step 2. You will be building eight total wireframes for the website:
· The mobile wireframe link includes the Homepage, the Gallery page, the About Us page, and a custom page.
· The desktop wireframe link includes the Homepage, the Gallery page, the About Us page, and a custom page.
hint
Review the Touchstone Task 1 Sample Submission for an example of the expected response for this task.
Step 4: Select the Color, Logo and Typography
Use the Task 1 template to document your color palette, logo, typography, and font color selections based on the provided choices listed in the Client Scenario and Criteria document. Be sure to explain your choices in detail with two to four sentences per question. This will help you complete your final report.
Step 5: Upload Completed Questions
Select the “Submit” button at the top of this page and follow the instructions to upload the template with your completed question responses. You will use these answers as a reference when completing the final Touchstone at the end of Unit 3.
While this assignment is ungraded, we recommend that you practice the following conventions, which are required for graded Touchstones:
· Use the provided Touchstone Task 1 Student Template file.
· Use a readable 11- or 12-point font.
· Use professional fonts such as Calibri, Arial, or Times New Roman. Do not use unusual fonts.
· Composition must be original and written for this assignment, and all writing must be appropriate for an academic context.
· Plagiarism of any kind is strictly prohibited.
· The submission must include your name, the date, and the title of your composition.
· Include all assignment components in a single .doc or .docx file.
Touchdown 2.1
Touchstone Tasks are required assignments that give you an opportunity to explore the course material and develop skills that you'll use throughout the course. Although this Touchstone Task is ungraded and you will not receive feedback, the work required here will prepare you for success on any graded Touchstone(s). You can work on a Touchstone Task anytime, but you must complete the previous assessments in this Unit before you can submit it. Once you've submitted a Touchstone Task, it will be saved for you to access at any point during the course.
Touchstone Task 2.1: Creating HTML Pages
ASSIGNMENT: The Touchstone tasks in this course will help you prepare for the final Touchstone, which you will submit at the end of Unit 3. A Touchstone is a project that demonstrates your comprehension of the course material. It will help you refine your skills and demonstrate the application of knowledge. For your reference, there is more information about Touchstones in the student guide. There are a total of five Touchstone tasks throughout the course:
· Touchstone Task 1: Selecting Your Client and Planning Your Website Design
· Touchstone Task 2.1: Creating HTML Pages
· Touchstone Task 2.2: Adding Style to the Webpages Using CSS
· Touchstone Task 3.1: Implementing Dynamic Features With JavaScript
· Touchstone Task 3.2: Storing Data With Web Storage
In this second Touchstone task, you will create four HTML webpages for your selected client using the IDE. You will begin by reviewing information about your selected client to ensure you meet all its expectations. You will finish by documenting any issues you had that prevented the code from functioning as you intended. While you will not receive a grade or feedback on this Touchstone task submission, doing the work now will help you complete your final project. Completing this exercise at this point in the course ensures that you are ready to move on. Further, these Touchstone tasks build throughout the next units and form the foundation of the presentation for your final project. Touchstone Task 2.1 Student Template While there is no sample for this specific task, you might find it helpful to reference the final report sample as you work: Touchstone Sample Submission In order to foster learning and growth, all the essays that you submit must be newly written specifically for this course. Any plagiarized or recycled work will result in a “Plagiarism Detected” alert. Review Touchstones: Academic Integrity Guidelines for more about plagiarism and the “Plagiarism Detected” alert. For guidance on the use of generative AI technology, review Ethical Standards and Appropriate Use of AI.
A. Directions
Step 1: Review the Final Touchstone
Review the final Touchstone to learn more about the overall assignment and see how you will be graded. Return to this page to continue your Touchstone task.
Step 2: Review the Client Scenario and Criteria for Your Client
Review the Client Scenario and Criteria, noting the information provided by the client you selected in Task 1. You will use this information as you develop the webpages. Be sure to download the client files to your device at this time if you have not done so already. You will need the files in the next step.
hint
As you review the scenario and respond to the questions, consider what the client is trying to accomplish and what it has shared about its expectations. Use these perspectives to shape your response to the questions.
Use the IDE to create four webpages. Your webpages should meet the following specifications:
· The webpages should follow the wireframe designs that you completed in Touchstone Task 1.
· All the webpages should have a navigation bar in the header section and a footer section at the bottom of the page.
· You must use the provided images for the client logo and products.
· The Homepage should include the client logo and client name at the top of the webpage as the webpage header. You should include relevant information and content for the other sections of this page that are appropriate for the client description.
· The Gallery page should display the product images in a table where there will be an “Add to Cart” button below each image.
· The About Us/Contact page should include a web form for client feedback and custom order creation.
· The custom fourth page should include content relevant to your selected client. Some sample content can be customer testimonials, community involvement, local events, collaborations, and so on.
· CSS styling or colors are not needed to complete this Touchstone task. This will be done in Touchstone Task 2.2.
Step 4: Document Your Progress
Use the Touchstone Task 2.1 Student Template file to provide links to each of the webpages that you created in Step 3. This will help you complete your final report. Document your analysis of the HTML components, along with any issues that you had while you were developing your pages that prevented them from functioning as you intended.
Step 5: Upload the Completed Document
Select the “Submit” button at the top of this page and follow the instructions to upload the template with your completed question responses. You will use these answers as a reference when completing the final Touchstone at the end of Unit 3.
B. Requirements
While this assignment is ungraded, we recommend that you practice the following conventions, which are required for graded Touchstones:
· Use the provided Touchstone Task 2.1 Student Template file.
· Use a readable 11- or 12-point font.
· Use professional fonts such as Calibri, Arial, or Times New Roman. Do not use unusual fonts.
· Composition must be original and written for this assignment, and all writing must be appropriate for an academic context.
· Plagiarism of any kind is strictly prohibited.
· The submission must include your name, the date, and the title of your composition.
· Include all assignment components in a single .doc or .docx file.
Touchdown 2.2
Touchstone Tasks are required assignments that give you an opportunity to explore the course material and develop skills that you'll use throughout the course. Although this Touchstone Task is ungraded and you will not receive feedback, the work required here will prepare you for success on any graded Touchstone(s). You can work on a Touchstone Task anytime, but you must complete the previous assessments in this Unit before you can submit it. Once you've submitted a Touchstone Task, it will be saved for you to access at any point during the course.
Touchstone Task 2.2: Adding Style to the Webpages Using CSS
ASSIGNMENT: The Touchstone tasks in this course will help you prepare for the final Touchstone, which you will submit at the end of Unit 3. A Touchstone is a project that demonstrates your comprehension of the course material. It will help you refine your skills and demonstrate the application of knowledge. For your reference, there is more information about Touchstones in the student guide. There are a total of five Touchstone tasks throughout the course:
· Touchstone Task 1: Selecting Your Client and Planning Your Website Design
· Touchstone Task 2.1: Creating HTML Pages
· Touchstone Task 2.2: Adding Style to the Webpages Using CSS
· Touchstone Task 3.1: Implementing Dynamic Features With JavaScript
· Touchstone Task 3.2: Storing Data With Web Storage
In this third Touchstone task, you will use the IDE to create an external CSS file to include CSS styling on the webpages for your selected client. You will begin by reviewing the information about your selected client to ensure that you meet all its expectations. You will write a brief description of your CSS styling choices applied to each webpage. Next, you will provide an analysis of the accessibility practices that you followed on the website. Finally, you will document any issues you had that prevented the code from functioning as intended. While you will not receive a grade or feedback on this Touchstone task submission, doing the work now will help you complete your final project. Completing this exercise at this point in the course ensures that you are ready to move on. Further, these Touchstone tasks build throughout the next units and form the foundation of the presentation for your final project. Touchstone Task 2.2 Student Template Touchstone Task 2.2 Sample Submission In order to foster learning and growth, all the essays that you submit must be newly written specifically for this course. Any plagiarized or recycled work will result in a “Plagiarism Detected” alert. Review Touchstones: Academic Integrity Guidelines for more about plagiarism and the “Plagiarism Detected” alert. For guidance on the use of generative AI technology, review Ethical Standards and Appropriate Use of AI.
A. Directions
Step 1: Review the Final Touchstone
Review the final Touchstone to learn more about the overall assignment and see how you will be graded. Return to this page to continue your Touchstone task.
Step 2: Review the Client Scenario and Criteria for Your Client
Review the Client Scenario and Criteria, noting the information provided by the client you selected in Task 1. You will use this information as you develop the webpages.
Use the IDE to create an external CSS file. Your CSS file should meet the following specifications:
· Use the IDE to include CSS styling on the webpages for your selected client.
· Format and position different components using CSS styling. The majority of the styling should be incorporated using an external CSS file.
· The component colors, font colors, and typography styling should be consistent with your choices in Task 1 and should be appropriate according to the client description provided in the Client Scenario and Criteria document.
· Provide four legible screenshots for the four rendered webpages that demonstrate the CSS styling. If needed, you can include multiple screenshots for a webpage.
· Include a brief description of the rationale for the CSS styling applied to each webpage.
· Include an analysis of the accessibility practices followed on the website.
· Include a rationale about how to adjust the website to be responsive for mobile platforms (RWD).
· Inline and/or internal CSS styling can only be used when needed but should be minimal.
Step 4: Document Your Progress
Use the Touchstone Task 2.2 Student Template file to provide screenshots of your rendered pages and the analysis of your designs. This will help you complete your final report. Document any issues that you had while you were developing your code that prevented the website from functioning as you intended.
Step 5: Upload the Completed Document
Select the “Submit” button at the top of this page and follow the instructions to upload the template with your completed question responses. You will use these answers as a reference when completing the final Touchstone at the end of Unit 3.
B. Requirements
While this assignment is ungraded, we recommend that you practice the following conventions, which are required for graded Touchstones:
· Use the provided Touchstone Task 2.2 Student Template file.
· Use a readable 11- or 12-point font.
· Use professional fonts such as Calibri, Arial, or Times New Roman. Do not use unusual fonts.
· Composition must be original and written for this assignment, and all writing must be appropriate for an academic context.
· Plagiarism of any kind is strictly prohibited.
· The submission must include your name, the date, and the title of your composition.
· Include all assignment components in a single .doc or .docx file.
Touchdown 3.1
Touchstone Tasks are required assignments that give you an opportunity to explore the course material and develop skills that you'll use throughout the course. Although this Touchstone Task is ungraded and you will not receive feedback, the work required here will prepare you for success on any graded Touchstone(s). You can work on a Touchstone Task anytime, but you must complete the previous assessments in this Unit before you can submit it. Once you've submitted a Touchstone Task, it will be saved for you to access at any point during the course.
Touchstone Task 3.1: Implementing Dynamic Features With JavaScript
ASSIGNMENT: The Touchstone tasks in this course will help you prepare for the final Touchstone, which you will submit at the end of Unit 3. A Touchstone is a project that demonstrates your comprehension of the course material. It will help you refine your skills and demonstrate the application of knowledge. For your reference, there is more information about Touchstones in the student guide. There are a total of five Touchstone Tasks throughout the course:
· Touchstone Task 1: Selecting Your Client and Planning Your Website Design
· Touchstone Task 2.1: Creating HTML Pages
· Touchstone Task 2.2: Adding Style to the Webpages Using CSS
· Touchstone Task 3.1: Implementing Dynamic Features With JavaScript
· Touchstone Task 3.2: Storing Data With Web Storage
In this fourth Touchstone task, you will use the IDE to add dynamic features to the webpages using JavaScript. You will begin adding a functional alert window for the “Subscribe” feature in the footer of every webpage on your site. On the Gallery page, you will create alert windows for the “Add to Cart” feature. On the About Us/Contact page, you will create a functional alert window for the web form. Next, you will provide an analysis of the JavaScript functionality. Finally, you will document any issues you had that prevented the code from functioning as intended. While you will not receive a grade or feedback on this Touchstone task submission, doing the work now will help you complete your final project. Completing this exercise at this point in the course ensures that you are ready to move on. Further, these Touchstone tasks build throughout the next units and form the foundation of the presentation for your final project. Touchstone Task 3.1 Student Template Touchstone Task 3.1 Sample Submission In order to foster learning and growth, all the essays that you submit must be newly written specifically for this course. Any plagiarized or recycled work will result in a “Plagiarism Detected” alert. Review Touchstones: Academic Integrity Guidelines for more about plagiarism and the “Plagiarism Detected” alert. For guidance on the use of generative AI technology, review Ethical Standards and Appropriate Use of AI.
A. Directions
Step 1: Review the Final Touchstone
Review the final Touchstone to learn more about the overall assignment and see how you will be graded. Return to this page to continue your Touchstone task.
Step 2: Review the Client Scenario and Criteria for Your Client
Review the Client Scenario and Criteria, noting the information provided by the client you selected in Task 1. You will use this information as you develop the webpages.
Step 3: Create JavaScript Functionality
Use the IDE to add dynamic features to the webpages using JavaScript. Your JavaScript features should meet the following specifications:
· Add a functional alert window for the “Subscribe” feature in the footer of every webpage using JavaScript.
· For the Gallery page, create alert windows for the “Add to Cart” feature, which includes adding an event handler for the “Add to Cart” button, “Clear Cart” button, and “Process Order” button.
· For the About Us/Contact page, create a functional alert window for the web form.
· The alert windows should be functional and work according to the click events.
· The alert window for the “Subscribe” feature should display the message “Thank you for subscribing.”
· The alert window for the “Add to Cart” feature should display the message “Item added to the cart” when an item is added to the cart.
· The alert window for the “Clear Cart” feature should display the message “Cart cleared” when there is an item in the cart. If the cart is empty, then the message should be “No items to clear.”
· The alert window for the “Process Order” feature should display the message “Thank you for your order” when there is an item in the cart. If the cart is empty, then the message should be “Cart is empty.”
· The alert window for the About Us/Contact page should display the message “Thank you for your message” when the “Submit” button is pressed.
Step 4: Document Your Progress
Use the Touchstone Task 3.1 Student Template file to provide screenshots of your rendered pages and the analysis of your designs. This will help you complete your final report. Document any issues that you had while you were developing your code that prevented the website from functioning as you intended.
Step 5: Upload the Completed Document
Select the “Submit” button at the top of this page and follow the instructions to upload the template with your completed question responses. You will use these answers as a reference when completing the final Touchstone at the end of Unit 3.
B. Requirements
While this assignment is ungraded, we recommend that you practice the following conventions, which are required for graded Touchstones:
· Use the provided Touchstone Task 3.1 Student Template file.
· Use a readable 11- or 12-point font.
· Use professional fonts such as Calibri, Arial, or Times New Roman. Do not use unusual fonts.
· Composition must be original and written for this assignment, and all writing must be appropriate for an academic context.
· Plagiarism of any kind is strictly prohibited.
· The submission must include your name, the date, and the title of your composition.
· Include all assignment components in a single .doc or .docx file.
Touchdown 3.2 Touchstone Tasks are required assignments that give you an opportunity to explore the course material and develop skills that you'll use throughout the course. Although this Touchstone Task is ungraded and you will not receive feedback, the work required here will prepare you for success on any graded Touchstone(s). You can work on a Touchstone Task anytime, but you must complete the previous assessments in this Unit before you can submit it. Once you've submitted a Touchstone Task, it will be saved for you to access at any point during the course.
Touchstone Task 3.2: Storing Data With Web Storage
ASSIGNMENT: The Touchstone tasks in this course will help you prepare for the final Touchstone, which you will submit at the end of Unit 3. A Touchstone is a project that demonstrates your comprehension of the course material. It will help you refine your skills and demonstrate the application of knowledge. For your reference, there is more information about Touchstones in the student guide. There are a total of five Touchstone tasks throughout the course:
· Touchstone Task 1: Selecting Your Client and Planning Your Website Design
· Touchstone Task 2.1: Creating HTML Pages
· Touchstone Task 2.2: Adding Style to the Webpages Using CSS
· Touchstone Task 3.1: Implementing Dynamic Features With JavaScript
· Touchstone Task 3.2: Storing Data With Web Storage
In this fifth Touchstone Task, you will use the IDE to store and retrieve data using web storage. Specifically, you will do the following:
· Use sessionStorage to add items to the shopping cart as part of the implementation of the “Add to Cart” feature on the Gallery page.
· Retrieve information about added items in the shopping cart using sessionStorage as part of the implementation of the “View Cart” feature on the Gallery page.
· Add custom order information to localStorage from the web form on the About Us/Contact page.
While you will not receive a grade or feedback on this Touchstone task submission, doing the work now will help you complete your final project. Completing this exercise at this point in the course ensures that you are ready to move on. Further, these Touchstone tasks build throughout the next units and form the foundation of the presentation for your final project. Touchstone Task 3.2 Student Template Touchstone Task 3.2 Sample Submission In order to foster learning and growth, all the essays that you submit must be newly written specifically for this course. Any plagiarized or recycled work will result in a “Plagiarism Detected” alert. Review Touchstones: Academic Integrity Guidelines for more about plagiarism and the “Plagiarism Detected” alert. For guidance on the use of generative AI technology, review Ethical Standards and Appropriate Use of AI.
A. Directions
Step 1: Review the Final Touchstone
Review the final Touchstone to learn more about the overall assignment and see how you will be graded. Return to this page to continue your Touchstone task.
Step 2: Review the Client Scenario and Criteria for Your Client
Review the Client Scenario and Criteria, noting the information provided by the client you selected in Task 1. You will use this information as you develop the webpages.
Step 3: Create Web Storage Functionality
Use the IDE to add sessionStorage features to add functionality to the “Shopping Cart” and “Custom Order” features.
· You will use both localStorage and sessionStorage for your webpages.
· The “View Cart” modal window should display the item information by reading data from sessionStorage.
· The “Clear Cart” button and the “Process Order” button in the modal window should clear all the item information in sessionStorage.
· The About Us/Contact page form should save the customer information and custom order information in localStorage.
Step 4: Document Your Progress
Use the Touchstone Task 3.2 Student Template to provide links to each of the webpages that you created in Step 3. This will help you complete your final report. Document your analysis of the “Shopping Cart” and “Custom Order” features, along with any issues that you had while you were developing your pages that prevented them from functioning as you intended.
Step 5: Upload the Completed Document
Select the “Submit” button at the top of this page and follow the instructions to upload the template with your completed question responses. You will use these answers as a reference when completing the final Touchstone at the end of Unit 3.
B. Requirements
While this assignment is ungraded, we recommend that you practice the following conventions, which are required for graded Touchstones:
· Use the provided Touchstone Task 3.2 Student Template file.
· Use a readable 11- or 12-point font.
· Use professional fonts such as Calibri, Arial, or Times New Roman. Do not use unusual fonts.
· Composition must be original and written for this assignment, and all writing must be appropriate for an academic context.
· Plagiarism of any kind is strictly prohibited.
· The submission must include your name, the date, and the title of your composition.
· Include all assignment components in a single .doc or .docx file.
Final Touchdown 3
Touchstones are projects that illustrate your comprehension of the course material, help you refine skills, and demonstrate the application of knowledge. You can work on a Touchstone anytime, but you must pass this unit’s assessments before you submit it. Once you have submitted a Touchstone, it will be graded and counted toward your final course score.
Touchstone: Develop a Functional Website
SCENARIO: Imagine you are tasked with creating a functional and dynamic website for a small business. The website should contain multiple pages that reflect the client’s business goals and highlight its products. You will work on a desktop version of the website and provide a brief plan for a mobile version that the client could implement on its own, if desired. CLIENT GOALS:
· Product Promotion: The owner wants to showcase their product range with a visually appealing website.
· Engagement: The website should help attract potential customers and encourage them to call or visit in person.
· Contact: The website should make it easy for customers to inquire about products and place custom orders, if needed.
ASSIGNMENT: For this Touchstone, you will fill out a report (template link below), which has sections that correspond to the five tasks you will complete for your final project. Use this template to write your report responses for each section of the project. When you have finished, you will submit this report as a Word .doc/docx document. Additionally, you need to provide the link from the IDE that contains your coding files for the project. As a part of this Touchstone project, you will demonstrate your understanding of HTML, CSS, and JavaScript, as well as your grasp of key concepts such as responsive design, web storage, and accessibility. This project encompasses a comprehensive exploration of these elements:
1. Front-end expertise: Apply front-end development skills to create an engaging user interface. Implement responsive design principles to ensure optimal usability across various devices and screen sizes.
2. Data storage and security: Implement secure data storage practices, and utilize web storage technologies. Prioritize data security, input validation, and user privacy throughout the project.
3. Web accessibility: Commit to web accessibility best practices. Ensure that the project adheres to accessibility guidelines, making it inclusive and usable for individuals with disabilities.
4. Real-world application: This project offers practical, hands-on learning experience. Learners will work on a real-world application, applying the acquired skills to solve practical challenges.
Download the submission template below, which further breaks down the steps involved in this assignment. You will return the completed template as your Touchstone submission. Web Dev Touchstone Student Template Web Dev Touchstone Sample Submission In order to foster learning and growth, all essays you submit must be newly written specifically for this course. Any plagiarized or recycled work will result in a “Plagiarism Detected” alert. Review Touchstones: Academic Integrity Guidelines for more about plagiarism and the “Plagiarism Detected” alert. For guidance on the use of generative AI technology, review Ethical Standards and Appropriate Use of AI.
A. Directions
Step 1: Download and Review the Web Dev Touchstone Template
The Web Dev Touchstone Student Template file is required for this assignment. All other files will be returned ungraded. While completing the report, follow the report submission format provided in the example of a successful report.
hint
Review the Touchstone Sample Submission above for an example of the expected response for this task.
Refer to Section B (Rubric) to make sure you have an understanding of how each report entry will be graded.
Step 3: Review the Touchstone Requirements
Refer to Section C (Requirements) to get acquainted with the requirements for this Touchstone before you begin writing your report entries.
Step 4: Review the Client Scenario and Criteria and Select Your Client
Review the Client Scenario and Criteria, and select an approved client from the list provided. You will use this information to answer questions throughout your project.
hint
As you review the scenario and respond to the questions, consider what the client is trying to accomplish and what it has shared about its expectations. Use these perspectives to shape your response to the questions.
Step 5: Review Touchstone Tasks
Review your responses in the five Touchstone tasks. You may want to use some or all of this information as you complete your final report.
· Touchstone Task 1: Selecting Your Client and Planning Your Website Design
· Touchstone Task 2.1: Creating HTML Pages
· Touchstone Task 2.2: Adding Style to the Webpages Using CSS
· Touchstone Task 3.1: Implementing Dynamic Features With JavaScript
· Touchstone Task 3.2: Storing Data With Web Storage
Complete the report using the Web Dev Touchstone Student Template file. The template is a great guide to help format your report. As you write each section, make sure you include the following information in your report.
|
Section |
Required Information |
|
Introduction |
1. Start your report with a brief introduction about the client. 2. Explain different website design choices, including the client logo, color palette, font color, and typography. |
|
Wireframes |
1. Include wireframe screenshots alongside the Figma links: · One screenshot should show the desktop wireframes for the four webpages. · Another screenshot should show the mobile wireframes for the four webpages. |
|
Website Structure and Content |
1. Describe the general structure of the webpages. 2. Provide brief descriptions of different HTML components in the webpages, including the following: · The navigation bar · Header and footer sections · Different sections on the Homepage · The organization of the Gallery page · Contents, tables, and forms on the About Us page · Details about the custom page |
|
Website Design and Styling |
1. Describe the CSS styling applied on the four webpages. 2. Provide rationales for different design and color choices. 3. Briefly mention how different standard accessibility practices were followed for all the webpages. 4. Include a rationale about how to adjust the website to be responsive for mobile platforms (RWD). |
|
Website Functionality |
1. Describe the JavaScript functionality applied in the webpages, including the following: · The navigation bar · The “Subscribe” feature · The “Add to Cart” feature · The “View Cart” feature · The “Customer Feedback” feature |
|
Web Data Storage |
1. Describe how local storage and session storage were utilized in the webpages. 2. Briefly describe the functionality of the “Shopping Cart” and “Custom Order” features. |
|
Customization |
1. Describe the significance of the custom fourth page and how it relates to the other pages. |
|
Screenshots |
1. Include screenshots of rendered webpages for all the pages. 2. Include screenshots for the JavaScript functionalities. |
Once your report is complete, including the code link from the IDE, submit it for grading.
C. Requirements
· Use the provided template file.
· Use a readable 11- or 12-point font.
· All writing must be appropriate for an academic context. Follow academic writing conventions (correct grammar, spelling, punctuation, and formatting).
· Report entries must be original and written for this assignment; plagiarism of any kind is strictly prohibited.
· The submission must include your name and the date (included in the template).
· Include all of the report parts in a single file. Acceptable file formats include .doc and .docx.
· Include your IDE Share link at the appropriate location in the report template.