讲解：300582、Web Applications、HTML、CSSPython|R

[Type here]300582Session 3, 2019 1 | P a g e300582 Technologies for Web Applications Week 2 PracticalExercisesNote:• Some of these exercises will be assessed as part of the Practical Set 1 submission, and thereforemay be part of Checkpoint 1 in week 4 practical class.• Include comments for your student ID, Name, and Practical Class Time at the top of each source file created.• All files must be saved in your WSUSCC PC account or your own laptop with correct folder name and thenuploaded to your vUWS before submission deadline of Practical Set 1.• Create a simple HTML5 document, you can refer to the HTML template (provided on vUWS) from week1 lecture material as a starting point• Validate HTML5 documents using the w3c validator –https://validator.w3.org• Complete all exercises for Week 2 Practical ExercisesReference sites for HTML5• HTML tutorial https://www.w3schools.com/html/default.asp• HTML5 tutorial https://www.w3schools.com/html/html5_intro.asp• HTML tag list https://www.w3schools.com/tags/default.asp• HTML validator https://validator.w3.org[Type here]300582Session 3, 2019 2 | P a g eExercise 1:For this exercise, you will create a few basic HTML5 documents and these files are part of the practical set 1submission.Download the PracSet1_week2 archive from ‘Assessment’ link on vUWS and unzip it.If you are using a lab computer, create a new folder in your WSUSCC PC account and name itTWA/practicals/pracset1/week2. If you use your own PC, create and name a folder forTWA/practicals/pracset1/week2. Copy all the files from the archive to week 2 folder.Exercise 2:For this exercise, you are required to open the index.html in the week2 folder with Nodepad++ (or Sublime from Mac) andedit the source code according to the following requirements:a. Add a title tag in the head section and name it PracSet1Homeb. Use anchors to label the hyperlinks at the beginning of the body part so you can visit page2.html andpage3.html through these hyperlinksd. Add an appropriate html5 tag which includes a level1 heading ‘Technologies for Web Applications’ anda level2 heading ‘History of Olympic Games’ together with navigations from item b)e. You are required to apply appropriate html5 tags to the quotes in the text of the page.300582留学生作业代做、代写Web Applications作业、HTML、CSS程序语言作业代做 代写Pythonf. Apply an appropriate html5 semantic tag to contain the main content of the web page and set it off from therest of the page.g. Apply an appropriate html5 tag to all the paragraphs of text and use the correct tags to change the effect of thetext. You can refer to the appendix for the expected outcome.h. Choose the correct html5 tag for the text at the bottom of the page and change its alignment so the text is centredon the page.Once completed, save index.html[Type here]300582Session 3, 2019 3 | P a g eExercise 3:For this exercise, you are required to use Notepad ++ (or Sublime from Mac) to edit the source code of page2.html inorder to insert image. The images are located in the img folded. You need to choose the appropriate html5 tags to achievethese. Make sure the images have an alternate text. The title of the page is: SoccerFor the remainder of the text, you can apply the same principles from Exercise 2 by adding navigation, header, section ofparagraphs and footer section of the page. The outcome of page2.html should be identical to figure 2 in the appendix.Once completed, save page2.htmlExercise 4:For this exercise, you are required to use Notepad++ (or Sublime from Mac) to edit the source code of page3.html so itlooks identical to figure 3 in the appendix. Think about the tags you will need to achieve your coding. There should besemantic HTML5 tags present. The title of the page is: EPLFor the links at the top of the page, each link should link to the respective exercise HTML document:index.html, page2.htmlNote: For the table, no border or styling should be present at this stage. You are just required to code the datawith HTML5 tags.Once completed, save page3.htmlExercise 5:For this exercise, you are required to use Notepad++ (or Sublime from Mac) to edit the source code of page3.htmlso the outcome looks identical to figure 4 in the appendix.Once completed, save page3.html[Type here]300582Session 3, 2019 4 | P a g eAppendix:Figure 1 index.html[Type here]300582Session 3, 2019 5 | P a g eFigure 2 page2.html[Type here]300582Session 3, 2019 6 | P a g eFigure 3 EPL Leaderboard[Type here]300582Session 3, 2019 7 | P a g eFigure 4 page3.html (exercise 5) with a list转自：http://www.daixie0.com/contents/19/4488.html