Assignment:
Note: The instructions below state that you are allowed to use an AI to create a logo or image for your page. You are also welcome when checking your work to consult a chatbot to understand problems and how to fix them (but you must always decide which suggestions are correct and type in all changes). You should not use AI to write the HTML for this assignment.
Do not use any CSS styles or JavaScript for this assignment (even though there is some discussion of styling in the reading).
Preparation:
Before you start writing any HTML, you need to decide on a focus or subject for your website. Your site can focus on a business, an organization, a hobby, or another interest.
On your desktop (or other location that you can find easily), create an empty folder named IT3240_Week_1.
You will need an image that you can use as a logo near the top of the page. Use AI, if you like, to generate the logo or image. You can add another image in the contents of the page, if you wish. Please put the image file(s) in the same folder as your index.html file. It is best to avoid spaces in the file name (replace spaces with underscores as needed).
Writing the HTML
Start Visual Studio Code (VSC) and open this folder. (Make sure the icon for the Explorer, which looks like 2 pieces of paper, is selected. Then click the blue Open Folder button. )
In the Explorer on the left side of the VSC window, mouse over the name of the open folder (IT3240_Week_1) and click the option for a New File... (the icon looks like a piece of paper with a plus sign).
Name the file index.html in all lowercase letters. The file name (including its spelling and lowercase letters) is important.
When you create a file in VSC, you will see the text "Generate code or select a language. Start typing to dismiss or don't show this again." Click the blue text link with the text "don't show." It is important that you write all the code yourself.
Use all the following HTML tags to create the first version of your website's homepage. Tags marked with * must be paired with a corresponding closing tag, as covered in the reading:
*
*
*</p>
<p style="text-align: justify;"> <body> *</p>
<p style="text-align: justify;"> <header> *</p>
<p style="text-align: justify;"> <h1> *</p>
<p style="text-align: justify;"> <h2> *</p>
<p style="text-align: justify;"> <img> (include src & alt attributes)</p>
<p style="text-align: justify;"> <p> *</p>
<p style="text-align: justify;">Use the <h1> tag pair for the large title that will appear at the top of the page. Use at least 2 <h2> tag pairs as subheadings in the content of the page.</p>
<p style="text-align: justify;">Your page should have 50-100 words of text to make clear what the site's focus is.</p>
<p style="text-align: justify;">Verifying Your Work</p>
<p style="text-align: justify;">After you are done working on your page, test it in two different browsers to make sure it works as expected. In a Word document, state which browsers you tested the page in and include two screen shots showing the page displaying correctly in both browsers.</p>
<p style="text-align: justify;">Go to the Nu HTML Checker toolvalidator.nu to check your page's HTML. In the "Check by" dropdown menu, select "file upload." Then, click the File Upload button to upload the .html file to be validated. After the file has been uploaded, click the Check button.</p>
<p style="text-align: justify;">Fix any errors noted by the tool and correct the causes of any warnings.</p>
<p style="text-align: justify;">You are welcome to use an AI chatbot to assist with understanding the problems and to suggest corrections, but you need to decide on the steps to be taken, and you must type in the code yourself. Do not copy and paste code from the chatbot or allow the AI to modify your code. Re-check the .html file as needed until all issues have been addressed.</p>
<p style="text-align: justify;">Take a screen shot of the Nu HTML Checker results showing successful validation and add it to the Word document with the statement of which browsers you tested the page in. Need <a href="https://www.tutorsglobe.com/">Assignment Help</a>?</p>
<p style="text-align: justify;">Submission Requirements:</p>
<p style="text-align: justify;">Add the Word document to the folder containing your .html file and the image file(s).</p>
<p style="text-align: justify;">Do not include any extra files in your submission.</p>
<p style="text-align: justify;">Compress the folder and submit the zip file as an attachment to your submission.</p>
<p style="text-align: justify;">Competencies Measured</p>
<p style="text-align: justify;">By successfully completing this assignment, you will demonstrate your proficiency in the following course competencies and rubric criteria:</p>
<p style="text-align: justify;">Competency 1: Author well-structured, standards-compliant HTML.</p>
<p style="text-align: justify;">Use all required HTML tags.</p>
<p style="text-align: justify;">Include HTML headings and relevant text content.</p>
<p style="text-align: justify;">Test page in 2 browsers.</p>
<p style="text-align: justify;">Validate HTML using HTML Checker and fixes errors.</p></p>
</div>
<div id="viewreadmore" class="link">
<a id="readmore" href="javascript:void(0);" class="read-more-trigger mar_top10" onclick="changeheight(this)">View Complete Question</a>
</div>
<div id="DivRequest">
<h4>
Request for Solution File </h4>
<div class="seprator">
</div>
<div class="downloadfiles">
<h5>
Ask an Expert for Answer!!</h5>
<h6>
Computer Engineering: Create a logo or image for your page</h6>
<h5>
Reference No:- TGS03497257</h5>
<input type="submit" name="btnGetQuote" value="Request for Solution File" id="btnGetQuote" class="btn btnexperts btn-lg btn-block-sm mar_btm20" />
<p>
Expected delivery within 24 Hours</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 reviewbox">
<div class="row ">
<div class="panel-group review" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Have a Question? (oR Write a Review)
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<div class="col-sm-12">
<div class="row search searchbg message">
<span id="RequiredFieldValidator1" style="visibility:hidden;">Write atleast 100 words!!</span>
<textarea name="txtcomments" id="txtcomments" maxlength="1000" ValidationGroup="Review" placeholder="Write your review" class="form-control" rows="6"></textarea>
<div class="pull-right mar_top20">
<input type="submit" name="btnReviewSubmit" value="Submit" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("btnReviewSubmit", "", true, "Review", "", false, false))" id="btnReviewSubmit" class="btn btn-primary pull-right" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="user-comments-area hidden-xs">
<h4 class="text-uppercase mar_btm20">
<i class="fa fa-question-circle"></i> Recent Questions Asked Computer Engineering</h4>
<ul class="user-comments-list">
<table id="dlMaterials" cellspacing="0" style="width:100%;border-collapse:collapse;">
<tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_0" class="studenthdname" href="https://www.tutorsglobe.com/question/writing-about-your-artifact-53497253.aspx">Writing about your artifact</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_0">What is one new piece of knowledge you gained from choosing your topic, researching it, and writing about your artifact? </span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_1" class="studenthdname" href="https://www.tutorsglobe.com/question/performing-some-hands-on-analysis-of-voicespeech-analysis-53497254.aspx">Performing some hands-on analysis of voice/speech analysis</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_1">For this week's assignment you will be performing some hands-on analysis of voice/speech analysis. Follow the steps below and keep notes as appropriate</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_2" class="studenthdname" href="https://www.tutorsglobe.com/question/how-does-the-structure-of-des-differ-from-that-of-aes-53497255.aspx">How does the structure of des differ from that of aes</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_2">How does the structure of DES differ from that of AES, and why was AES chosen as a successor to DES?</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_3" class="studenthdname" href="https://www.tutorsglobe.com/question/use-simplified-des-calculator-to-encrypt-and-decrypt-message-53497256.aspx">Use simplified des calculator to encrypt and decrypt message</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_3">Assignment: For this assignment, you will use a simplified DES calculator to encrypt and decrypt messages. </span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_4" class="studenthdname" href="https://www.tutorsglobe.com/question/create-a-logo-or-image-for-your-page-53497257.aspx">Create a logo or image for your page</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_4">: The instructions below state that you are allowed to use an AI to create a logo or image for your page. You are also welcome when checking your work </span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_5" class="studenthdname" href="https://www.tutorsglobe.com/question/how-do-we-faithfully-balance-protecting-a-persons-confidence-53497258.aspx">How do we faithfully balance protecting a persons confidence</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_5">As pastors and ministry leaders, how do we faithfully balance protecting a person's confidence while also knowing when our responsibility to protect others</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_6" class="studenthdname" href="https://www.tutorsglobe.com/question/what-are-some-possibilities-for-chaplain-ministry-53497259.aspx">What are some possibilities for chaplain ministry</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_6">What are some opportunities that you see for chaplains to take advantage of that are not currently being fully used?</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_7" class="studenthdname" href="https://www.tutorsglobe.com/question/how-virtue-ethics-is-a-normative-ethical-theory-53497260.aspx">How virtue ethics is a normative ethical theory</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_7">Virtue ethics is a normative ethical theory that focuses on the character, values, and moral virtues that guide a person's actions. </span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<span class="mar_lft5">Q :</span> <a id="dlMaterials_hypermaterial_8" class="studenthdname" href="https://www.tutorsglobe.com/question/discussion-about-issue-of-undocumented-immigration-53497261.aspx">Discussion about issue of undocumented immigration</a></h5>
<p class="answer">
<span id="dlMaterials_lblQuestion_8">The issue of undocumented immigration remains one of the most challenging ethical questions facing society today. </span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr>
</table>
</ul>
<!-- /user-comments-list -->
</div>
</div>
<div class="col-md-4 col-xs-12 login-area innerpage">
<div class="row">
<div class="details col-md-12">
<div class="col-md-4">
<div class="circle orange">
<i class="fa fa-question"></i>
</div>
<p>
1925738
</p>
<p>
Questions<br />
Asked</p>
</div>
<div class="col-md-4">
<div class="circle yellow">
<i class="fa fa-user-secret"></i>
</div>
<p>
3,689</p>
<p>
Active Tutors</p>
</div>
<div class="col-md-4">
<div class="circle green">
<i class="fa fa-thumbs-o-up"></i>
</div>
<p>
1455878</p>
<p>
Questions<br />
Answered</p>
</div>
<p><b>
Start Excelling in your courses, Ask a tutor for help and get answers for your problems !! </b></p>
<a href="https://www.tutorsglobe.com/post-your-job-for-free.aspx" class="btn btn-primary btn-lg mar_top10">ask Question</a>
</div>
</div>
<div class="row">
<div class="user-comments-area hidden-xs">
<hr />
<h4 class="text-uppercase mar_btm20">
<i class="fa fa-question-circle"></i> Asked Questions</h4>
<hr />
<ul class="user-comments-list">
<table id="dlNewReviews" cellspacing="0" style="width:100%;border-collapse:collapse;">
<tr>
<td>
<li>
<div class="comment-box">
<h5>
<a id="dlNewReviews_hyperQues_0" class="studenthdname" href="https://www.tutorsglobe.com/question/discuss-childrenadolescent-violence-and-the-media-53497249.aspx">Discuss children/adolescent violence and the media</a></h5>
<p>
<span id="dlNewReviews_lblReviews_0">Does playing violent video games and watching violent TV/movies cause an increase in violence with this population?</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<a id="dlNewReviews_hyperQues_1" class="studenthdname" href="https://www.tutorsglobe.com/question/compliance-and-fraud-prevention-case-analysis-53497250.aspx">Compliance and fraud prevention case analysis</a></h5>
<p>
<span id="dlNewReviews_lblReviews_1">Choose a real case involving fraud, abuse, or compliance violations in billing or coding practices (e.g., upcoding, unbundling, medically unnecessary services).</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<a id="dlNewReviews_hyperQues_2" class="studenthdname" href="https://www.tutorsglobe.com/question/how-educational-technology-use-expanded-since-covid-53497251.aspx">How educational technology use expanded since covid</a></h5>
<p>
<span id="dlNewReviews_lblReviews_2">Educational technology's use has expanded exponentially since the COVID pandemic. In many ways, this expansion has changed the landscape of education</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<a id="dlNewReviews_hyperQues_3" class="studenthdname" href="https://www.tutorsglobe.com/question/what-one-thing-you-learned-this-summer-that-was-unexpected-53497252.aspx">What one thing you learned this summer that was unexpected</a></h5>
<p>
<span id="dlNewReviews_lblReviews_3">With this in mind, what is one thing you learned this summer that was unexpected? This could be related to writing style, the information you received</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<a id="dlNewReviews_hyperQues_4" class="studenthdname" href="https://www.tutorsglobe.com/question/writing-about-your-artifact-53497253.aspx">Writing about your artifact</a></h5>
<p>
<span id="dlNewReviews_lblReviews_4">What is one new piece of knowledge you gained from choosing your topic, researching it, and writing about your artifact? </span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<a id="dlNewReviews_hyperQues_5" class="studenthdname" href="https://www.tutorsglobe.com/question/performing-some-hands-on-analysis-of-voicespeech-analysis-53497254.aspx">Performing some hands-on analysis of voice/speech analysis</a></h5>
<p>
<span id="dlNewReviews_lblReviews_5">For this week's assignment you will be performing some hands-on analysis of voice/speech analysis. Follow the steps below and keep notes as appropriate</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr><tr>
<td>
<li>
<div class="comment-box">
<h5>
<a id="dlNewReviews_hyperQues_6" class="studenthdname" href="https://www.tutorsglobe.com/question/how-does-the-structure-of-des-differ-from-that-of-aes-53497255.aspx">How does the structure of des differ from that of aes</a></h5>
<p>
<span id="dlNewReviews_lblReviews_6">How does the structure of DES differ from that of AES, and why was AES chosen as a successor to DES?</span></p>
</div>
<!-- /comment-box -->
</li>
</td>
</tr>
</table>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var url = 'https://www.tutorsglobe.com/include/javascript/watiWidget.js';
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = url;
var options = {
"enabled":true,
"chatButtonSetting":{
"backgroundColor":"#00e785",
"ctaText":"Whatsapp Support!!",
"borderRadius":"25",
"marginLeft": "0",
"marginRight": "20",
"marginBottom": "20",
"ctaIconWATI":false,
"position":"left"
},
"brandSetting":{
"brandName":"Tutorsglobe",
"brandSubTitle":"Trusted Since 2005",
"brandImg":"https://www.tutorsglobe.com/include/images/chat-logo.svg",
"welcomeText":"Hi there!\nDo you Need help?",
"messageText":"Hello, Tutorsglobe !! I have a question!",
"backgroundColor":"#00e785",
"ctaText":"Chat with Whatsapp",
"borderRadius":"25",
"autoShow":false,
"phoneNumber":"441416286080"
}
};
s.onload = function() {
CreateWhatsappChatWidget(options);
};
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
</script>
<footer class="site-footer">
<div class="container">
<div class="footerlinks">
<a href="https://www.tutorsglobe.com/">Home</a>
|
<a href="https://www.tutorsglobe.com/about-us.aspx">Company Overview</a>
|
<a href="https://www.tutorsglobe.com/services.aspx">Services</a>
|
<a href="https://www.tutorsglobe.com/library/">Discover Q&A</a>
|
<a href="https://www.tutorsglobe.com/sitemap.aspx">Sitemap</a>
|
<a href="https://www.tutorsglobe.com/contact-us.aspx">Contact Us</a>
|
<a href="https://www.tutorsglobe.com/terms-and-conditions.aspx">T & C</a>
|
<a href="https://www.tutorsglobe.com/refundcancelpolicy.aspx">Refund Policy</a>
|
<a href="https://www.tutorsglobe.com/copyright-infringement-policy.aspx">Copyright Policy</a>
|
<a href="https://www.tutorsglobe.com/blog/archive/">Blog</a>
|
<a href="https://www.tutorsglobe.com/library/archive.aspx">Q&A</a>
|
<a href="https://www.tutorsglobe.com/education-directory.aspx">Directory</a>
</div>
<p>©TutorsGlobe</a> All rights reserved 2022-2023. </p>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "product",
"name": "Tutorsglobe",
"image": "https://www.tutorsglobe.com/IncludeLib/Images/logo.png",
"description": "elearning Platform - Tutor Service",
"brand": {
"@type": "elearning",
"name": "Tutorsglobe"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"ratingCount": "37128"
}
}
</script>
<a href="#" class="settings"><i class="fa fa-angle-up"></i></a>
<ul class="social-icons">
<li><a href="https://www.facebook.com/TutorsGlobe" rel="nofollow" target="_blank"><i class="fa fa-facebook-square"></i></a></li>
<li><a href="https://twitter.com/Tutorsglobe" rel="nofollow" target="_blank"><i class="fa fa-twitter-square"></i></a></li>
<li><a href="#" rel="nofollow"><i class="fa fa-youtube-square"></i></a></li>
<li><a href="https://www.linkedin.com/company/tutorsglobe" target="_blank" rel="nofollow"><i class="fa fa-linkedin-square"></i></a></li>
</ul>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32333066-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.tutorsglobe.com/IncludeLib/js/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5E9QFMFDJR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-5E9QFMFDJR');
</script>
</footer>
</div>
<!-- /pageWrap -->
<div class="overlay">
</div>
<!-- JavaScript Files
================================================== -->
<script type="text/javascript" src="../IncludeLib/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="../IncludeLib/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../IncludeLib/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="../IncludeLib/js/script.js"></script>
<script type="text/javascript" src="../IncludeLib/js/ie10-viewport-bug-workaround.js"></script>
<script type="text/javascript">
//<![CDATA[
var Page_Validators = new Array(document.getElementById("RequiredFieldValidator1"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var RequiredFieldValidator1 = document.all ? document.all["RequiredFieldValidator1"] : document.getElementById("RequiredFieldValidator1");
RequiredFieldValidator1.controltovalidate = "txtcomments";
RequiredFieldValidator1.errormessage = "Write atleast 100 words!!";
RequiredFieldValidator1.validationGroup = "Review";
RequiredFieldValidator1.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
RequiredFieldValidator1.initialvalue = "";
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
ValidatorOnLoad();
}
function ValidatorOnSubmit() {
if (Page_ValidationActive) {
return ValidatorCommonOnSubmit();
}
else {
return true;
}
}
//]]>
</script>
</form>
</body>
</html>