Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Perform all of the following steps in Notepad++ to complete this assignment: 1) Begin by creating a new file in your text editor and include

Perform all of the following steps in Notepad++ to complete this assignment:

1) Begin by creating a new file in your text editor and include all of the basic HTML code like you did in your previous assignments. Or you can simply make a copy of your HTML file from last week and name the new copy LastFirstAssignment3.html (where Last is your last name and First is your first name), but be careful not to overwrite your file from last week because you will need it again when you do your Final Project during Week 8.

2) Make sure you change the contents of the tag to Assignment 3 (just the words not the quotation marks) and make sure your full name is inside of the <h1> heading, just like in your previous assignments. Also, delete the contents of the <script> tag -- everything between the <!-- and //--> tags, if you created your new file by making a copy of your previous file, because you will be creating a brand new page with different JavaScript code for this assignment. Save your file.</p> <p>3) Upload the new file to the HTML validator to check for compliance with the HTML5 standards here: https://validator.w3.org/#validate_by_upload. Your file should pass validation. If you receive any errors or warnings, then go back through the previous steps of the assignment again until you have corrected all errors and your file passes validation.</p> <p>4) Create another new file in your text editor and save it as Assignment3.css or make a copy of last weeks CSS file, being careful not to overwrite last weeks file.</p> <p>5) In your CSS file, write code to set the background color of your page to #FFE6FF and write code to center the h1 element. Save your CSS file.</p> <p>6) View your webpage again in your browser and confirm that your page has a light pink background and that the heading is centered. Upload your CSS file to the CSS validator to check for compliance with the CSS standards here: https://jigsaw.w3.org/css-validator/#validate_by_upload. Your file should pass validation. If you receive any errors or warnings, debug your CSS code until you have corrected all errors and your file passes validation.</p> <p>7) Open your Assignment 3 HTML file for editing. Read the requirements below very carefully and make sure you understand what is being asked for. You should review Section 5.4 of your textbook carefully to make sure you understand "for loops".</p> <p>Create a "for loop". Create a loop counter variable called i and set i to a value of 1. The loop should repeat while i is less than or equal to 75. You should increment i by 1 at the end of each iteration through the loop.</p> <p>Inside the "for loop", test the loop counter variable i. If i divided by 5 returns a remainder, invoke a continue statement. Otherwise, use a document.write() statement to output the value of i. The only numbers that should be output are those evenly divisible by 5.</p> <p>Hint: Use the modulus operator (%) to perform this task.</p> <p>Another Hint: Look at Lab 5-5 for an example that is similar to this one, but make sure you revise your code to fit the exact specifications given in this assignment.</p> <p>8) Add a button to your page labeled "Open New Window". Create a JavaScript function that opens a new window when the user clicks on the button and displays the following URL in the new window: https://www.upskilled.edu.au/skillstalk/archive/keep-ahead-of-the-information-technology-careers-game-with-these-top-it-trends-for-2018.aspx</p> <p>Hint: Look at Lab 6-1 for an example that is similar to this one, but make sure you revise your code to fit the exact specifications given in this assignment, including the specific URL given.</p> <p>9) Save your file and view it in the browser. When testing your page, if an article entitled, Keep Ahead of the Information Technology Careers Game with These Top IT Trends for 2018 does not display in the new window, you either typed the URL incorrectly or have a coding error. Debug and fix.</p> <p>10) You may add any additional HTML, CSS, or JavaScript content that you wish, to practice more of the features that you have learned about in your online textbook, as long as all of your code files still pass validation. However, do not add anything to your files that would make them invalid according to the standards. You can confirm this by making sure your files still pass validation.</p> </h2> </section> <section class="answerHolder"> <div class="answerHolderHeader"> <div class="answer-heading"> <h2>Step by Step Solution</h2> </div> <div class="answerReviews"> <div class="starReview"> <div class="starIcon"> </div> <div class="starText"> </div> </div> </div> </div> <div class="answerSteps"> <p>There are <span>3</span> Steps involved in it</p> <div class="step"> <h3>Step: 1</h3> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-text-image.webp" width="759" height="271" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <div class="step1Popup"> <h3>Get Instant Access to Expert-Tailored Solutions</h3> <p>See step-by-step solutions with expert insights and AI powered tools for academic success</p> <button class="view_solution_btn step1PopupButton">View Solution</button> </div> </div> <div class="step"> <h3 class="accordion">Step: 2</h3> <div class="panel"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp" width="975" height="120" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <button class="view_solution_btn stepPopupButton">Sign Up to view</button> </div> </div> <div class="step"> <h3 class="accordion">Step: 3</h3> <div class="panel"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp" width="975" height="120" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low"> <button class="view_solution_btn stepPopupButton">Sign Up to view</button> </div> </div> </div> </section> </div> <div class="expertRight"> <section class="AIRedirect"> <div class="AIHolder"> <h2>Ace Your Homework with AI</h2> <p>Get the answers you need in no time with our AI-driven, step-by-step assistance</p> <a class="AILink" href="/ask_ai">Get Started</a> </div> </section> <section class="relatedBook"> <div class="bookHolder" bis_skin_checked="1"> <div class="relatedBookHeading" bis_skin_checked="1"> <h2>Recommended Textbook for</h2> <object class="freeTagImage" type="image/svg+xml" loading="lazy" data="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/document_product_info/free.svg" alt="free-icon"></object> </div> <div class="bookMainInfo" bis_skin_checked="1"> <div class="bookImage" bis_skin_checked="1"> <a href="/textbooks/managerial-accounting-tools-for-business-decision-making-6th-edition-100"> <img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/100.jpg" width="100" height="131" alt="Managerial Accounting Tools for business decision making" loading="lazy"> </a> </div> <div class="bookInfo" bis_skin_checked="1"> <h3 class="bookTitle"> <a href="/textbooks/managerial-accounting-tools-for-business-decision-making-6th-edition-100"> Managerial Accounting Tools for business decision making </a> </h3> <div class="bookMetaInfo" bis_skin_checked="1"> <p class="bookAuthor"> <b>Authors:</b> <span>Jerry J. Weygandt, Paul D. Kimmel, Donald E. Kieso</span> </p> <p class="bookEdition"> 6th Edition </p> <p class="bookEdition"> 978-0470477144, 1118096894, 9781118214657, 470477148, 111821465X, 978-1118096895 </p> </div></div></div> </div> </section> </div> </section> <section class="relatedQuestion"> <div class="relatedQuestionHolder"> <h4>Students also viewed these Databases questions</h4> <div class="relatedQuestionSliderHolder"> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> </div> <a class="relatedQuestionText" href="/study-help/business-communication/apply-the-threestep-writing-process-to-persuasive-messages-page-292-1997485" > Apply the three-step writing process to persuasive messages. [page 292] </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/hewitt-companys-output-for-the-current-period-yields-a-30000" > Hewitt Companys output for the current period yields a $30,000 favorable overhead volume variance and a $50,400 unfavorable overhead controllable variance. Standard overhead charged to production for... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/perform-all-of-the-following-steps-in-notepad-to-complete-10459250" > Perform all of the following steps in Notepad++ to complete this assignment: 1) Begin by creating a new file in your text editor and include all of the basic HTML code like you did in your previous... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/image-transcription-text-156-197-e-122-196-1-row-899255" > Image transcription text 156 197 E 122 196 1. ROW DHCRAN REPRESENTS ONE () POWER 124 125 116 CTC'S. TWO (2) MRSC'S. AND ONE (1) STC. 150 137 OPERATION NOT SHOW . TO DUCT BURNER (121 189 UP DRUM... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/question-1-unlimited-tries-samenumber-subsequence-write-an-on-program-1057057" > Question 1 Unlimited tries (Same-number subsequence) Write an O(n) program that prompts the user to enter a sequence of integers ending with Oand finds the longest subsequence with the same number.... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/while-discussing-thread-sealants-and-lubricants-technician-a-says-that-1055991" > While discussing thread sealants and lubricants: Technician A says that antiseize compound is used where a bolt might become difficult to remove after a period of time Technician B says that thread... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/what-is-the-forecast-for-may-based-on-a-threemonth-1056805" > What is the forecast for May based on a three-month weighted moving average applied to the following past demand data and using the weights: .5, .3, and .2 (largest weight is for the most recent... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/please-use-the-following-table-of-austin-motor-company-for-1048497" > Please use the following table of Austin Motor Company for answering the questions on cash flow: Net Income $40,000 Increase in accounts $9,000 payable Depreciation expense $15,000 Acquisition of... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> <div class="relatedQuestionCart "> <div class="relatedQuestionCartHeader"> <h3>Question</h3> <div class="relatedStarRating"> <span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div> </div> <a class="relatedQuestionText" href="/study-help/questions/name-and-describe-three-of-the-most-valuable-skills-or-1056964" > Name and describe three of the most valuable skills or lessons you have learned thissemester in BUS1500. If you were to take this course again, name and describe three things that you would... </a> <div class="relatedQuestionCartFooter"> <div class="relatedHistory"> <p> Answered: <span>1 week ago</span> </p> </div> </div> </div> </div> </div> </section> <hr class="expert-separator"> <section class="next-previous-button"> <div class="navigationButtons" bis_skin_checked="1"> <a class="previousQuestionButton" href="/study-help/questions/the-management-of-a-conservative-firm-has-adopted-a-policy-10459249">Previous Question</a> <a class="nextQuestionButton" href="/study-help/questions/highperformance-sports-pty-ltd-has-adopted-the-allowance-for-doubtful-10459251">Next Question</a> </div> </section> </div> <div class="promo items-center justify-center hidden" style="margin-left:-15px;"> <div class="app_promo"> <div class="app_promo_headline"> <img class="app_promo_icon" alt="Mobile App Logo" width="40" height="40" loading="lazy" src="includes/images/mobile/finalLogo.png"> <p class="app_promo_title font-sans items-center">View Answer in SolutionInn App</p> </div> <button class="app_promo_action redirection question_open_url='q_id=10459250&q_type=2'"> Download on the App Store </button> <button class="btn btn-default app_promo_dismiss"> Continue with the mobile website </button> </div> </div> </main> </div> <div class="blank-portion"></div> <footer> <div class="container footerHolder"> <div class="footerLinksFlex"> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Services</p> <ul> <li><a href="/site-map">Sitemap</a></li> <li><a href="/fun/">Fun</a></li> <li><a href="/study-help/definitions">Definitions</a></li> <li><a href="/tutors/become-a-tutor">Become Tutor</a></li> <li><a href="/study-help/categories">Study Help Categories</a></li> <li><a href="/study-help/latest-questions">Recent Questions</a></li> <li><a href="/study-help/questions-and-answers">Expert Questions</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Company Info</p> <ul> <li><a href="/security">Security</a></li> <li><a href="/copyrights">Copyrights</a></li> <li><a href="/privacy">Privacy Policy</a></li> <li><a href="/conditions">Terms & Conditions</a></li> <li><a href="/solutioninn-fee">SolutionInn Fee</a></li> <li><a href="/scholarships">Scholarship</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Get In Touch</p> <ul> <li><a href="/about-us">About Us</a></li> <li><a href="/support">Contact Us</a></li> <li><a href="/career">Career</a></li> <li><a href="/jobs">Jobs</a></li> <li><a href="/support">FAQ</a></li> <li><a href="/campus-ambassador-program">Campus Ambassador</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-12"> <p>Secure Payment</p> <div class="footerAppDownloadRow"> <div class="downloadLinkHolder"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/common/footer/secure_payment_method.png" class="img-fluid mb-3" width="243" height="28" alt="payment-verified-icon" loading="lazy"> </div> </div> <p>Download Our App</p> <div class="footerAppDownloadRow"> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6"> <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/google-play-svg.svg" alt="SolutionInn - Study Help App for Android" width="116" height="40" class="img-fluid mb-3 redirection " app_type="1" loading="lazy"> </div> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6"> <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/apple-store-download-icon.svg" alt="SolutionInn - Study Help App for iOS" width="116" height="40" class="img-fluid mb-3 redirection" app_type="2" loading="lazy"> </div> </div> </div> </div> </div> <div class="footer-bottom"> <p>© 2024 SolutionInn. All Rights Reserved</p> </div></footer> <script defer> window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{trackUserActivity:!0,reqUri:document.URL,referer:document.referrer},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{insertCrawler:!0,reqUri:document.URL,parseTime:"0.056",queryTime:"0.01654768548584",queryCount:"30"},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(){function t(t="",n=!1){var i="itms-apps://itunes.apple.com/app/id6462455425",e="openApp://action?"+t;isAndroid()?(setTimeout(function(){return window.location="market://details?id=com.solutioninn.studyhelp",!1},25),window.location=e):isIOS()?(setTimeout(function(){return window.location=i,!1},25),window.location=e):(i="https://apps.apple.com/in/app/id6462455425",n&&(i="https://play.google.com/store/apps/details?id=com.solutioninn.studyhelp"),window.open("about:blank","_blank").location.href=i)}jQuery("#appModal").modal("show"),jQuery(".download-app-btn").click(function(){t(jQuery(this).attr("question_open_url"))}),jQuery(".redirection").click(function(){var n=jQuery(this).attr("question_open_url"),i=jQuery(this).attr("app_type");void 0!=n?1==i?t(n,!0):t(n,!1):1==i?t("",!0):t("",!1)}),jQuery(".app-notification-close").click(function(){jQuery(".app-notification-section").css("visibility","hidden");var t=new FormData;t.append("hide_notification",!0),jQuery.ajax({type:"POST",url:"/",data:t,cache:!1,contentType:!1,processData:!1,beforeSend:function(){},success:function(t){location.reload()}})})})},!1); </script> </body> </html>