| CSC 110 Assignment 1 HTML |
|---|
Tuesday, July 7, 2009, 9:00 pm.
The assignments for this class may be prepared in the open lab here on campus. Alternately, the student may work on the assignments off-campus.
This assignment focuses on basic HTML skills. Using a simple text editor (such as Notepad), create an HTML page. The content of this page will be taken from the historical documents of the United States of America.
For the first section , you will format the Preamble to the Constitution of the United States of America. You can get the text from http://www.archives.gov/national_archives_experience/charters/charters.html. Alternately, the text follows. (Note: this capitalization is original.)
We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defense, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.
Format it as follows:
Please be careful about the nesting of your formatting tags. Avoid crossing tags.
For the second section, format the Bill of Rights, that is, the first 10 amendments to the Constitution.
Format this text as a numbered simple list. The should use capital Roman numerals. Here is an image of what the output should be like.
The text for the amendments follows:
Amendment I
Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.Amendment II
A well regulated Militia, being necessary to the security of a free State, the right of the people to keep and bear Arms, shall not be infringed.Amendment III
No Soldier shall, in time of peace be quartered in any house, without the consent of the Owner, nor in time of war, but in a manner to be prescribed by law.Amendment IV
The right of the people to be secure in their persons, houses, papers, and effects, against unreasonable searches and seizures, shall not be violated, and no Warrants shall issue, but upon probable cause, supported by Oath or affirmation, and particularly describing the place to be searched, and the persons or things to be seized.Amendment V
No person shall be held to answer for a capital, or otherwise infamous crime, unless on a presentment or indictment of a Grand Jury, except in cases arising in the land or naval forces, or in the Militia, when in actual service in time of War or public danger; nor shall any person be subject for the same offence to be twice put in jeopardy of life or limb; nor shall be compelled in any criminal case to be a witness against himself, nor be deprived of life, liberty, or property, without due process of law; nor shall private property be taken for public use, without just compensation.Amendment VI
In all criminal prosecutions, the accused shall enjoy the right to a speedy and public trial, by an impartial jury of the State and district wherein the crime shall have been committed, which district shall have been previously ascertained by law, and to be informed of the nature and cause of the accusation; to be confronted with the witnesses against him; to have compulsory process for obtaining witnesses in his favor, and to have the Assistance of Counsel for his defence.Amendment VII
In Suits at common law, where the value in controversy shall exceed twenty dollars, the right of trial by jury shall be preserved, and no fact tried by a jury, shall be otherwise re-examined in any Court of the United States, than according to the rules of the common law.Amendment VIII
Excessive bail shall not be required, nor excessive fines imposed, nor cruel and unusual punishments inflicted.Amendment IX
The enumeration in the Constitution, of certain rights, shall not be construed to deny or disparage others retained by the people.Amendment X
The powers not delegated to the United States by the Constitution, nor prohibited by it to the States, are reserved to the States respectively, or to the people.
Bill of Rights formatted as a list
The list uses capital Roman numerals
No special formatting within the list is needed, cf image
For this section, you will not be using historic texts. Rather, you need to create the following magic square using HTML.
This is called a magic square because the numbers in each row and column, as well as those along the diagonals total 15.
The contents of the table is correct
The table has a visible border
For this assignment, the style requirements are minimal.
For commenting:
A comment shall appear in the head of the html. This comment shall minimally contain your name and this assignment number.
A comment shall precede each of the sections of this assignment, namely: Character Formatting, List Formatting, and Table Formatting. If you complete any of the extra credit options, an HTML comment shall precede each of these, as well. These comments shall minimally contain the name of the section.
For formatting:
The HTML code for each of the sections of the assignment shall be separated from the other sections by at least two blank lines.
Please minimize the use of double blank lines within the sections.
There shall be no more than two adjacent blank lines, except at the end of the file. Multiple blank lines following the closing HTML tag are acceptable.
Remember the style portion accounts for 20% of the base score of each assignment.
Here are some more challenging HTML exercises you can complete for extra credit.:
[0.3 points]
Provide HTML to create the following sentence. Be careful to recreate this
formatting exactly. To get full extra-credit, do not
have crossing tags.
Notes: The text "long time ago," is underlined. The text "time ago, in a galaxy far"
is italics. The
text
"far, far away" is bold. Only one comma is italics. The ellipsis
is not bold.
[0.3 points]
Create a list of the formatting tags you used in formatting this assignment.
Within this list of tags, include any attributes you used as a nested list
under the associated tag. Within those lists of attributes, include any
values you used as a nested list under the associated attribute. Remember to
include the extra-credit options in your lists of tags, attributes, and
values.
[0.3 points]
Create the following 4 x 4 magic square in HTML.
Important note: the one's columns must line up in this magic square
for full extra-credit points.
[0.3 points]
Create the following tree graphic (or something quite similar) using the
<hr> tag.
In this example, the green horizontal bars are 15 pixels tall.
This will look rather different in FireFox.
[0.3 points]
This is an additional 0.3 extra-credit points available if you can place the
graphical tree at the left margin of the HTML page. (This does not mean scaling
the tree such that the lowest green bar is 100% of the width of the window.)
Make sure you complete the core assignment before moving on to any enhancements. If the core assignment is not complete (that is, if you did not demonstrate the educational objectives listed at the beginning of the assignment), you cannot receive any extra credit points.
Similarly, you cannot receive extra-credit points for assignments that are turned in late. So, do not hang on to the assignment trying to wrest out maximum extra-credit points. If the assignment is turned in after the due date and time, extra-credit work will be ignored.
The maximum extra credit points available for this assignment is 1.0.
Assignments will be submitted using e-mail.
