Design a web page

BUILDING THE WEBPAGE FOR LAB 2 (a step by step guide):
This document is intended to accompany the instructions for the Lab Exercise “Design Your Home Page” located at the end of Unit 4. Please note that as you work through the exercises the new additions for each exercise will be highlighted in yellow.

1) Open NotePad++ as per instructions in the Lab. (Note again, that I am strongly recommending that you use Notepad ++ rather than Rendera).

Don't use plagiarized sources. Get Your Custom Essay on
Design a web page
Get an essay WRITTEN FOR YOU FOR YOU, Plagiarism free, and by an EXPERT!
Order Essay

2) ENTER THE WEBSITE OUTINE (Template below):
<!Doctype html>

<html>

<head>

<title> TITLE OF YOUR WEBSITE GOES HERE </title>

</head>

<body>

CONTENTS OF YOUR WEBPAGE WILL GO HERE (erase this once you add your content)

</body>

</html>

3) ADD YOUR NAME AS AN H1 HEADING AT THE BEGINNING OF THE BODY. (Note that items to be added are be highlighted in yellow.)

<!Doctype html>
<html>
<head>
<title> Priscilla Dodds Web Page </title>
</head>

<body>
<p><h1> PRISCILLA DODDS </h1></p>
</body>
</html>

4 ) CHECK YOUR OUTPUT SO FAR:
Go to the menu bar in Notepad ++ and click on FILE  SAVE AS and navigate to the folder of your choice. Then save your file as a .html file. Navigate to the folder where you just saved your file, double click on the file, and open you page. It should automatically open in your default web browser.

5) LOCATE SOME PICTURES TO DOWNLOAD ON WIKIMEDIA AND COPY URL (see instructions in lab assignment in text)

6) ENTER TAGS FOR AN IMAGE FOUND ON WIKIMEDIA . (Note that items to be added are be highlighted in yellow.)

<!Doctype html>
<html>
<head>
<title> Priscilla Dodds </title>
</head>

<body>

<p> <h1> PRISCILLA DODDS </h1></p>
<img src=”https://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Tikal-Plaza-And-North-Acropolis.jpg/350px-Tikal-Plaza-And-North-Acropolis.jpg”
</img>
</body>
</html>

CHECK YOUR OUTPUT SO FAR: Go to the menu bar in Notepad ++ and click on FILE  SAVE AS and navigate to the folder of your choice. Then save your file as a .html file. Navigate to the folder where you just saved your file, double click on the file, and open you page. It should automatically open in your default web browser.

6) NOW ADD STYLE DATA. (Note that items to be added are be highlighted in yellow.)
<!Doctype html>
<html>
<head>
<title>Priscilla Dodds</title>
</head>

<body>
<p> <h1> PRISCILLA DODDS </h1></p>

<img src=”https://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Saint_Kitts_-_Brimstone_Hill_Fortress_05.JPG/500px-Saint_Kitts_-_Brimstone_Hill_Fortress_05.JPG” style=”left:56px;top:140px;height:200px;width:350px;position:absolute;”/> </img>

</body>
</html>

CHECK YOUR OUTPUT SO FAR: Go to the menu bar in Notepad ++ and click on FILE  SAVE AS and navigate to the folder of your choice. Then save your file as a .html file. Navigate to the folder where you just saved your file, double click on the file, and open you page. It should automatically open in your default web browser.

6) NOW ADD 2 MORE IMAGES (Note that items to be added are be highlighted in yellow.)
<!Doctype html>
<html>
<head><title>Priscilla Dodds</title></head>
<body>
<p> <h1> PRISCILLA DODDS </h1></p>
<img src=”https://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Saint_Kitts_-_Brimstone_Hill_Fortress_05.JPG/500px-Saint_Kitts_-_Brimstone_Hill_Fortress_05.JPG” style=”left:56px;top:140px;height:200px;width:350px;position:absolute;”/> </img>

<img
src=”https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/80_-_Machu_Picchu_-_Juin_2009_-_edit.2.jpg/800px-80_-_Machu_Picchu_-_Juin_2009_-_edit.2.jpg” style=”left:462px;top:140px;height:200px;width:300px;position:absolute;”/> </img>

<img
src=”https://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Tikal-Plaza-And-North-Acropolis.jpg/350px-Tikal-Plaza-And-North-Acropolis.jpg” style=”left:800px;top:140px;height:200px;width:400px;position:absolute;”/></img>
</body>
</html>

CHECK YOUR OUTPUT SO FAR: Go to the menu bar in Notepad ++ and click on FILE  SAVE AS and navigate to the folder of your choice. Then save your file as a .html file. Navigate to the folder where you just saved your file, double click on the file, and open you page. It should automatically open in your default web browser.

7) NOW ADD A HYPERLINK TO YOUR FAVORITE WEBPAGE (Note that items to be added are be highlighted in yellow.)
<!Doctype html>
<html>
<head><title>Priscilla Dodds</title></head>
<body>
<p> <h1> PRISCILLA DODDS </h1></p>
<img src=”https://upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Saint_Kitts_-_Brimstone_Hill_Fortress_05.JPG/500px-Saint_Kitts_-_Brimstone_Hill_Fortress_05.JPG” style=”left:56px;top:140px;height:200px;width:350px;position:absolute;”/> </img>
<img
src=”https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/80_-_Machu_Picchu_-_Juin_2009_-_edit.2.jpg/800px-80_-_Machu_Picchu_-_Juin_2009_-_edit.2.jpg” style=”left:462px;top:140px;height:200px;width:300px;position:absolute;”/> </img>
<img
src=”https://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Tikal-Plaza-And-North-Acropolis.jpg/350px-Tikal-Plaza-And-North-Acropolis.jpg” style=”left:800px;top:140px;height:200px;width:400px;position:absolute;”/></img>
<p><h1><a href=”https://en.wikipedia.org/wiki/Machu_Picchu”>Native American Sacred Places</a></h1></p>
</body>
</html>

CHECK YOUR OUTPUT SO FAR: Go to the menu bar in Notepad ++ and click on FILE  SAVE AS and navigate to the folder of your choice. Then save your file as a .html file. Navigate to the folder where you just saved your file, double click on the file, and open you page. It should automatically open in your default web browser.

8) FORMAT DOCUMENT BODY TO CENTER AND COLOR AND CHOOSE TEXT TYPE. WE WILL ADD CSS CODE TO THE HEADER OF THE HTML DOCUMENT (THIS IS REFERRED TO AS AN EMBEDDED STYLE SHEET)

<!Doctype html>
<html>
<head>
<title>Priscilla Dodds</title>
<style type = “text/css”>
<!–
body
{font-family: Times New Roman;}
h1 {color:purple; text-align:center;}
–>
</style>
</head>

CHECK YOUR OUTPUT SO FAR: Go to the menu bar in Notepad ++ and click on FILE  SAVE AS and navigate to the folder of your choice. Then save your file as a .html file. Navigate to the folder where you just saved your file, double click on the file, and open you page. It should automatically open in your default web browser.

9) SELECT LINK COLORS AND ADD TO CSS CODE.

<!Doctype html>
<html>
<head>
<title>Priscilla Dodds</title>
<style type = “text/css”>
<!–
body
{font-family: Times New Roman;}
h1 {color:purple; text-align:center;}
a:link {color:red}
a:visited {color:blue}
–>
</style>
</head>

10) SAVE WORK

• Go to the menu bar in Notepad ++ and click on FILE  SAVE AS and navigate to the folder of your choice. Then save your file as a .html file. Then navigate to the folder where you just saved your file, double click on the file, and open you page. It should automatically open in your default web browser.

SUBMIT THE FOLLOWING:

1) Take a screen shot of your webpage and save to a file
2) Make a copy of your HTML code as follows: Go back to Notepad++ and save your file both as a TEXT file as well as an HTML file:
a. a .txt file
b. an .html file
3) Add the files from 1) and 2) above and attach to your Lab Assignment for Submissio

Emergency Homework
Order NOW For A 10% Discount!
Pages (550 words)
Approximate price: -

Why Work with Us

Top Quality and Well-Researched Papers

We always make sure that writers follow all your instructions precisely. You can choose your academic level: high school, college/university or professional, and we will assign a writer who has a respective degree.

Professional and Experienced Academic Writers

We have a team of professional writers with experience in academic and business writing. Many are native speakers and able to perform any task for which you need help.

Free Unlimited Revisions

If you think we missed something, send your order for a free revision. You have 10 days to submit the order for review after you have received the final document. You can do this yourself after logging into your personal account or by contacting our support.

Prompt Delivery and 100% Money-Back-Guarantee

All papers are always delivered on time. In case we need more time to master your paper, we may contact you regarding the deadline extension. In case you cannot provide us with more time, a 100% refund is guaranteed.

Original & Confidential

We use several writing tools checks to ensure that all documents you receive are free from plagiarism. Our editors carefully review all quotations in the text. We also promise maximum confidentiality in all of our services.

24/7 Customer Support

Our support agents are available 24 hours a day 7 days a week and committed to providing you with the best customer experience. Get in touch whenever you need any assistance.

Try it now!

Calculate the price of your order

Total price:
$0.00

How it works?

Follow these simple steps to get your paper done

Place your order

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

Our Services

No need to work on your paper at night. Sleep tight, we will cover your back. We offer all kinds of writing services.

Essays

Essay Writing Service

No matter what kind of academic paper you need and how urgent you need it, you are welcome to choose your academic level and the type of your paper at an affordable price. We take care of all your paper needs and give a 24/7 customer care support system.

Admissions

Admission Essays & Business Writing Help

An admission essay is an essay or other written statement by a candidate, often a potential student enrolling in a college, university, or graduate school. You can be rest assurred that through our service we will write the best admission essay for you.

Reviews

Editing Support

Our academic writers and editors make the necessary changes to your paper so that it is polished. We also format your document by correctly quoting the sources and creating reference lists in the formats APA, Harvard, MLA, Chicago / Turabian.

Reviews

Revision Support

If you think your paper could be improved, you can request a review. In this case, your paper will be checked by the writer or assigned to an editor. You can use this option as many times as you see fit. This is free because we want you to be completely satisfied with the service offered.