I don't know shit about html, but I've got to put together a website for my computer science course. Anyone care to check my work? Point me to a good place for help with this? Like a list of tags and what they do?
[quote="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Home</title>
<meta http-equiv = "Content-Type" content = "text/html ; charset = utf-8" />
<meta name = 'Author' content = 'Eric Arthur Shealy'/>
<meta name = 'Keyword' content = 'The Game'
</head>
<body>
<table border = 0 cellspacing = '20'>
<!-- list row has images -->
<tr>
<td>
<img src = 'scan0011.jpg' alt = 'fiend' />
</td>
<td>
<font face = 'algerian' color = '#112288'>
<h1> So Check Out This Game I'm Writing </h1>
</font>
</td>
</tr>
<!-- 2nd row -->
<tr>
<!-- link for other pages -->
<td bgcolor = '#aabbee' rowspan = 2>
<ul>
<li> <a href = 'rules.html'> Click here </a> to go to the rules page. </li>
<li> <a href = 'setting.html'> Click here </a> to go to the setting page. </li>
</ul>
</td>
<td>
<p>I've been working on a paper and pencil roleplaying game for some years now. It's something I've always wanted to do, ever since first learning to play Dungeons & Dragons in my sophomore year of high school. This one has been through many iterations, the earliest of which were excessively complex. A great deal of the work I've done has been to simplify the process by which characters are created, and to put more detail into play at the table, especially when it comes to magic, combat, and social interaction.</p>
</td>
</tr>
<tr>
<td>
<font size = '-1'>
<a href = 'mailto:ericshealy885@yahoo.com'>Click here</a> to send me an email.
</font>
</td>
</tr>
</table>
</body>
</html>
[/quote]
And unfortunately, I gotta write two more pages by Wednesday.
Your class requires you to web design without teaching you HTML or giving you resources? A little odd. Anyway, you can download a free trial version of Dreamweaver at Adobe.com, if you're just looking to make the site, rather than to learn HTML. Even if you don't want that, I recommend Notepad++ or TextPad (both free downloads) as they highlight code for you, making it much easier to read and debug.
I personally recommend just learning XHTML rather than having to learn HTML and then relearn a lot of stuff you're doing is not quite right with modern design standards.
The code kind of looks like you are trying to use XHTML Transitional, actually. You can validate your code here (http://validator.w3.org/#validate_by_upload). It tells you what the errors are.
You need a !DOCTYPE statement for it to be valid. For example:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
Edit: the numbers and ";" are inserted by the forum code brackets, not part of the HTML code!Quote from: 'Keyword' content = 'The Game'[/quoteYou need to close the tag as you do with the above line. Meta stuff is not really required, it just helps search engines and that kind of thing. Unless the assignment calls for it, I wouldn't worry about that.
One other minor thing you can do: click here tags are usually seen as unnecessary. Instead of "Click Here for Rules page," you can just make "Rules Page" the hyperlink. Anyone that sees the blue underline knows what it does.
There are better ways to layout a page than tables, but it's fine for such a simple project.
Quote from: http://www.cs.gsu.edu/~adhungel1/csc1010/html_practice/chuck.htmlis[/url]
[quote="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">[/code]
You need to close the tag as you do with the above line. Meta stuff is not really required, it just helps search engines and that kind of thing. Unless the assignment calls for it, I wouldn't worry about that.
[/quote]
I forgot to close a tag? I'm not sure whether the assignment calls for it... if not, I'll delete it.
EDIT: Also, thanks a whole lot.
As for the tables bit, I'm pretty sure that part's required.
QuoteLike "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ?"
Yeah, you actually want that one (transitional) because of some of the stuff you're doing. I just copied the strict DOCTYPE as an example from one of my sites.
What precisely are your ideas on what you want to do with the website. Also are there any particular questions you have in regards to code?
As an aside unless required I wouldn't worry about meta tags, most search engines don't weigh them much if at all any more in their indexing. The primary search engine optimizer now days is keywording.
Notepad ++ is far better than Dreamweaver. Dreamweaver always garbled my code when I used it. -- placed everything into a monoline jumble.
If you're trying to show off you may want to try using the Marquee code if it still exists, also you could try using onmouseover or ... heaven forbid... frames. Just do a search on the code terms that you're hoping on adding and the easy tutorials will popup. also you can see any site's code by right clicking on it and selecting VIEW SOURCE so you can see how other folks put things together.
If you use marquee I will kill you
If you use frames I will kill you slowly... with a spoon
Onmouseover is fine though, good way to get changing buttons
Nomadic- it may look circa-2000ish but it shows obscure knowledge of HTML and will impress professors. :)
[quote="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Home</title>
<meta name = 'Keyword' content = 'The Game'>
</head>
<body>
<table border = 0 cellspacing = '20'>
<!-- list row has images -->
<tr>
<td>
<img src = 'scan0011.jpg' alt = 'fiend' />
</td>
<td>
<font face = 'algerian' color = '#112288'>
<h1> So Check Out This Game I'm Writing </h1>
</font>
</td>
</tr>
<!-- 2nd row -->
<tr>
<!-- link for other pages -->
<td bgcolor = '#aabbee' rowspan = 2>
<ul>
<li> <a href = 'rules.html'> Rules </a> </li>
<li> <a href = 'setting.html'>Setting </a> </li>
</ul>
</td>
<td>
<p>I've been working on a paper and pencil roleplaying game for some years now. It's something I've always wanted to do, ever since first learning to play Dungeons & Dragons in my sophomore year of high school. This one has been through many iterations, the earliest of which were excessively complex. A great deal of the work I've done has been to simplify the process by which characters are created, and to put more detail into play at the table, especially when it comes to magic, combat, and social interaction.</p>
</td>
</tr>
<tr>
<td>
<font size = '-1'>
<a href = 'mailto:ericshealy885@yahoo.com'>Click here</a> to send me an email.
</font>
</td>
</tr>
</table>
</body>
</html>
[/quote]
Find 2 topics of your interest. It could be anything like history, architecture, plants, animals,
politics, computers, geography, literature, sports, news, science, different places you visited etc.
Create at least one page for each topic of interest. Each page must follow these specifications :
i) Content long enough to scroll the vertical scroll bar,
ii) well organized into paragraphs
iii) must have different level of headings for main and subtopics, must have lists (ordered/
unordered to organize the contents of the page)
iv) must have internal links within the website to navigate between the table of content,
different topics and subtopics.
v) must have links to related external websites
vi) at least 2 images per page.
vii) align the images carefully with adequate space between text and image (don't forget to
add alternate text in case the image does not load).
viii) tabular data related to your topic in each page.
ix) background of the table must be different from the background of the page
x) heading of the table must clearly stand out.
xi) either put a background image or change the background color of each page of interest;
the background must be chosen carefully so that the text in the page is not very difficult to
read.
xii) each page must have a link to the home page and other page of interest.[/quote]
If you're using Dreamweaver in code view, I can't see how it's much different than Notepad++, but I haven't used DW all that much. It might be easier for him as a WYSIWYG, though.
Don't waste time learning frames. They're complex and rarely used in modern design.
To make links to topics on the same page, give the heading tags (i.e. h1, h2) an "id". For example:
<h1 id="DD">D&D</h1>
Then you can link to the content (you'll build the ToC manually).
<a href="#DD">D&D</a>
To make a table you need three main tags.
1. table opens and closes the table.
2. tr opens and closes a table row.
3. td opens and closes a table data (cell). The number of these in a row will determine the number of columns.
So if you want a 2 x 2 table:
<table> <!--opens table-->
<tr><!--Open table row 1-->
<td>Table Cell Top Left</td> <td>Table Cell Top Right</td>
</tr><!--Close table row 1-->
<tr><!--Open table row 2-->
<td>Table Cell Bottom Left</td> <td>Table Cell Bottom Right</td>
</tr><!--Close table row 2-->
<table> <!--close table-->
Quotei) Content long enough to scroll the vertical scroll bar,
at least[/i] three loopholes for this already.
Quote from: spanning cellsIf you want to merge cells you can do something known as a colspan and a rowspan. So for example <td colspan="2"></td> will cause the cell to merge with the cell to the right (spanning two columns). <tr rowspan="2"></tr> will cause the row to combine with the row beneath it (spanning two rows). In both cases you leave out the <tr> or <td> for the next row or column. So if you wanted to span a row across the top of a table that was 3 cells wide it might look like:
<td colspan="3"><tr>Title of Table</tr></td>
<td><tr> 1 </tr><tr> 2 </tr><tr> 3 </tr></td>
[/note]
Column 1 Row 1 | Column 2 Row 1 | Column 3 Row 1 |
Column 1 Row 2 | Column 2 Row 2 | Column 3 Row 2 |
Column 1 Row 3 | Column 2 Row 3 | Column 3 Row 3 |
[ooc=HTML Code]<table>
<tr><td> Column 1 Row 1 </td><td> Column 2 Row 1 </td><td> Column 3 Row 1 </td></tr>
<tr><td> Column 1 Row 2 </td><td> Column 2 Row 2 </td><td> Column 3 Row 2 </td></tr>
<tr><td> Column 1 Row 3 </td><td> Column 2 Row 3 </td><td> Column 3 Row 3 </td></tr>
</table>[/ooc]
Current work on the second page.
[quote="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Characters </title>
<meta name = 'Keyword' content = 'Characters'>
</head>
<body>
<table border = 0 cellspacing = '20'>
<!-- 1st row -->
<tr>
<td>
<img src = 'pplz.jpg' alt = 'characters'/>
</td>
<td>
<font face = 'impact' color = '#112288'>
<h1> Characters </h1>
</font>
</td>
</tr>
<!-- 2nd row -->
<tr>
<td bgcolor = '#aabbee' rowspan = 2>
<ul>
<li> <a href = 'home.html'> Home </a> </li>
<li> <a href = 'combat.html'>Combat </a> </li>
</ul>
</td>
<td>
<!-- paragraph 1 goes here -->
<h1 id = 'LVL'> Creating Characters and Gaining Levels </h1>
<p> The three primary steps in character creation are attribute distribution, skill selection, and perk selection. Characters begin with 6 ability score values (5, 6, 7, 8, 9, 10), which they distribute however they would like between their six abilities (strength, dexterity, intelligence, perception, will, and charisma). They may select any ten skills, all of which will be trained. Finally, they will select three perks. For descriptions of abilities, skills, and perks, see below. </p>
<p> Characters begin at level 0. They can increase their level (and with it their overall competence) by gaining experience points. There are two ways to gain experience points. The first is simply to play the game. For every game a player shows up to, his character gains one experience point. The second is to complete player defined quests, each of which will also net the player's character one experience point. When a player's character gains experience equal to his current level plus one, he can spend all his experience points to gain a level. </p>
<p>Every time a player's character gains a level, all of that character's skills and abilities are increased by one. In addition, that player may select one new perk. </p>
</td>
</tr>
<!-- 3rd row -->
<tr>
<td bgcolor = '#aabbee' rowspan = 2>
<ul>
<li> <a href = 'http://thecbg.org/e107_plugins/forum/forum_viewtopic.php?62036.0'> Main Thread </a> </li>
<li> <a href = 'http://www.thecbg.org/e107_plugins/forum/forum_viewtopic.php?62110'>Discussion Thread</a> </li>
</ul>
</td>
<td>
<!-- paragraph 2 goes here -->
<h2 id = 'ABLTY'> Attributes, Abilities, and Ability Rolls </h2>
<p>As was mentioned previously, a player distributes values between 5 and 10 to his six attributes on character creation. He also must list his ability score, which is equal to his attribute plus his level, for each of the six attribute types listed previously.</p>
<p>When a player's character attempts a task not covered as a skill or a perk, and the outcome is uncertain, the game master may call for that player to make an ability roll to determine whether the character's action succeeds or fails. The game master (hereafter referred to as the GM) determines the number of ten sided dice rolled based on the difficulty of the task. The greater the difficulty, the greater the number of dice. The player must roll that number of dice. If the player rolls a number equal to or less than his ability score +5, the character succeeds. If not, the character fails.</p>
<p> For example, one character attempts to arm-wrestle with another. The GM calls for both participants to make a strength roll with three dice. If one character succeeds and another fails, the winner wins the match. If both or neither succeed, no one wins yet and they must roll again.</p>
</td>
</tr>
<!-- 4th row-->
<tr>
<td bgcolor = '#aabbee' rowspan = 2>
<!-- Table of Contents Goes Here -->
<a href = '#LVL'> Creating Characters and Gaining Levels </a>
<a href = '#ABLTY'> Attributes, Abilities, and Ability Rolls </a>
<a href = '#SKLS'> Skills and Skill Rolls </a>
<a href = 'PRKS'> Perks </a>
</td>
<td>
<!-- paragraph 3 goes here -->
<h3 id = 'SKLS'> Skills and Skill Rolls </h3>
<p> As was mentioned previously, starting characters select 10 skills to train, each of which gets a +5 bonus. In addition, characters can select the skill focus perk for an additional +5, or the skill training perk in order to be trained in additional skills. Perks are described in greater detail later. </p>
<p> A character's total value for any skill is equal to a relavent attribute (each skill has one listed in its description) plus the character's level with a +5 bonus if it is a trained skill and an additional +5 bonus if the character has taken skill focus for that skill. </p>
<p> If a character attempts to do something related to a given skill, and the outcome is uncertain, the GM may call for the character's player to make a skill roll. The GM decides the number of dice and the skill used for a given task, in the same way that he decides the number of dice and ability used in an ability roll. If a player rolls a number equal to or less than his total skill, he succeeds at the task. Otherwise, he fails.</p>
</td>
</tr>
<tr>
<td>
<img src = 'gnome.jpg' alt = 'gnome' />
</td>
<td>
<!-- paragraph 4 goes here -->
<h4 id = 'PRKS'> Perks </h4>
<p>Perks are little bonuses and special abilities that characters can have. Each perk is different. The full rules text has a list of perks and descriptions of what each does. If a player knows and can cast a spell, that's a perk. If a player is a dwarf, an elf, or a robot, that's a perk. As was mentioned previously, characters can have the skill training and/or skill focus perk too. Players start with three perks at level zero and gain one every level thereafter.</p>
</td>
</tr>
</table>
</body>
</html>
[/quote]
EDIT: What are UL tags? Am I correctly linking to the cbg? And how do I make all this text (currently in .doc format) into a .html file?
Quote from: beejazzWhat are UL tags? Am I correctly linking to the cbg? And how do I make all this text (currently in .doc format) into a .html file?
<ul>[/code]
<lh>Optional Header</lh>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Which would get you roughly:
Optional HeaderYes you are linking to the cbg correctly. As for the last bit that might prove to be a problem, if it is a .doc file I assume you are using either word 2000 or 2003, both put lots of hidden formatting into files and I am not sure how well they drop it if you make the doc an html file. Basically what you want to do is save your homepage as index.html and save all other pages with whatever name you want (avoid putting spaces or weird characters in them though) followed by a .html extension. If that screws things up it means the fail that is word formatting code got jumbled in with your stuff. In that case you will need to copy and paste from your .doc into a .txt notepad file and save it there.