Welcome to the Most Reliable, Essay Writing Service on the internet

cis-1151-assignment-2-assignment-2-html-documents-structure

Mar 23

CIS 1151 – Assignment #2

Assignment #2: HTML Documents & Structure
Submission instructions:
For this assignment you will submit the files you created for Part 2. Files will be submitted using the 7zip software. Refer to the demonstration given during the lecture this week on how to zip your files or
use the instructions in the 7-zip.pdf posted on Moodle if needed.

Due Date:
Sunday, January 31st at midnight!

Goals of assignment:
1. The overall structure of HTML documents and how they are different than other types of
documents.
2. Creating HTML documents using Notepad++.
3. W3C validation of HTML documents.

Key Concept
HTML documents are text documents structured with special markup tags also called elements.
Unlike other document formats such as PDF and Microsoft Word, HTML source code is human
readable. Also, HTML is not proprietary, i.e., it is not owned or copyrighted commercially. The
format and standards for HTML documents are established by the W3C (http://www.w3.org/)
and WHATWG (http://www.whatwg.org/), which are "transparent," non-profit organizations
devoted to the open and free development of the WWW
(http://en.wikipedia.org/wiki/World_Wide_Web).

Part 1 – Do the following activities
1. Download the sample.html document from Moodle.
2. Save the file as sample.html and be sure to note the location where you saved it.
Depending on your computer and web browser the file could be saved in a folder called
Downloads or it could be saved on your Desktop.

CIS 1151

CIS 1151 – Assignment #2
3. Using Notepad++, open the sample.html page that you just saved.
4. Take note of how Notepad++ uses color to highlight the syntax of the HTML code.
Typically, HTML elements (markup tags) are colored blue, attributes are red, values are
purple, comments are green, and the actual text content is black.
5. Click on the View menu, select Document Map, and use the document map to move
around the document.
6. Move to the very bottom of the document and create a new line by hitting enter. Then,
type the letters c o l and press CTRL-Space (i.e., hold the CTRL key and press the
space bar). Take note of what happens when you typed CTRL-Space. It if worked, it
should gives you a list of HTML elements and attributes that start with the letters you
typed. This is very helpful if you cannot remember the exactly spelling of HTML key
words.
7. Download the following Adobe PDF file: syllabus.pdf (CIS1151-syllabus.pdf) from
Moodle.
8. Open the file in Notepad++ and try to find the any of the text content, i.e., course
learning goals, required textbook, grading, etc.

Part 2 – Answer the following questions
For this part, create a directory called “cis1151-assignment2”. You will be creating each of the
following files within this directory. At the conclusion of the assignment you will “zip” your files
and submit the zipped file (instructions on how to zip files are at the end of the assignment.
by [[Insert Your Name Here]]
Problem 1 – Visit a web site that interests you. Write a one-page summary and your reaction to the site.
Address the following topics:
a.
b.
c.
d.
e.
f.
g.

What is the purpose of the site?
Who is the intended audience?
Do you think that the site reaches its intended audience? Why or why not?
Is the site useful to you? Why or why not?
List one interesting fact or issue that this site addresses.
Would you encourage others to visit this site?
How could this site be improved?

Problem 2 – My first web page

1. Open notepad by going to Start -> Programs -> Accessories -> Notepad OR go to Start
-> Run – Type notepad and press Enter.
CIS 1151

CIS 1151 – Assignment #2
2. Type in the following code:
<html>
<head>
<title>My first page</title>
</head>
<body>
<h1>My first HTML page!</h1>
</body>
</html>

3. Save the file as firstdoc.html in notepad++.
4. Within notepad++ click the Run, you will then see a drop down menu—choose run in chrome
(if you have chrome installed), or another browser of your choice. You will then see the
browser open with your first web page displayed!

CIS 1151

CIS 1151 – Assignment #2

NOTE: Make sure that you give the file a .html extension and that you save it as type ‘All Files’,
otherwise you will get plain text.

Problem 3 – HTML practice
1. Type in the following code in your text editor:
<html>
<body>
Some text. Some more text.

CIS 1151

CIS 1151 – Assignment #2
</body>
</html>

2. Save the file as second-doc.html
NOTE: Make sure that you give the file a .html extension and that you save it as type ‘All Files’,
otherwise you will get plain text.
3. Open your web browser.
Type into the web browsers location bar the absolute location of the directory where you saved the
file along with the file name. For example, if you saved the file in C:windows, type
C:windowssecond-doc.html into the web browsers location bar.

Problem 4 – HTML practice – including comments in code

1. Type in the following code in your text editor:

<html>
<body>
<!-This is a comment, it will not be seen on a webpage.
–>
Some text
</body>
</html>

2. Save the file as comments-doc.html

CIS 1151

CIS 1151 – Assignment #2
NOTE: Make sure that you give the file a .html extension and that you save it as type ‘All
Files’, otherwise you will get plain text.
3. Open your web browser.
Type into the web browsers location bar the absolute location of the directory where you
saved the file along with the file name. For example, if you saved the file in C:windows,
type C:windowscomments-doc.html into the web browsers location bar.

Problem 5 – HTML practice – setting the title of a web page

1. Type in the following code in your text editor: Note—in order to display html tags in the
context below you must replace the < with an &lt and > with an &gt.

<html>
<head>
<title>A webpage</title>
<body>
<p>
The title of a webpage is set with the &lt title &gt tag. The &lt title &gt tag is located in
the &lt head &gt section of an HTML document. The title of a webpage appears in the
upper left corner of a web browser window. The title specified by the above code is "A
webpage".
</p>

<p>
The title of this page is "Online code editor"
</p>
CIS 1151

CIS 1151 – Assignment #2
</body>
</html>

2. Save the file as title-doc.html
NOTE: Make sure that you give the file a .html extension and that you save it as type ‘All
Files’, otherwise you will get plain text.
3. Open your web browser.
Type into the web browsers location bar the absolute location of the directory where you
saved the file along with the file name. For example, if you saved the file in C:windows,
type C:windows itle-doc.html into the web browsers location bar.

Problem 6 – HTML practice – linking to other web sites

1. Type in the following code in your text editor:
<html>
<body>
<a href="http://www.yahoo.com">Go to Yahoo</a>
<br /><br />
<a href="http://www.lycos.com">Go to Lycos</a>
</body>
</html>

CIS 1151

CIS 1151 – Assignment #2

2. Save the file as links.html
NOTE: Make sure that you give the file a .html extension and that you save it as type ‘All
Files’, otherwise you will get plain text.
3. Open your web browser.
Type into the web browsers location bar the absolute location of the directory where you
saved the file along with the file name. For example, if you saved the file in C:windows,
type C:windowslinks.html into the web browsers location bar.

Problem 7 – HTML practice – opening links in another window

1. Type in the following code in your text editor:
<html>
<body>
<a href="http://www.yahoo.com" target="_blank">
Go to Yahoo
</a>
<br><br>
<a href="http://www.landofcode.com" target="_blank">
Go to Landofcode.com index page
</a>

<p>
You can open links in a new window by setting the <b>target</b> attribute to
"_blank".

CIS 1151

CIS 1151 – Assignment #2
</p>
</body>
</html>

2. Save the file as morelinks.html
NOTE: Make sure that you give the file a .html extension and that you save it as type ‘All
Files’, otherwise you will get plain text.
3. Open your web browser.
Type into the web browsers location bar the absolute location of the directory where
you saved the file along with the file name. For example, if you saved the file in
C:windows, type C:windowsmorelinks.html into the web browsers location bar.

Problem 8 – HTML practice – creating an ordered list
1. Type in the following code in your text editor:
<html>
<body>
Colors:

<br /><br />

<ol>
<li>Green</li>
<li>Blue</li>
<li>Gray</li>
<li>Orange</li>

CIS 1151

CIS 1151 – Assignment #2
<li>Teal</li>
</ol>

<p>
An ordered list is created with the <ol> tag. Each item in the list is specified
with the <li> tag.
</p>

</body>
</html>

2. Save the file as ordered-list.html
NOTE: Make sure that you give the file a .html extension and that you save it as type ‘All
Files’, otherwise you will get plain text.
3. Open your web browser.
Type into the web browsers location bar the absolute location of the directory where
you saved the file along with the file name. For example, if you saved the file in
C:windows, type C:windowsorderedlists.html into the web browsers location bar.

Problem 9 – HTML practice – displaying paragraphs

1. Type in the following code in your text editor:

<html>

CIS 1151

CIS 1151 – Assignment #2
<body>
<p>
This is the first sentence of the paragraph.
This is the second sentence of the paragraph.
This is the third sentence of the paragraph.
</p>

<b>This paragraph is aligned to the center:</b>

<p align="center">
This is the first sentence of the paragraph.
This is the second sentence of the paragraph.
This is the third sentence of the paragraph.
</p>

<b>This paragraph is aligned to the right:</b>

<p align="right">
This is the first sentence of the paragraph.
This is the second sentence of the paragraph.
This is the third sentence of the paragraph.
</p>
</body>
</html>

CIS 1151

CIS 1151 – Assignment #2

2. Save the file as paragraphs.html
NOTE: Make sure that you give the file a .html extension and that you save it as type ‘All
Files’, otherwise you will get plain text.
3. Open your web browser.
Type into the web browsers location bar the absolute location of the directory where
you saved the file along with the file name. For example, if you saved the file in
C:windows, type C:windowsparagraphs.html into the web browsers location bar.

Deliverables
Upload your zipped file with your answers to Part 2 to the Moodle Assignment #1 Submission
folder. You will be graded based on the quality of your answers.
1. Right click on the directory “cis1151-assignment2” and you will see a selection
for 7zip.
2. Or please see the file 7zip.pdf for instructions on how to 7zip your files.
3. If you have trouble—please post a message to the discussion board or send me
a message.

CIS 1151

  

CLIENT TESTIMONIALS

The Service Is Okay. I won’t Complain

The writers on the website are courteous and the customer service responds quickly. My paper was handled well; They promised...

Writers here are very professional and are native British

Thanks a lot for helping me out with my PhD Thesis, Writers here are very professional and are native British!!

Jack, The United Kingdom

Very Very Helpful, and On time.

Very Very Helpful, and On time.

Adelio M, Spain

I scored complete A’s in 3 out of four courses

I scored complete A’s in 3 out of four courses

Anonymous, Illinoi Chicago

CLICK HERE  To order your paper

About Essaysmiths Assignment writing service

We are a professional paper writing website. If you have searched a question and bumped into our website just know you are in the right place to get help in your coursework. We offer HIGH QUALITY & PLAGIARISM FREE Papers.

How It Works

To make an Order you only need to click on “Order Now” and we will direct you to our Order Page. Fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.

Are there Discounts?

All new clients are eligible for upto 20% off in their first Order. Our payment method is safe and secure.

 CLICK HERE to Order Your Assignment

 

Get access to cheap essays online, and forget about all your worries

Quality assurance

When we accept your assignment order, we treat it with the utmost seriousness. This means that only the best experts will conduct research on your topic and that they will deliver your paper only after making sure that it is insightful.

Total confidentiality

We use the SSL protocol to ensure that all the details of our customers are 100% safe and secure. So, forget about all worries when sharing personal information on our site. We never disclose the details of our clients.

All round service

24/7 customer support. We don’t want you to fail to submit your paper. So, we work 24 hours a day and 7 days a week to provide you with instant feedback.

Original Essays

One of the key principles of our work is to be creative and original. We hire only talented and experienced essay writers that are able to create authentic papers. Each regular essay or term paper is written from scratch in accordance with all your guidelines.

Cheap Service

Compared to our competitors, we offer a relatively cheap service. We allow you the comfort of a cheap paper writing service to improve your grades. If you are facing an academic problem, we’ll solve it by asking for a fair price.

Rocket fast Essay writing service

Don’t worry! We work in a timely manner to deliver orders before the due date. You’ll have enough time to check whether the finished paper corresponds to all your requirements. If not, provide us with feedback and ask for a revision.

Order Your Essay Today From  reliable Essay writing Service.

Order your Assignment today and save 15% with the discount code ESSAYHELP

X