Student Name: CIS 211 Chapter 2: Building a Webpage, Template with HTML5 Homework 4 Create your personal portfolio webpage Instructor: Dr. Lomako Due: March 3, 2021 1. 2. Complete Lab 3, pages 80-81 (practice, do not submit) Create the Home Page for your personal portfolio page 81, save it as HW4- personal portfolio-LastName.html file Send HW4- personal portfolio-LastName.html file to Blackboard 3. 4. Lab 3: Expand Your World File and Folder Best Practices Problem: Websites consist of many files such as webpages the website. In this chapter you were introduced to a folde 1...beiteto lean the files well organi 10. It is easy to forget to check the spelling and grammar of your webpage co incorrectly spelled words as well as poor grammar can lead to negative impressions. What negative impressions might be created if you forget to check the spelling and grammar of the content on the webpages that you create or maintain? Lab 3: Expand Your World File and Folder Best Practices Problem: Websites consist of many files such as webpages, images, and o Giles used to complete the website. In this chapter you were introduced to a folder organization tim encouraged the use of five folders for a single website to keep the files well organized. In this exercise you'll expand your knowledge of file and folder management best practices. Instructions: 1. Open the filefolderbestpractices.docx document from the Data Files for Students. 2. Using the information in this chapter as well as the web, complete the two tables by answering the questions posed in cach. The first table, File and Folder Organization, asks questions about the types of files and the file name extensions of the files stored in the folders presented in Figure 2-4. The second table, File and Folder Naming Conventions, asks questions about best practices associated with file and folder nam ames. best practice hle and folder mig Consider This: Your Turn Apply your creative thinking and problem-solving skills to design and implement a solution. 1. Create the Home Page for Your Personal Portfolio Website Personal Part 1: In Chapter 1, you completed the personal portfolio website planning document to help think through the purpose, content and organization of your personal portfolio website. In this exercise, tent. Start you'll create the initial html semantic wireframe for your home page and add some by entering the basic required HTML tags in a new HTML document in your H. editor Include a title for the webpage that includes your name, such as Kris Lee Portfolio. ..ext, enter the four pairs of HTML tags to define the cheader>,

,

, and

sections according to your wireframe. Add a d--end main> comment immediately after the closing

tag to better identify the end of the main content. Insert content in cach section using the planning document you created in Chapter I as a guide. Customize the webpage with as much personal in- formation for your own electronic portfolio as possible. Below the DOCTYPE declaration, insert a comment with your first and last names and the current date. Use other comments as placeholders for content that you will add in later chapters. Name the webpage portfolio02.html. Submit your assignment in the format specified by your instructor. Part 2 Use your favorite search engine to find articles and images for electronic portfolios. What new ideas did you find that you want to incorporate into your own personal electronic portfolio Include at least three links to sites that you like and your reasons for choosing those sites in your answer. 2. Create the Home Page for a Web Development and Consulting Business Professional Part 1: In Chapter 1, you completed the professional web consulting firm website planning document to help think through the purpose, content, and organization of your web consult- ing firm website. In this exercise, you'll create the initial html semantic wireframe for your home page and add some of the initial content. Start by entering the basic required HTML tags a new HTML document in your HTML editor. Include an appropriate title for the webpage, such as the name of your business. Next, enter the four pairs of HTML tags to define the cheaders, nediv id="main">, and

sections according to your wireframe. Addad-end mains comment immediately after the closing tag to better identify the end of the main con- tent. Insert content in the header and now sections using the planning document you created in Chapter is a guide. Below the DOCTYPE declaration, insert a comment with your first and last ames and the current date. Use other comments as placeholders for content that you will add in later chapters. Name the webpage webdeva.htal. Submit your assignment in the format specified by your instructor Part 2: Your website will feature testimonials from satisfied customers Contact a web development consulting firm in your re, introduce yourself as a student at your college, and ask to make an appointment to speak to a web developer in that firm. Once connected, explain that you are seaming out web development, and as the web developer if they could share a recent access with you. Ask them to describe the project, the technologies and software they wed to complete the project, and any other keys to Soboting fictitious names, use this information to win tile as this cestory to show it in your website File and Folder Best Practices Figure 2-4 fitness CSS images I media template File and Folder Organization: Questions (Refer to Figure 2-4 in the chapter which is also shown above). Folder What types of files would be stored What is the likely file name extension Name in this folder? for the files in this folder? fitness template File and Folder Organization: Questions (Refer to Figure 2-4 in the chapter which is also shown above). Folder What types of files would be stored What is the likely file name extension Name in this folder? for the files in this folder? fitness CSS images media template File and Folder Naming Conventions: Answers Questions What name should be given to a website's home page? Is it correct to name webpages with either the .htm or.html extension? What about upper and lowercase character? May I use spaces in names? May I use special characters such as @,#,^, in names? How long may make a name? I Student Name: CIS 211 Chapter 2: Building a Webpage, Template with HTML5 Homework 4 Create your personal portfolio webpage Instructor: Dr. Lomako Due: March 3, 2021 1. 2. Complete Lab 3, pages 80-81 (practice, do not submit) Create the Home Page for your personal portfolio page 81, save it as HW4- personal portfolio-LastName.html file Send HW4- personal portfolio-LastName.html file to Blackboard 3. 4. Lab 3: Expand Your World File and Folder Best Practices Problem: Websites consist of many files such as webpages the website. In this chapter you were introduced to a folde 1...beiteto lean the files well organi 10. It is easy to forget to check the spelling and grammar of your webpage co incorrectly spelled words as well as poor grammar can lead to negative impressions. What negative impressions might be created if you forget to check the spelling and grammar of the content on the webpages that you create or maintain? Lab 3: Expand Your World File and Folder Best Practices Problem: Websites consist of many files such as webpages, images, and o Giles used to complete the website. In this chapter you were introduced to a folder organization tim encouraged the use of five folders for a single website to keep the files well organized. In this exercise you'll expand your knowledge of file and folder management best practices. Instructions: 1. Open the filefolderbestpractices.docx document from the Data Files for Students. 2. Using the information in this chapter as well as the web, complete the two tables by answering the questions posed in cach. The first table, File and Folder Organization, asks questions about the types of files and the file name extensions of the files stored in the folders presented in Figure 2-4. The second table, File and Folder Naming Conventions, asks questions about best practices associated with file and folder nam ames. best practice hle and folder mig Consider This: Your Turn Apply your creative thinking and problem-solving skills to design and implement a solution. 1. Create the Home Page for Your Personal Portfolio Website Personal Part 1: In Chapter 1, you completed the personal portfolio website planning document to help think through the purpose, content and organization of your personal portfolio website. In this exercise, tent. Start you'll create the initial html semantic wireframe for your home page and add some by entering the basic required HTML tags in a new HTML document in your H. editor Include a title for the webpage that includes your name, such as Kris Lee Portfolio. ..ext, enter the four pairs of HTML tags to define the cheader>,

,

, and

sections according to your wireframe. Add a d--end main> comment immediately after the closing

tag to better identify the end of the main content. Insert content in cach section using the planning document you created in Chapter I as a guide. Customize the webpage with as much personal in- formation for your own electronic portfolio as possible. Below the DOCTYPE declaration, insert a comment with your first and last names and the current date. Use other comments as placeholders for content that you will add in later chapters. Name the webpage portfolio02.html. Submit your assignment in the format specified by your instructor. Part 2 Use your favorite search engine to find articles and images for electronic portfolios. What new ideas did you find that you want to incorporate into your own personal electronic portfolio Include at least three links to sites that you like and your reasons for choosing those sites in your answer. 2. Create the Home Page for a Web Development and Consulting Business Professional Part 1: In Chapter 1, you completed the professional web consulting firm website planning document to help think through the purpose, content, and organization of your web consult- ing firm website. In this exercise, you'll create the initial html semantic wireframe for your home page and add some of the initial content. Start by entering the basic required HTML tags a new HTML document in your HTML editor. Include an appropriate title for the webpage, such as the name of your business. Next, enter the four pairs of HTML tags to define the cheaders, nediv id="main">, and

sections according to your wireframe. Addad-end mains comment immediately after the closing tag to better identify the end of the main con- tent. Insert content in the header and now sections using the planning document you created in Chapter is a guide. Below the DOCTYPE declaration, insert a comment with your first and last ames and the current date. Use other comments as placeholders for content that you will add in later chapters. Name the webpage webdeva.htal. Submit your assignment in the format specified by your instructor Part 2: Your website will feature testimonials from satisfied customers Contact a web development consulting firm in your re, introduce yourself as a student at your college, and ask to make an appointment to speak to a web developer in that firm. Once connected, explain that you are seaming out web development, and as the web developer if they could share a recent access with you. Ask them to describe the project, the technologies and software they wed to complete the project, and any other keys to Soboting fictitious names, use this information to win tile as this cestory to show it in your website File and Folder Best Practices Figure 2-4 fitness CSS images I media template File and Folder Organization: Questions (Refer to Figure 2-4 in the chapter which is also shown above). Folder What types of files would be stored What is the likely file name extension Name in this folder? for the files in this folder? fitness template File and Folder Organization: Questions (Refer to Figure 2-4 in the chapter which is also shown above). Folder What types of files would be stored What is the likely file name extension Name in this folder? for the files in this folder? fitness CSS images media template File and Folder Naming Conventions: Answers Questions What name should be given to a website's home page? Is it correct to name webpages with either the .htm or.html extension? What about upper and lowercase character? May I use spaces in names? May I use special characters such as @,#,^, in names? How long may make a name