09 Sep You and several of your classmates have decided to help increase student involvement in school clubs and events by creating a website to promote awareness about the various activities. You
Hi I need someone help with HTML –Internet Web Page Design
I have been uploaded all the file
it is two work
I am now in ch3
all the file with 1- it is one work
the anther all the file with 2- it is one work
if you have any question
Ch2 and ch3
Ch 2
You and several of your classmates have decided to help increase student involvement in school clubs and events by creating a website to promote awareness about the various activities. You have already created a website plan, wireframe, and sitemap for the proposed website. Now you need to create a webpage template with HTML semantic elements and static content. Next, validate the template, correct any errors, and then use the template to create a home page for your student club and events website.
Perform the following tasks:
1. As a group, determine where you will store your website files, either locally or using a remote repository, and then create a folder to serve as the root folder for the website. Name the folder student. Inside of your /student folder, create the following subfolders for the website: css, images, media, scripts.
2. Create a template.html file for your website and save it within the /student root folder. Add all necessary HTML elements to the template to create an HTML 5 webpage. Your template file should include the following minimum structural elements: header, nav, main, and footer.
3. Add a multiline comment to your template file that identifies the group members, file name, and the current date. Insert a comment above the main element to identify the purpose of the main element and how it should be used.
4. Add static content to your template. Use appropriate text within the title element. Nest a heading element within your header element. If it serves a purpose, you may include a symbol within your heading element. Nest a paragraph element within your nav element that includes text for your future page links. You may include symbols between your text links. Add content to the footer element.
5. Indent all nested elements and add blank lines where appropriate to improve readability.
6. Validate your template file and correct any errors.
7. Use your template file to create your home page. Save the home page with the file name index.html.
8. Add meaningful content to the main element on your home page and change the text in the title element to indicate this page is the home page.
Ch 3
You and several of your classmates have decided to help increase student involvement in school clubs and events by creating a website to promote awareness about the various activities. You have already created the website plan, template, and home page in Chapter 1 and Chapter 2, Lab 3. You now need to add links, images, and create more webpages for the website.
Perform the following tasks:
1. Upload your files from Chapter 2 or using the command line to sync your files from a remote repository.
2. Open your template.html file and add anchor elements to create text links within the navigation area. Though the other pages do not yet exist, use an appropriate file name for each text link. For example, if you have a navigation link for “Clubs”, use clubs.html as the file name. Update the navigation area on your home page to match the navigation area on your template.html file.
3. In the template file, nest an empty div element within the main element.
4. Add an email link to the email address within the footer element in the template.html file and the index.html.
5. In the template.html file, in the footer element, add a paragraph element with the name of your educational institution and link the text to the home page of your educational institution’s website. Configure the link to open in a new tab. Update the footer element on your home page to match the footer element on your template.html file.
6. In the index.html file, in the main element, wrap all elements within a div element with an id attribute value of welcome. Indent the nested elements within the div element.
7. Nest an image within the welcome div element. You may use one of the image files provided or add your own. Use descriptive alt text and include the proper height and width attributes. If your image is greater than 500 x 500 pixels, use graphic software to resize the image. If the file size is greater than 1 MB, use an online image compressor tool to reduce the file size.
Indent all nested elements and save your changes
8. Review your site map and then use your template to create a new webpage for your website. Save your new webpage with an appropriate file name. For example, if you create a new page for “Clubs”, use clubs.html as the file name. As a group, discuss what content will you add to this page.
9. Update the comment and title on the new webpage. Assign an id attribute and value to the div within the main element, then add content to this div. Content should include at least one heading element, at least one paragraph element, an image with all appropriate attributes, and a list (ordered, unordered, or description). Add an absolute link to the webpage that opens another website in a new tab.
Indent all nested elements and save your changes.
10. Review your site map and then use your template to create another new webpage for your website. Save your new webpage with an appropriate file name. As a group, discuss what content will you add to this page.
11. Update the comment and title on the new webpage. Assign an id attribute and value to the div within the main element, and then add content to this div. Content should include at least one heading element, at least one paragraph element, an image with all appropriate attributes, and a list (ordered, unordered, or description).
Indent all nested elements and save your changes.
12. Review the new pages for spelling errors and correct. Validate your new pages and correct any errors.
,
OPTIONAL GIT SYNC INSTRUCTIONS Verify that Git is Installed 1. Verify that git is installed in the environment: "git –version" This should display a message like the one shown below: > git version 2.17.1 2. If git is not installed, you can install git by using the following command: "sudo apt install git" ——————————————————————————————————— To Clone (Download) a Repository: 1. Obtain (copy) the repository's HTTPS or SSH URL. The HTTPS URL will look like the example shown below: "https://github.com/account-name/repository-name.git" 2. In the environment's terminal, change the current working directory to the location you want to clone your files to. For example, if you want to clone your files into the 'music' directory type the following command: "cd music" Be mindful that you do not accidently overwrite any of the resources provided in the lab. If you do, you can safely perform a lab reset. 3. To clone the repository type the following command: "git clone https://github.com/account-name/repository-name.git" This will prompt you for your username and password. When you type your password, the terminal will not display it, but you are still entering characters until you hit "Enter" ("Return"). ———————————————————————————————————- To Commit and Push Your Files to a Repository: 1. First, in the terminal, change your working directory to the directory you want to commit: "cd rescue" 2. Next, set the git config file using your email and user name for the remote repository: "git config –global user.email '[email protected]' " "git config –global user.name 'username' " 3. Then, add any new files to the local repository: "git add . " 4. Commit your changes to your local repository with an appropriate message (-m): "git commit -m 'Created the index.html file'" 5. Push your changes from the local repository to your remote repository: "git push origin branch-name" The 'branch-name' will be "master" unless you create a new branch. 6. You will be prompted to enter your username and password. ———————————————————————————————————– Reconnect your Directory to a Remote Repository 1. First, in the terminal change your working directory to the directory you would like to commit: "cd " 2. Then, initialize a local repository: "git init" 3. To add a remote repository to the local repository use the following command: "git remote add origin https://github.com/account-name/repository-name.git" Where the URL is the HTTPS URL to the remote repository. 4. Next, follow the steps to commit and push your code to the remote repository. ———————————————————————————————————– Useful Command Line Interface Commands: 1. List directories: "ls" 2. Change the working directory: "cd destination-folder" 3. Move files: "mv file1 ./destination-folder/"
,
OPTIONAL GIT SYNC INSTRUCTIONS Verify that Git is Installed 1. Verify that git is installed in the environment: "git –version" This should display a message like the one shown below: > git version 2.17.1 2. If git is not installed, you can install git by using the following command: "sudo apt install git" ——————————————————————————————————— To Clone (Download) a Repository: 1. Obtain (copy) the repository's HTTPS or SSH URL. The HTTPS URL will look like the example shown below: "https://github.com/account-name/repository-name.git" 2. In the environment's terminal, change the current working directory to the location you want to clone your files to. For example, if you want to clone your files into the 'music' directory type the following command: "cd music" Be mindful that you do not accidently overwrite any of the resources provided in the lab. If you do, you can safely perform a lab reset. 3. To clone the repository type the following command: "git clone https://github.com/account-name/repository-name.git" This will prompt you for your username and password. When you type your password, the terminal will not display it, but you are still entering characters until you hit "Enter" ("Return"). ———————————————————————————————————- To Commit and Push Your Files to a Repository: 1. First, in the terminal, change your working directory to the directory you want to commit: "cd rescue" 2. Next, set the git config file using your email and user name for the remote repository: "git config –global user.email '[email protected]' " "git config –global user.name 'username' " Where "[email protected]" and "username" are your email and username. 3. Then, add any new files to the local repository: "git add . " 4. Commit your changes to your local repository with an appropriate message (-m): "git commit -m 'Created the index.html file'" 5. Push your changes from the local repository to your remote repository: "git push origin branch-name" The 'branch-name' will be "master" unless you create a new branch. 6. You will be prompted to enter your username and password. ———————————————————————————————————– Reconnect your Directory to a Remote Repository 1. First, in the terminal change your working directory to the directory you would like to commit: "cd student" 2. Then, initialize a local repository: "git init" 3. To add a remote repository to the local repository use the following command: "git remote add origin https://github.com/account-name/repository-name.git" Where the URL is the HTTPS URL to the remote repository. 4. Next, follow the steps to commit and push your code to the remote repository. ———————————————————————————————————– Useful Command Line Interface Commands: 1. List directories: "ls" 2. Change the working directory: "cd destination-folder" 3. Move files: "mv file1 ./destination-folder/"
,
Verify that Git is Installed 1. Verify that git is installed in the environment: "git –version" This should display a message like the one shown below: > git version 2.17.1 2. If git is not installed, you can install git by using the following command: "sudo apt install git" ——————————————————————————————————— To Clone (Download) a Repository: 1. Obtain (copy) the repository's HTTPS or SSH URL. The HTTPS URL will look like the example shown below: "https://github.com/account-name/repository-name.git" 2. In the environment's terminal, change the current working directory to the location you want to clone your files to. For example, if you want to clone your files into the 'music' directory type the following command: "cd music" Be mindful that you do not accidently overwrite any of the resources provided in the lab. If you do, you can safely perform a lab reset. 3. To clone the repository type the following command: "git clone https://github.com/account-name/repository-name.git" This will prompt you for your username and password. When you type your password, the terminal will not display it, but you are still entering characters until you hit "Enter" ("Return"). ———————————————————————————————————- To Commit and Push Your Files to a Repository: 1. First, add any new files to the local repository: "git add . " 2. Commit your changes to your local repository with an appropriate message (-m): "git commit -m 'Created the index.html file'" 3. Push your changes from the local repository to your remote repository: "git push origin branch-name" The 'branch-name' will be "master" unless you create new branches. ———————————————————————————————————– Useful Command Line Interface Commands: 1. List directories: "ls" 2. Change the working directory: "cd destination-folder" 3. Move files: "mv file1 ./destination-foler/"
,
OPTIONAL GIT SYNC INSTRUCTIONS Verify that Git is Installed 1. Verify that git is installed in the environment: "git –version" This should display a message like the one shown below: > git version 2.17.1 2. If git is not installed, you can install git by using the following command: "sudo apt install git" ——————————————————————————————————— To Clone (Download) a Repository: 1. Obtain (copy) the repository's HTTPS or SSH URL. The HTTPS URL will look like the example shown below: "https://github.com/account-name/repository-name.git" 2. In the environment's terminal, change the current working directory to the location you want to clone your files to. For example, if you want to clone your files into the 'music' directory type the following command: "cd music" Be mindful that you do not accidently overwrite any of the resources provided in the lab. If you do, you can safely perform a lab reset. 3. To clone the repository type the following command: "git clone https://github.com/account-name/repository-name.git" This will prompt you for your username and password. When you type your password, the terminal will not display it, but you are still entering characters until you hit "Enter" ("Return"). ———————————————————————————————————- To Commit and Push Your Files to a Repository: 1. First, in the terminal, change your working directory to the directory you want to commit: "cd rescue" 2. Next, set the git config file using your email and user name for the remote repository: "git config –global user.email '[email protected]' " "git config –global user.name 'username' " Where "[email protected]" and "username" are your email and username. 3. Then, add any new files to the local repository: "git add . " 4. Commit your changes to your local repository with an appropriate message (-m): "git commit -m 'Created the index.html file'" 5. Push your changes from the local repository to your remote repository: "git push origin branch-name" The 'branch-name' will be "master" unless you create a new branch. 6. You will be prompted to enter your username and password. ———————————————————————————————————– Reconnect your Directory to a Remote Repository 1. First, in the terminal change your working directory to the directory you would like to commit: "cd student" 2. Then, initialize a local repository: "git init" 3. To add a remote repository to the local repository use the following command: "git remote add origin https://github.com/account-name/repository-name.git" Where the URL is the HTTPS URL to the remote repository. 4. Next, follow the steps to commit and push your code to the remote repository. ———————————————————————————————————– Useful Command Line Interface Commands: 1. List directories: "ls" 2. Change the working directory: "cd destination-folder" 3. Move files: "mv file1 ./destination-folder/"
,
Ch1and ch2, ch3
Ch1
Your family owns a dog grooming business and needs a website. Your family knows that you are taking a web design class and asks you to create a website for the business.
Perform the following tasks:
1. Plan the website by completing the table in the dog_grooming_plan.docx document. Download the document and answer the questions with thoughtful, realistic responses.
2. Be sure to sketch the wireframe for the home page and include a site map to list the proposed pages for the business website.
3. When you have completed the document, upload the most recent version into the environment.
Ch2
As in almost every field, the job market for the best jobs in web development are competitive. One way to give yourself a big edge in a job search is to create an appropriate personal portfolio website to showcase your skills. You have already created your website plan, wireframe, and sitemap in Chapter 1.
1. Now, create a folder to serve as the root folder for the website and name the folder portfolio.
2. Create a webpage template inside the portfolio directory with HTML semantic elements and static content. Add a multiline comment beginning at Line 2 that includes your name (firstname lastname), the file name, and the current date (MM/DD/YYYY).
3. Add a comment above the main element to note its purpose.
4. In the header, include a heading element for your name, and then add another heading element with your mission statement or tagline.
5. In the nav area, include text for the links you will provide to the other webpages in the website.
6. Validate the template, correct any errors, and then use the template to create a home page for your portfolio called index.html.
7. Finally, add content to the main content area on your home page and add at least one character or symbol on your page.
Ch3
In Chapter 2, you created a webpage template and a home page for your personal portfolio website. You now need to add an image to your home page and template, add page links, create two new pages, add a list, and embed a map.
Grading
This lab will be reviewed by your instructor, and your grade will be adjusted down from 100% if it does not meet the grading requirements. You can use the Website Refresh button to refresh your website preview at any point. You can view a full-page version of your website by clicking the arrow in the top right corner of your website preview. Complete all lab requirements before you submit your work. To submit, click the checkbox and click the "Submit" button in the task list.
Perform the following tasks:
1. Create a subfolder within your portfolio website folder and name the new folder images. Save a picture of yourself within the images folder. Ensure that the image file has an appropriate file name, such as your name. Use all lowercase and no spaces.
2. Review the image file properties to ensure that the image size and file size are not too large. If your image size is greater than 500 x 500 pixels, use photo-editing software, such as Paint, to adjust the image size. Likewise, if the file size is greater than 1 MB, use an online image file compression tool to reduce the file size.
3. Add a picture of yourself within the header element on your home page and your template file. Be sure to include all necessary attributes within the img element; src, alt, height, and width.
4. Open your template.html file and add anchor elements to create text links within the navigation area. Though the other pages do not yet exist, use an appropriate file name for each text link. For example, if you have a navigation link for “About Me,” use about.html as the file name. Update the navigation area on your home page to match the navigation area on your template.
5. Add your student email address to the footer element and include an email hyperlink to your email address. Update the footer area on your home page to match the footer area on your template.
6. Review your site map and then use your template to create a new webpage for your website. If you create a new page for “About Me”, use about.html as the file name.
7. Update the comment and the title element on your new page. Nest a div element with an id attribute and appropriate value within your main element. Add relevant content to the div element and include a list with content relevant to the page. Use at least one ordered list, unordered list, or a description list. If using one list, it should include a minimum of five list items.
8. Create another new webpage using your template file. Use this new page for your contact information. Use an appropriate file name, such as contact.html.
9. Update the comment and the title element on your new page. Nest a div element with an id attribute and appropriate value within your main element. Add relevant contact information to the div element. Embed an online location map with the location of your educational institution.
10. Review the new pages for spelling errors and correct. Validate your new pages and correct any errors.
