Basic website developement PLEASE HELP ME NO EXPERIENCE! |
Basic website developement PLEASE HELP ME NO EXPERIENCE! |
ashleysurfgurl6 |
Nov 23 2011, 04:25 PM
Post
#1
|
Group: Members Posts: 3 Joined: 23-November 11 Member No.: 15,943 |
Im taking a computer class but I never learned HTML and im like totally stuck! This is what I have to do Please help!
• Convert the graphic images to .jpg format for posting on the Web • Create a basic HTML page that includes the following o <HEAD> and <BODY> elements o Specifying a page color in hexadecimal format o A tiled BACKGROUND of your own design o A page title using the <H> headline tag o Body copy using the lorem ipsum text and the <P> paragraph o An unordered (bulleted) list using the <UL> and <LI> tags o Formatting using the <BLOCKQUOTE> tag o Call to a graphic using the <IMG SRC> tag o Link to an external Web resource using the <A HREF> tag |
Christian J |
Nov 23 2011, 05:07 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
• Convert the graphic images to .jpg format for posting on the Web That requires an image editor program. BTW the URLs to the images you embedded in your post seem to be password protected. QUOTE • Create a basic HTML page that includes the following See http://htmlhelp.com/faq/html/docs.html#about-html QUOTE o <HEAD> and <BODY> elements o A page title using the <H> headline tag o Body copy using the lorem ipsum text and the <P> paragraph o An unordered (bulleted) list using the <UL> and <LI> tags o Call to a graphic using the <IMG SRC> tag o Link to an external Web resource using the <A HREF> tag Follow the links to each element here: http://www.htmlhelp.com/reference/html40/alist.html QUOTE o Formatting using the <BLOCKQUOTE> tag Same as above (except that in real web pages you shouldn't use a semantical element like BLOCKQUOTE for formatting). QUOTE o Specifying a page color in hexadecimal format o A tiled BACKGROUND of your own design Sounds like you're supposed to do this in HTML alone, in which case the BODY element can be used. |
ashleysurfgurl6 |
Nov 23 2011, 05:23 PM
Post
#3
|
Group: Members Posts: 3 Joined: 23-November 11 Member No.: 15,943 |
|
ashleysurfgurl6 |
Nov 23 2011, 05:29 PM
Post
#4
|
Group: Members Posts: 3 Joined: 23-November 11 Member No.: 15,943 |
This is what our teacher gave us as an example <HTML> OPENING TAG FOR PAGE <HEAD> OPENING TAG FOR TITLE IN PAGE <TITLE>TITLE THAT APPEARS IN THE BROWSER’S TITLE BAR</TITLE> </HEAD> CLOSING TAG FOR TITLE <BODY BGCOLOR=#f3af0b BACKGROUND=images/tile.png> <H1>TITLE THAT APPEARS IN THE ENTRY TO YOUR WEBPAGE</H1> <IMG SRC=images/black.png Height=5 Width=800> A GRAPHIC RULE <IMG SRC=images/parrot.png> THE ENTRY PICTURE <BLOCKQUOTE> INDENTS TEXT 1 TAB <H2>SUBTITLE OR CHAPTER TITLE SPECIFIES FONT SIZE AND WEIGHT</H2> <P><H3> A PARAGRAPH OF CONTENT TEXT</H3></P> <A HREF=http://www.phoenixzoo.org/ TARGET=WINDOW>The Phoenix Zoo</A></P> A LINK TO ANOTHER WEBPAGE <P><H3>A PARAGRAPH OF CONTENT TEXT</H3></P> <P><H1>TITLE THAT IS SAME FONT SIZE AS THE TITLE ABOVE</H1></P> <UL> AN UNORDERED LIST <LI> A LIST ITEM <LI> A LIST ITEM <LI> A LIST ITEM <LI> ETC. </UL> CLOSE UNORDERED LIST </BLOCKQUOTE> <P><IMG SRC=images/black.png Height=5 Width=1400> A GRAPHIC RULE</P> <TABLE BORDER=1 BGCOLOR=f3af0b> <TR> <TD COLSPAN=3><H2 ALIGN=CENTER><B>TEXT</B></H2></TD> </TR> <TR> TABLE ROW <TD ALIGN=CENTER><IMG SRC=FOLDER/PICTURE.png></TD> <TD ALIGN=CENTER><IMG SRC=images/turtle.png></TD> PICT. IN ROW <TD ALIGN=CENTER><IMG SRC=images/fish.png></TD> PICT. IN ROW </TR> END OF TABLE ROW <TR> NEW TABLE ROW <TD ALIGN=CENTER><B>TEXT</B></TD> <TD ALIGN=CENTER><B> TEXT </B></TD> <TD ALIGN=CENTER><B> TEXT </B></TD> </TR> END OF TABLE ROW </TABLE> END OF TABLE <P><H3> A PARAGRAPH OF CONTENT TEXT</P></H3> <P><IMG SRC=images/black.png Height=5 Width=1400></p> GRAPHIC RULE </BODY> CLOSING TAG FOR CONTENT IN PAGE </HTML> CLOSING TAG FOR PAGE |
Christian J |
Nov 23 2011, 07:56 PM
Post
#5
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
There you go. Remove the comments (blue text), then edit the template according the assignment.
This is invalid though: CODE <P><H3> A PARAGRAPH OF CONTENT TEXT</H3></P> --a heading is not allowed inside a text paragraph. Did your teacher really create that? Here the P element's start tag is missing: CODE <A HREF=http://www.phoenixzoo.org/ TARGET=WINDOW>The Phoenix Zoo</A></P> Also you should quote attribute values (it's not always necessary but a good habit), for example the HREF value in links, or the SRC value in image elements. |
pandy |
Nov 24 2011, 12:36 AM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Ouch. Where has your teacher learnt HTML?
QUOTE <HEAD> OPENING TAG FOR TITLE IN PAGE No. <title> is the opening tag for TITLE. <head> is the opening tag for HEAD. HEAD can contain a lot more than TITLE. And that's what it's all about, containers. BLOCKQUOTE is for - taa-taa! - quoted blocks of text, not to create indention. Browsers style blockquote differently, so it's a poor choice at that. I'm not nitpicking. I just want you to know that you may be learning some bad habits in this class. Feel free to tell your teacher. Do what they want you to do, but keep in mind that it may be poor HTML and you'll have to relearn later. Also, I removed the password protected images in your first post since we can't see them anyway and the login prompt gets old really fast. |
Lo-Fi Version | Time is now: 23rd April 2024 - 12:33 PM |