Webmaster Key - Discussion Forums
Home Help Search Calendar Login RegisterContact Us


Welcome, Guest. Please login or register.
Did you miss your activation email?
February 08, 2012, 04:35:26 PM

Login with username, password and session length
Welceome to Forums!

Important information for guests and new members:

In order to understand the full benefits of becoming an active member of this forum, please review the following information on guest and new member restrictions. These forum changes have been prompted by an overwhelming and unreasonable amount of bot postings and incoherent guest spam messages. We wish to prevent these events from happening in the future and make our community a more comfortable place for all of our members.

For guests:

Guests are not allowed to open new topics, polls, or posts attachments.
If you wish to open up new discussions on this forum, we encourage you to register.

For new members:

New members with less than five posts are not allowed to modify additional profile information such as avatars, contact information, biographies, and signatures. However, new members are encouraged to post their own topics or reply to topics initiated by other members. Become active on the forums and 5 posts should be an easy task!

We are a diverse community with members from all over the world. We encourage new ideas and interesting conversation. Do not be afraid to post webmaster/computer-related questions or problems, as our active members are always willing to help when they are able. Interested? Join us.

+ Webmaster Key Forums
|-+ General Discussion
| |-+ Cut Loose Saloon
| | |-+ Community-Created Web Page		 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print
Author Topic: Community-Created Web Page  (Read 2551 times)
Andy
Administrator
Veteran
*****
Posts: 5 752
« on: April 27, 2006, 12:27:06 PM »
Here's a whacky idea: we build a web page together  Grin Who knows what it will turn out like?

The rules are:
* you can only add to the existing code (no deleting - except for moderation)
* the new page must validate at validator.w3.org via a cut and paste
* only hand-coding allowed
* all code in one html file
* a limit of 255 characters of code per person
* the rules may be changed by staff/moderators to keep things sane

I'll start it off:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Webmaster Key Community-Generated Web Page</title>
<style type="text/css">
body {
  font-family: arial, sans-serif;
}
</style>
</head>
<body>

</body>
</html>
« Last Edit: May 17, 2006, 12:08:34 PM by Andy » Report to moderator   Logged
IP Address Trace
Karaoke on PC
12noon
Key Master
Veteran
*****
Posts: 1 321



WWW
« Reply #1 on: May 01, 2006, 08:26:51 AM »
It's harder than it sounds. How would we go graphics also ?
Report to moderator   Logged
12noon photos
Andy
Administrator
Veteran
*****
Posts: 5 752
« Reply #2 on: May 01, 2006, 11:54:37 AM »
Link to graphics.
Code:
<img src="http://www.mysite.com/myimage.gif" alt="my image">
« Last Edit: May 17, 2006, 12:10:35 PM by Andy » Report to moderator   Logged
IP Address Trace
Karaoke on PC
Hope
Key Keeper
Veteran
*****
Posts: 1 975


P.I.T.A.


WWW
« Reply #3 on: May 16, 2006, 02:16:50 PM »
Well here is my two sense worth. It isn't much, but should present some interesting changes. At least I hope it presents some changes.


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Webmaster Key Community-Generated Web Page</title>
<style type="text/css">
body {
  font-family: arial, sans-serif;
}
</style>
</head>
<body>
<!--Just Cause I Can-->
<H1>Welcome to the Webmaster Key Community Webpage<h1>
<H2>It shows the world what happens when you let everyone add a bit of code to one page<H2>
<H3>It isn't usually a pretty site, but it is always interesting<h3>
</body>
</html>
Report to moderator   Logged
Heidi Hendricks
SEO Analysis - Website Optimization from Concept to Profit
Andy
Administrator
Veteran
*****
Posts: 5 752
« Reply #4 on: May 17, 2006, 12:00:26 PM »
Great stuff! I added a touch of color to the headings...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Webmaster Key Community-Generated Web Page</title>
<style type="text/css">
body {
  font-family: arial, sans-serif;
}
h1 {color:#00c;}
h2 {color:#0c0;}
h3 {color:#c00;}
</style>
</head>
<body>
<!--Just Cause I Can-->
<h1>Welcome to the Webmaster Key Community Webpage</h1>
<h2>It shows the world what happens when you let everyone add a bit of code to one page</h2>
<h3>It isn't usually a pretty site, but it is always interesting</h3>
<p>Especially when you add some color to the text.</p>
</body>
</html>

Here's what it looks like so far:
Webmaster Key Community Webpage
Report to moderator   Logged
IP Address Trace
Karaoke on PC
Hope
Key Keeper
Veteran
*****
Posts: 1 975


P.I.T.A.


WWW
« Reply #5 on: May 17, 2006, 12:29:13 PM »
Styles are great. They make the ugliest tags look nice. A few font changes and things really change.

If someone is just learning HTML this is a great thread to read. It shows slowly how each element changes the code.


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Webmaster Key Community-Generated Web Page</title>
<style type="text/css">
body {
  font-family: arial, sans-serif;
}
h1 {color:#00c; font-family:"Times New Roman", Times, serif;}
h2 {color:#0c0; font-family:"Courier New", Courier, mono;}
h3 {color:#c00; font-family:Georgia, "Times New Roman", Times, serif;}
p  {color:#9900CC; font-family:Geneva, Arial, Helvetica, sans-serif; font-style:italic}
</style>
</head>
<body>
<!--Just Cause I Can-->
<h1>Welcome to the Webmaster Key Community Webpage</h1>
<h2>It shows the world what happens when you let everyone add a bit of code to one page</h2>
<h3>It isn't usually a pretty site, but it is always interesting</h3>
<p>Especially when you add some color to the text.</p>
<p>A font change never hurts either. Although, too many fonts can be rather ugly.</p>
</body>
</html>
Report to moderator   Logged
Heidi Hendricks
SEO Analysis - Website Optimization from Concept to Profit
Andy
Administrator
Veteran
*****
Posts: 5 752
« Reply #6 on: May 17, 2006, 01:44:07 PM »
That's right  Smiley

btw: I think we need some automated way to preview the appearance. At the moment I am uploading the code to my site. Probably OK for now though.

Here's Heidi's increment

After this, I thought I would make the page a centered one with a proportional width since really wide lines of text are not so popular. Since I used styles to do this, they can be changed by adding code so I'm not restricting the flow at all.

Here is my increment:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Webmaster Key Community-Generated Web Page</title>
<style type="text/css">
body {
  font-family: arial, sans-serif;
}
h1 {color:#00c; font-family:"Times New Roman", Times, serif;}
h2 {color:#0c0; font-family:"Courier New", Courier, mono;}
h3 {color:#c00; font-family:Georgia, "Times New Roman", Times, serif;}
p  {color:#9900CC; font-family:Geneva, Arial, Helvetica, sans-serif; font-style:italic}
#content {
  width: 70%;
  margin: 0 auto; /* zero top and bottom margin, auto-adjust left/right margin */
  border: 1px solid blue; /* style the content border */
  padding: 10px; /* pad out the border from the content */
}
</style>
</head>
<body>
<div id="content">


<!--Just Cause I Can-->
<h1>Welcome to the Webmaster Key Community Webpage</h1>
<h2>It shows the world what happens when you let everyone add a bit of code to one page</h2>
<h3>It isn't usually a pretty site, but it is always interesting</h3>
<p>Especially when you add some color to the text.</p>
<p>A font change never hurts either. Although, too many fonts can be rather ugly.</p>


</div>
</body>
</html>

It looks like this

Why not dive in and add your own increment to the code?  Cheesy
Report to moderator   Logged
IP Address Trace
Karaoke on PC
Pages: [1] Go Up Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print 
+ Webmaster Key Forums
|-+ General Discussion
| |-+ Cut Loose Saloon
| | |-+ Community-Created Web Page
Jump to:  
« previous next »

Our Partners
RelmaxTOP Ranking System Web Hosting RelmaxTOP Ranking System
Staff Sites
12Noon[12Noon Gallery] Andy[Urgentclick]
Tamuril[Tamuril's Digital Art Exhibit] Sensovision
Powered by MySQL Powered by PHP We are hosted by Relmax Inc. |Our Privacy Policy | Sitemap
Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
Forum design by Tamuril © 2005. 		Valid XHTML 1.0! Valid CSS!