SuperTutor
$15/per page/Negotiable
Need assistance on the following lab(complete instructions are attached. Need a "B" to pass this class).
Create a folder called WebPage. This folder can be placed anywhere you choose on your computer.
Place the following minimal set of HTML 5 tags in a file called index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<body>
<p>sample text</p>
</body>
</html>
Replace anything in italics above with your specific HTML tags and other information (see below for specifics).
Your index.html file should contain at least the following items:
Place your full name in an h1 header at the center of the top of the page (to center text in HTML5, you can use inline CSS styling:
[h1 style=”text-align:center;”]
Below your name in an unordered list [ul]
in the first bullet place the name by which you like to be called
in the next bullet your hometown
in the last bullet your Liberty Email address formatted as a mailto: link
Below the unordered list place an image which is a picture of yourself
Specify a background color for the web page (see the hint given at the beginning of this document).
Finally place a link [a href] to a second page named aboutme.html
Place the image file referenced by the index.html file in the WebPage folder.
Likewise in the WebPage folder create a second web page, named aboutme.html, that contains at least the following items:
Set the title of the web page to your name
Display your name using an h2 tag, cntered, at the top of the page
Create an h3 heading (not centered,) named Major
In an ordered list [ol]
in bullet # 1 – place your major
in bullet # 2 - place the year you plan to graduate
Create an h3 heading (not centered,) named Computer Experience
Within a paragraph [p] write a short description of any experience you have with computers, paid or otherwise
Create an h3 heading (not centered,) named Calling
Within a paragraph [p] write a short description of what you feel God is calling you to do after college
Create an h3 heading (not centered,) named Additional Facts.
Create an ordered list [ol] of any additional facts you would like to include about yourself (include at least three)
If you choose (optional for B-Very Good or A-Excellent grade), link an additional web page from index.html to demonstrate B-Very Good or A-Excellent work. Call this web page optional.html. An Optional web page would include additional student developed HTML code including but not limited to external links to professional pages like LinkedIn, professional portfolios, etc.
Lab 3: Web PagePurpose:Apply key terms and concepts from Web Development technology and build a working website.Introduce yourself to the instructor.Establish the expectation for deliverables in this course.Resources:Review the concepts and ideas from Chapter 16 of the textbook and from the lecture on thatchapter.You may use any Web Page editor you chooseexceptMicrosoft Word or Wordpad.Kompozer, Notepad (installed on PC already) orNotepad++are good options.All the required HTML commands you will need are found below and arehighlighted inyellow.Examples for most of these commands can be found in the W3SchoolsHTMLWeb Tags List. If a command is not found on the Quick List web page, just look for thecommand in the list of links on the left-side of the Quick List web page. Some commandsbelow have their own links to the W3Schools tutorials. You should use only HTML5 tagsfor this assignment.Helpful HTML/CSS Hints:oExample CSS to change a Background color:<style>body { background-color: grey; }</style>oTry this by pasting the code into the left frame within the <head> tag and selecting Run atthis site:http://www.w3schools.com/html/tryit.asp?filename=tryhtml_defaultoTry changing the specified color and repeating the process.How to make an A or B grade:Simply following step 1-5 below will produce aSatisfactory or C grade lab. To produce an A or B grade web page, you will need to link to anadditional web page fromindex.html(calledoptional.html), where you may do anything youlike to demonstrate B-Very Good or A-Excellent work (see #6 below).Click on the link below to go to the example web page layout in this document.Example Web Page:
Attachments: