Scratch

coolstuff · 2008-09-20 20:40:22

try writing the stylesheet like this:

p
{
color: green;
}

Are you sure the stylesheet is in the same directory as the main page? Are you sure you named it properly? Are you sure there's actually content to display?

jaydeezy · 2008-09-21 04:40:24

If you save a couple websites, view the source code, play around a bit, and look up all the tags to see what they do, then play around a bit more. you should have a working understanding of html within a day or two. it's really not all that difficult. css may take a few days, but for what it is, it comes fairly easily too. w3 school will get you through the rough spots with css...

Bobby500 wrote:
coolstuff wrote:
Okay, here's my explanation on the different programming languages (oh yeah, and remember to use the advanced account in Freewebs) :

I would learn these four computer languages before moving on to anything else (web-wise). And before moving on to JavaScript and PHP you should have a clear understanding of HTML. CSS is completely optional, but can come in handy if you want a nice layout. So, the order in which I would learn them (or at least the order in which I did learn them) would be: HTML, CSS, JavaScript, PHP

If you like, I could give you a mini-lesson in HTML, CSS, or Javascript. I haven't been using PHP for too long (only a month or so) so I can't lecture you about that.
I will probably use something esle, I just thought of it first. I will try to get HTML right now and will probably have most of the basics down in a week. By the way, how long did it take you to learn all that?

Oh and I stole your descriptions.

Bobby500 · 2008-09-21 06:46:15

jaydeezy wrote:
If you save a couple websites, view the source code, play around a bit, and look up all the tags to see what they do, then play around a bit more. you should have a working understanding of html within a day or two. it's really not all that difficult. css may take a few days, but for what it is, it comes fairly easily too. w3 school will get you through the rough spots with css...

Bobby500 wrote:
coolstuff wrote:
Okay, here's my explanation on the different programming languages (oh yeah, and remember to use the advanced account in Freewebs) :

I would learn these four computer languages before moving on to anything else (web-wise). And before moving on to JavaScript and PHP you should have a clear understanding of HTML. CSS is completely optional, but can come in handy if you want a nice layout. So, the order in which I would learn them (or at least the order in which I did learn them) would be: HTML, CSS, JavaScript, PHP

If you like, I could give you a mini-lesson in HTML, CSS, or Javascript. I haven't been using PHP for too long (only a month or so) so I can't lecture you about that.
I will probably use something esle, I just thought of it first. I will try to get HTML right now and will probably have most of the basics down in a week. By the way, how long did it take you to learn all that?

Oh and I stole your descriptions.

Actually, I am playing around with css right now. I got through HTML alot quicker than I though I would.

Bobby500 · 2008-09-21 06:49:39

coolstuff wrote:
try writing the stylesheet like this:

p
{
color: green;
}

Are you sure the stylesheet is in the same directory as the main page? Are you sure you named it properly? Are you sure there's actually content to display?

Ys, its in the same folder as the other one.
I named it Myfirstpage2.css Is that named properly?
Yeah, it should turn the backround yellow and the text green.

Never mind, I got it to work. I am sort of done with CSS, or have gone through the tutorials. Here is the code that I have right now for my psuedo-website.

Code:

<html>
<head>

<link rel="stylesheet" type="text/css" 
href="test.css"/>

<base href="www.freewebs.com/bobby500">

<title>My Own Webpage!</title>

<meta name="keywords" content="Mine, Crimson King Co.,
Totally fake, Hi Coolstuff!"/>

<meta name="description" 
content="Welcome to my totally spoof site! 
If this ever gets published, I will get embaressed!"/> 

</head>

<body>

<table cellspacing="1" cellpadding="0" border="0"
 bgcolor="black" id="shell" height="250" width="990">

<tr height="80">
<td colspan="5" bgcolor="white">
<table title="Banner" id="banner" border="0" 
align="right">

<tr>
<td>
<div align="left" class="toplinks">
<a href="">Home</a>
<a href="">Links (Doesn't Work)</a>
<a href="http://Scratch.mit.edu">Scratch</a>
</div>
</td>
</tr>

</table>
</td>
</tr>

<tr height="200"><td>
<table id="navigation" title="Navigation" border="2"
width="200" bgcolor="white" bordercolor="blue">

<div class="navigationlinks">

<tr><td>
<h3 id="navigationtitle">Navigation</h3>
<ul>
<li><a href="" target="_self">Home</a></li>
<li><a href="" target="_self">Games</a></li>
<li><a href="" target="_self">About</a></li>
<li><a href="" target="_self">Forum</a></li>
</td></tr>

</div>

<tr><td>

<h3 id="News">News</h3>
<p> <b> 9/21/08: </b> Welcome! I hope you like this new site that I made using HTML. I hope you like it! :) </p>


</td></tr>

<tr><td>
Links!
</td></tr>

</table>
</td>

<td bgcolor="white">
<table title="Content" id="content" border="1">
<tr>
<td>


<br/>

<h2 align="center">Scratch Cat Games</h2>
<h5 align="center">A <font size="4" face="Arial Bold" color="maroon">C</font>rimson King Production</h5>


<p title="Welcome. I soon hope to make games and 
put them on here useing a program called 
Scratch.">Comeing soon will be my completed 
web page that will wow and impress you!</p>

<br/>
<hr/>

<p title="I know it doen't do anything yet 
but please do it anyways!" class="password">
To register to this non-existent site with a 
non-existent user account, please type in a name 
less than 20 characters using <b>NO</b> bad words. Then 
insert the password of your choice that is less 
than 10 characters long. Please remeber that because 
this is not a secure facility, it is not our fault 
if some passing hacker decides to steal your life. 
Thank you and have a nice day.
</p>

<form method="post" action="mailto:youremail@email.com">
Name:<input type="text" size="10"
maxlength="20" name="name"><br/>
Password:<input type="password" size="10"
maxlength="20" name="password">

<br/>

<input type="submit" value="Send it to Nothing!">

</form>
 
<br/>
<hr/>

<h3 align="center">Games for you to play!</h3>

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" Target"_self">Ninja Stick Person</a></li>
</ol>
</code>

<br/>
<hr/>

<h3 align="center">Submit your own Game!</h3>
<input type="hidden" name="MAX_FILE_SIZE" value="100" />
<input name="file" type="file" />
<br/>

<input type="submit" value="Send it but 
I won't look at it.">

</td></tr>
</table>
</td></tr></table>

<table cellspacing="1" cellpadding="0" border="0"
 bgcolor="black" id="shell" height="250" width="990">

<tr height="40">
<td colspan="5" bgcolor="white">
<table title="Banner" id="banner" border="0">

<tr>
<td>
<div align="center" class="bottomlinks">
<a href="">Home</a>
<a href="">Links (Doesn't Work)</a>
<a href="http://Scratch.mit.edu">Scratch</a>
</div>
</td>
</tr>

</table>
</td>
</tr>

</body>
</html>

and for the CSS thingy-ma-jig

Code:

body{background-color: white; }

p { color: black; } 

h3{ color: black; }

div.toplinks{font-variant: small-caps;
font-size: x-small; }

p.password {text-indent: 20px; 
text-align: justify; }

h6 { border-left-style: groove; 
border-left-color: orange; 
border-left-width: 15px; 
border-bottom-style: ridge; 
border-bottom-color: yellow; 
border-bottom-width: 25px; 
position: relative;
top:-20px;}

a:link {color: orange; 
text-decoration: none;}

a:visited {color: #FF6600; }

a:hover {color: orange;
text-decoration: underline; }

ol.games { font-family: sans-serif; }

Okay, I was wondering how I could add a side toolbar to this. The tutorial said frames were shunned by regular people. If that is true, How do I make the toolbars and all that crazy stuff? Is that in Javascript or PHP? Also, which one should I go to next?

Last edited by Bobby500 (2008-09-22 21:15:35)

coolstuff · 2008-09-21 11:23:01

Bobby500 wrote:
Okay, I was wondering how I could add a side toolbar to this. The tutorial said frames were shunned by regular people. If that is true, How do I make the toolbars and all that crazy stuff? Is that in Javascript or PHP? Also, which one should I go to next?

That's where things get a bit tougher. You hve to use DIV's or tables. For example, you need a DIV for the main part and a DIV for the sidebar. That's where the PHP stuff comes in. Just make a page, looking like normal, with a .php extension, but don't use a <head> tag or an <html> tag, but start and don't end the <body> tag. Don't end any major tags. Format the sidebar, add what you want there, put the external stylesheet in (using <link>) and start (but don't end) the formatting for the main DIV. Then, make the code look exactly like this for every page.

<html>
<head>
<title>ajsdasdjasdk</title>
</head>
<?php include("mylayout.php") ?>
(my content, don't start the <body> tag)
</div>
</body>
</html>

and the mylayout.php should look like:

<body>
<div style="blalaksdakjsdhkj" id="sidebar">
stuff in the sidebar
</div>
<div style="blashd;lkjshda" id="main">

Oh, and don't forget to name every page with a .php extension or it won't work!

Last edited by coolstuff (2008-09-21 11:26:10)

adriangl · 2008-09-21 11:35:17

This is my site's code.

Code:

<HTML>

<HEAD>
<TITLE>My Home Page</TITLE>
</HEAD>

<BODY>
<font color=#66FF66>Hello Adrian! 
<a href=http://scratch.mit.edu/forums>Scratch Forums</a>
<a href=http://resources.scratchr.org> Scratchresources</a>
<a href=http://yahoo.com> Yahoo</a>
<a href=http://gaiaonline.com> Gaia</a></font>
 <marquee>Welcome Adrian!</marquee>
Not Adrian?

For admin access, please type your password <input type="password" name="pass1" size="30">

<body bgcolor=3300FF>

</HTML>

It produces this Just a little homepage for me.

Last edited by adriangl (2008-09-21 11:36:12)

coolstuff · 2008-09-21 11:40:52

Code:

<html>
<head>
<title>hpsrc - home</title>
<script type="text/javascript" src="http://www.haloscan.com/load/hpsrc"> </script>
</head>
<link href="http://www.hpsrc.t35.com/this.css" type="text/css" rel="stylesheet" />
<body background="http://hpsrc.t35.com/images/hpsrcbanner.png" style="background-repeat:no-repeat;background-color:RGB(20,20,20);background-position:0px 40px"><!-- T35 Hosting Ad Code Style Begin -->
<style type="text/css">
#t35ad a{
font: 14px  arial,helvetica;
text-decoration: none; }

#t35ad a:hover{
background-color: black;
color: white;
font-size:medium;
font-weight: bold; }
</style>

<!-- T35 Hosting Ad Code Style End -->
<div style="padding: 5px; border: 1px solid white; width: 198px; background-color: rgb(41, 41, 41); position: absolute; left: 701px; top: 40px;">
<h1>Navigation</h1>
<a href="http://www.hpsrc.t35.com/index.php">Home</a><br />

<a href="http://www.hpsrc.t35.com/misc/index.php">Miscellaneous HP</a><br />
<a href="http://www.hpsrc.t35.com/books/index.php">The Books</a><br />
<a href="http://www.hpsrc.t35.com/movies/index.php">The Movies</a><br />
<a href="http://www.hpsrc.t35.com/fun/index.php">Fun</a><br />
<a href="http://www.hpsrc.t35.com/site/index.php">The Site</a><br />
<br />
<div class="sub">Release Dates</div>
<span style="font-size:7pt">
<br />
<strong>Beedle the Bard</strong>: December 4th, 2008<br />

<strong>Half-Blood Prince</strong>: July 17th, 2009<br />
<strong>Wizarding World</strong>: 2010<br />
<br />
<div class="sub">Site Stats</div>
<br />
<b>Webmaster:</b> Julian<br>
<b>Site Created:</b> December 19th, 2007<br>

<b>Layout by:</b> Julian<br>
<b>Hosted by:</b> <a target="_blank" href="http://www.t35.com">T35</a> <br>
<br />
<div class="sub">Poll</div>
<br />
The poll is currently unavailible <br />
<br />
<div class="sub">Latest Updates</div><br>

Made many new pages in <a href="http://www.hpsrc.t35.com/movies/index.php">movies</a> section! [August 31]<br>
<br>Made many new pages in <a href="http://www.hpsrc.t35.com/books/index.php">books</a> section! [August 29]<br>
<br>Added commenting system on home page [August 28]<br>
<br>Added <a href="http://www.hpsrc.t35.com/site/about.php">About Us</a> page! [August 28]
<br />

<h1>CBOX</h1>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="160" height="305" src="http://www5.cbox.ws/box/?boxid=24039&amp;boxtag=l9thq&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="160" height="75" src="http://www5.cbox.ws/box/?boxid=24039&amp;boxtag=l9thq&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
<h1>disclaimer</h1>
This is a completely unofficial fansite which is in no way related to Warner Bros. or JK Rowling or any other people or companies who own rights to publish Harry Potter merchandise. Hpsrc is just a simple website made by a person who really likes Harry Potter!
</span>
</div>

<div style="padding: 5px; position: absolute; top: 240px; left: 0px; width: 690px; background-color: rgb(41, 41, 41);"><h1>"Movies" Updates</h1>

Several updates were made to the books section today. This update included a page for each of the movies, each containing helpful links, relevant to the movie.
<br><br>
<span class="date">Posted on August the thirty-first, two thousand eight</span> | <a href="javascript:HaloScan('moviesPage');" target="_self"><script type="text/javascript">postCount('moviesPage');</script></a>
<h1>"Books" Updates</h1>
Several updates were made today to the <a href="/books/">"Books"</a> page today. One page
was added for each of the books, each of which including chapter listings and a short summary
identical to the summaries found on the <a href="/books/summary.php">Summaries</a> page.
The <a href="/books/booklistings.php">Book Listings</a> page was updated with links to each
of the singular book pages. Hope you enjoy the updates!<br><br>

EDIT: Even more updates to the books section: a whole new page about <a href="books/sbooks/btb/index.php">Beedle the Bard</a> was added,
 including a synopsis for each of the stories!<br><br>
<span class="date">Posted on August the twenty-ninth, two thousand eight</span> | <a href="javascript:HaloScan('booksPage');" target="_self"><script type="text/javascript">postCount('booksPage');</script></a>
<h1>New URL - We've Moved!</h1>
You may or may not have noticed, but we've moved! There are several reasons for this:
<ul>
<li>Our old server was <i>not</i> compatible with PHP. PHP was necessary in order to make
a website that would work on all browsers.</li>

<li>Our old server was, to say the least, <i>horrible</i>. We needed a new one!</li>
</ul>
<span class="date">Posted on August the twenty-eighth, two thousand eight</span> | <a href="javascript:HaloScan('newServer');" target="_self"><script type="text/javascript">postCount('newServer');</script></a>
<h1>New layout!</h1>
This is our brand-new layout you are looking at. I completely re-wrote
the entire website to get it working properly. Well, not completely.
But I switched from the unsearchable iframe version to the well-working
full-page java-scriptish page version. Just make sure you have
JavaScript enabled and the website should work fine.<br><br>
EDIT: We moved to a new server which supports PHP. The JavaScript note is no longer in effect<br><br>
<span class="date">Posted on August the twenty-fourth, two thousand eight</span> | <a href="javascript:HaloScan('newLayout');" target="_self"><script type="text/javascript">postCount('newLayout');</script></a>

<br><br>
</div>
</noscript></noframes>
<!-- T35 Hosting Ad Code Begin -->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td width="20">
<!-- Start of Stat Code -->
<img src="http://c11.statcounter.com/1120767/0/78e6f3a5/1/" width="1" height="1" alt=" " border="0" />
<!-- End of Stat Code -->
</td>
        <td><div id="t35ad" align="center" style="display:block;">
<a target="_blank" href="http://www.latestcasinobonuses.com/nodepositcasinobonus.html">No Deposit Casinos</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a target="_blank" href="http://www.mylol.net/">Online Dating</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a target="_blank" href="http://www.casinolistings.com/">Casino Review</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a target="_blank" href="http://www.drugrehabcenter.com/">Drug Rehab</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a target="_blank" href="http://ads.betsafe.com/redirect.aspx?pid=3613&bid=1156">Online Casino</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a target="_blank" href="http://www.bravenet.com/c/o.php?id=52375">Take Credit Cards</a>

        </div></td>
        <td width="20"><a target="_blank" href="http://www.t35.com">
        <img border="0" src="http://freehostcp.t35.com/t35.gif" width="20" height="20" alt="Free Web Hosting" align="right" /></a></td>
    </tr>
</table>
<!-- T35 Hosting Ad Code End -->
</body>
</html>

produces this. The reason you don't see the <?php include("layout.php") ?> is because php hides itself.

Bobby500 · 2008-09-21 15:53:51

Okay, I tried it and it did not work. Here are the codes for:
Myfirstpage3.html

Code:

<html>
<head>

<link rel="stylesheet" type="text/css" 
href="test.css"/>

<base href="www.freewebs.com/bobby500">

<title>My Own Webpage!</title>

<meta name="keywords" content="Mine, Crimson King Co.,
Totally fake, Hi Coolstuff!"/>

<meta name="description" 
content="Welcome to my totally spoof site! 
If this ever gets published, I will get embaressed!"/> 

</head>

<?php include("mylayout.php")?>

<b>

<div align="right" class="toplinks">
<a href="">Home</a>
<a href="">Links (Doesn't Work)</a>
<a href="http://Scratch.mit.edu">Scratch</a>
</div>

</b>

<br/>

<h2 align="center">My First Web Page!</h2>
<h6 align="center">Welcome and enjoy</h6>

<img src="http://www.networks-by-design.com/img/computer.jpg" /
 title="This is a piture of a computer. I don't know
why I put it there, I just did.">

<p title="Welcome. I soon hope to make games and 
put them on here useing a program called 
Scratch.">Comeing soon will be my completed 
web page that will wow and impress you!</p>

<br/>
<hr/>

<p title="I know it doen't do anything yet 
but please do it anyways!" class="password">
To register to this non-existent site with a 
non-existent user account, please type in a name 
less than 20 characters using <b>NO</b> bad words. Then 
insert the password of your choice that is less 
than 10 characters long. Please remeber that because 
this is not a secure facility, it is not our fault 
if some passing hacker decides to steal your life. 
Thank you and have a nice day.
</p>

<form method="post" action="mailto:youremail@email.com">
Name:<input type="text" size="10"
maxlength="20" name="name"><br/>
Password:<input type="password" size="10" 
maxlength="10" name="password">

<br/>

<input type="submit" value="Send it to Nothing!">

</form>
 
<br/>
<hr/>

<h3 align="center">Games for you to play!</h3>

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" Target"_self">Ninja Stick Person</a></li>
</ol>
</code>

<br/>
<hr/>

<h3 align="center">Submit your own Game!</h3>
<input type="hidden" name="MAX_FILE_SIZE" value="100" />
<input name="file" type="file" />
<br/>

<input type="submit" value="Send it but 
I won't look at it.">

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

and mylayout.php

Code:

<body>

<div style"Hello, how are you." id="sidebar">

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" Target"_self">Ninja Stick Person</a></li>
</ol>
</code> 

</div>
<div style="Hola world!" id="main">

I first tried to save Myfirstpage3 as a .php file but I could not find it when I tried to upload it onto my browser to see it. Any ideas as to what the problems are?

coolstuff · 2008-09-21 16:03:24

Bobby500 wrote:

Okay, I tried it and it did not work. Here are the codes for:
Myfirstpage3.html

Code:

<html>
<head>

<link rel="stylesheet" type="text/css" 
href="test.css"/>

<base href="www.freewebs.com/bobby500">

<title>My Own Webpage!</title>

<meta name="keywords" content="Mine, Crimson King Co.,
Totally fake, Hi Coolstuff!"/>

<meta name="description" 
content="Welcome to my totally spoof site! 
If this ever gets published, I will get embaressed!"/> 

</head>

<?php include("mylayout.php")?>

<b>

<div align="right" class="toplinks">
<a href="">Home</a>
<a href="">Links (Doesn't Work)</a>
<a href="http://Scratch.mit.edu">Scratch</a>
</div>

</b>

<br/>

<h2 align="center">My First Web Page!</h2>
<h6 align="center">Welcome and enjoy</h6>

<img src="http://www.networks-by-design.com/img/computer.jpg" /
 title="This is a piture of a computer. I don't know
why I put it there, I just did.">

<p title="Welcome. I soon hope to make games and 
put them on here useing a program called 
Scratch.">Comeing soon will be my completed 
web page that will wow and impress you!</p>

<br/>
<hr/>

<p title="I know it doen't do anything yet 
but please do it anyways!" class="password">
To register to this non-existent site with a 
non-existent user account, please type in a name 
less than 20 characters using <b>NO</b> bad words. Then 
insert the password of your choice that is less 
than 10 characters long. Please remeber that because 
this is not a secure facility, it is not our fault 
if some passing hacker decides to steal your life. 
Thank you and have a nice day.
</p>

<form method="post" action="mailto:youremail@email.com">
Name:<input type="text" size="10"
maxlength="20" name="name"><br/>
Password:<input type="password" size="10" 
maxlength="10" name="password">

<br/>

<input type="submit" value="Send it to Nothing!">

</form>
 
<br/>
<hr/>

<h3 align="center">Games for you to play!</h3>

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" Target"_self">Ninja Stick Person</a></li>
</ol>
</code>

<br/>
<hr/>

<h3 align="center">Submit your own Game!</h3>
<input type="hidden" name="MAX_FILE_SIZE" value="100" />
<input name="file" type="file" />
<br/>

<input type="submit" value="Send it but 
I won't look at it.">

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

and mylayout.php

Code:

<body>

<div style"Hello, how are you." id="sidebar">

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" Target"_self">Ninja Stick Person</a></li>
</ol>
</code> 

</div>
<div style="Hola world!" id="main">

I first tried to save Myfirstpage3 as a .php file but I could not find it when I tried to upload it onto my browser to see it. Any ideas as to what the problems are?

You need to use a different server than Freewebs. PHP is not supported in Freewebs

Bobby500 · 2008-09-21 16:08:53

Oh. I wasn't actually trying to open it with freewebs, I was going file--open and then selecting that file.

Oh, and how do design your webpage on freewebs with just HTML and CSS? Any place you can just insert that?

Last edited by Bobby500 (2008-09-21 16:15:40)

coolstuff · 2008-09-21 16:25:48

Bobby500 wrote:
Oh. I wasn't actually trying to open it with freewebs, I was going file--open and then selecting that file.

Oh, and how do design your webpage on freewebs with just HTML and CSS? Any place you can just insert that?

You won't be able to open it as a .php file either. You have to save it to a server or you need to install php onto your system. You can do that by by going to php.net

Bobby500 · 2008-09-21 16:30:24

coolstuff wrote:
Bobby500 wrote:
Oh. I wasn't actually trying to open it with freewebs, I was going file--open and then selecting that file.

Oh, and how do design your webpage on freewebs with just HTML and CSS? Any place you can just insert that?
You won't be able to open it as a .php file either. You have to save it to a server or you need to install php onto your system. You can do that by by going to php.net

I won't have to learn it or download anything just yet as I just used a table. I want you to be able to see it, but I don't know how to upload the HTML file into freewebs. I will stick with that for right now as I already have an there and I am not messing with php yet. Any ideas on how to do this? Oh, and I have the code for it now.

Code:

<html>
<head>

<link rel="stylesheet" type="text/css" 
href="test.css"/>

<base href="www.freewebs.com/bobby500">

<title>My Own Webpage!</title>

<meta name="keywords" content="Mine, Crimson King Co.,
Totally fake, Hi Coolstuff!"/>

<meta name="description" 
content="Welcome to my totally spoof site! 
If this ever gets published, I will get embaressed!"/> 

</head>

<body>

<table cellspacing="1" cellpadding="0" border="0"
 bgcolor="black" id="shell" height="250" width="990">

<tr height="80">
<td colspan="5" bgcolor="white">
<table title="Banner" id="banner" border="1">

<tr>
<td>
Place a banner here
</td>
</tr>

</table>
</td>
</tr>

<tr height="200"><td bgcolor="white">
<table id="navigation" title="Navigation" border="1"
width="200">

<tr><td>
<h4>Navigation</h4>
<ul>
<li><a href="" target="_self">Home</a></li>
<li><a href="" target="_self">Games</a></li>
</td></tr>

<tr><td>
Links!
</td></tr>

<tr><td>
Links!
</td></tr>

</table>
</td>

<td bgcolor="white">
<table title="Content" id="content" border="1">
<tr>
<td>

<b>

<div align="right" class="toplinks">
<a href="">Home</a>
<a href="">Links (Doesn't Work)</a>
<a href="http://Scratch.mit.edu">Scratch</a>
</div>

</b>

<br/>

<h2 align="center">My First Web Page!</h2>
<h6 align="center">Welcome and enjoy</h6>

<img src="http://www.networks-by-design.com/img/computer.jpg" /
 title="This is a piture of a computer. I don't know
why I put it there, I just did.">

<p title="Welcome. I soon hope to make games and 
put them on here useing a program called 
Scratch.">Comeing soon will be my completed 
web page that will wow and impress you!</p>

<br/>
<hr/>

<p title="I know it doen't do anything yet 
but please do it anyways!" class="password">
To register to this non-existent site with a 
non-existent user account, please type in a name 
less than 20 characters using <b>NO</b> bad words. Then 
insert the password of your choice that is less 
than 10 characters long. Please remeber that because 
this is not a secure facility, it is not our fault 
if some passing hacker decides to steal your life. 
Thank you and have a nice day.
</p>

<form method="post" action="mailto:youremail@email.com">
Name:<input type="text" size="10"
maxlength="20" name="name"><br/>
Password:<input type="password" size="10" 
maxlength="10" name="password">

<br/>

<input type="submit" value="Send it to Nothing!">

</form>
 
<br/>
<hr/>

<h3 align="center">Games for you to play!</h3>

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" Target"_self">Ninja Stick Person</a></li>
</ol>
</code>

<br/>
<hr/>

<h3 align="center">Submit your own Game!</h3>
<input type="hidden" name="MAX_FILE_SIZE" value="100" />
<input name="file" type="file" />
<br/>

<input type="submit" value="Send it but 
I won't look at it.">

</td></tr>
</table>
</td></tr></table>

</body>
</html>

coolstuff · 2008-09-21 16:39:13

The PHP stuff just made it so that if you added a new page you wouldn't have to edit every page, just one. Yes, you can use a table. Or you could position DIVs around the page. To upload a page of HTML to freewebs, you need an advanced account.

Bobby500 · 2008-09-21 16:46:28

Actually, you don't. I thinks its a downgrading thing where you can't get back up, but I don't care. I just added an extra page and there aren't any links to it so yeah. Anyways, here is the link to it. http://www.freewebs.com/bobby500/Expeirimenting.html

hmnwilson · 2008-09-21 16:51:09

There is a downgrading thing. It's HTML mode. You can get it from your my account page.

Bobby500 · 2008-09-21 16:53:44

hmnwilson wrote:
There is a downgrading thing. It's HTML mode. You can get it from your my account page.

I know, I did it. smile

adriangl · 2008-09-21 20:05:31

Can you post the code for your Experimeting.html site? I want to try some things you did. P.S. Your test site is awesome!

Bobby500 wrote:
Actually, you don't. I thinks its a downgrading thing where you can't get back up, but I don't care. I just added an extra page and there aren't any links to it so yeah. Anyways, here is the link to it. http://www.freewebs.com/bobby500/Expeirimenting.html

Bobby500 · 2008-09-21 20:19:55

adriangl wrote:
Can you post the code for your Experimeting.html site? I want to try some things you did. P.S. Your test site is awesome!
Bobby500 wrote:
Actually, you don't. I thinks its a downgrading thing where you can't get back up, but I don't care. I just added an extra page and there aren't any links to it so yeah. Anyways, here is the link to it. http://www.freewebs.com/bobby500/Expeirimenting.html

Sure can! Here is the HTML code

Code:

<html>
<head>

<link rel="stylesheet" type="text/css" 
href="test.css"/>

<base href="www.freewebs.com/bobby500">

<title>My Own Webpage!</title>

<meta name="keywords" content="Mine, Crimson King Co.,
Totally fake, Hi Coolstuff!"/>

<meta name="description" 
content="Welcome to my totally spoof site! 
If this ever gets published, I will get embaressed!"/> 

</head>

<body>

<table cellspacing="1" cellpadding="0" border="0"
 bgcolor="black" id="shell" height="250" width="990">

<tr height="80">
<td colspan="5" bgcolor="white">
<table title="Banner" id="banner" border="1">

<tr>
<td>
Place a banner here
</td>
</tr>

</table>
</td>
</tr>

<tr height="200"><td>
<table id="navigation" title="Navigation" border="1"
width="200" bgcolor="blue">

<div class="navigationlinks">

<tr><td>
<h4 id="navigationtitle">Navigation</h4>
<ul>
<li><a href="" target="_self">Home</a></li>
<li><a href="" target="_self">Games</a></li>
<li><a href="" target="_self">About</a></li>
<li><a href="" target="_self">Forum</a></li>
</td></tr>

</div>

<tr><td>
Links!
</td></tr>

<tr><td>
Links!
</td></tr>

</table>
</td>

<td bgcolor="white">
<table title="Content" id="content" border="1">
<tr>
<td>

<b>

<div align="right" class="toplinks">
<a href="">Home</a>
<a href="">Links (Doesn't Work)</a>
<a href="http://Scratch.mit.edu">Scratch</a>
</div>

</b>

<br/>

<h2 align="center">My First Web Page!</h2>
<h6 align="center">Welcome and enjoy</h6>

<img src="http://www.networks-by-design.com/img/computer.jpg" /
 title="This is a piture of a computer. I don't know
why I put it there, I just did.">

<p title="Welcome. I soon hope to make games and 
put them on here useing a program called 
Scratch.">Comeing soon will be my completed 
web page that will wow and impress you!</p>

<br/>
<hr/>

<p title="I know it doen't do anything yet 
but please do it anyways!" class="password">
To register to this non-existent site with a 
non-existent user account, please type in a name 
less than 20 characters using <b>NO</b> bad words. Then 
insert the password of your choice that is less 
than 10 characters long. Please remeber that because 
this is not a secure facility, it is not our fault 
if some passing hacker decides to steal your life. 
Thank you and have a nice day.
</p>

<form method="post" action="mailto:youremail@email.com">
Name:<input type="text" size="10"
maxlength="20" name="name"><br/>
Password:<input type="password" size="10"
maxlength="20" name="password">

<br/>

<input type="submit" value="Send it to Nothing!">

</form>
 
<br/>
<hr/>

<h3 align="center">Games for you to play!</h3>

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" Target"_self">Ninja Stick Person</a></li>
</ol>
</code>

<br/>
<hr/>

<h3 align="center">Submit your own Game!</h3>
<input type="hidden" name="MAX_FILE_SIZE" value="100" />
<input name="file" type="file" />
<br/>

<input type="submit" value="Send it but 
I won't look at it.">

</td></tr>
</table>
</td></tr></table>

</body>
</html>

and here is the CSS code.

Code:

body{background-color: white; }

p { color: black; } 

h3{ color: black; }

div.toplinks{font-variant: small-caps;
font-size: x-small; }

p.password {text-indent: 20px; 
text-align: justify; }

h6 { border-left-style: groove; 
border-left-color: orange; 
border-left-width: 15px; 
border-bottom-style: ridge; 
border-bottom-color: yellow; 
border-bottom-width: 25px; 
position: relative;
top:-20px;}

a:link {color: orange; 
text-decoration: none;}

a:visited {color: #FF6600; }

a:hover {color: orange;
text-decoration: underline; }

ol.games { font-family: sans-serif; }

table.navigationlinks{text-color: white; }

I used the tizag tutorials to make these, just so you know.

Last edited by Bobby500 (2008-09-21 20:20:36)

Bobby500 · 2008-09-22 13:35:18

Just adding some changes to my code.

Code:

<html>
<head>

<link rel="stylesheet" type="text/css" 
href="test.css"/>

<base href="www.freewebs.com/bobby500">

<title>My Own Webpage!</title>

<meta name="keywords" content="Mine, Crimson King Co.,
Totally fake, Hi Coolstuff!"/>

<meta name="description" 
content="Welcome to my totally spoof site! 
If this ever gets published, I will be happy"/> 

</head>

<body>

<table cellspacing="1" cellpadding="0" border="0"
 bgcolor="black" id="shell" height="250" width="990">

<tr height="80">
<td colspan="5" bgcolor="white">
<table title="Banner" id="banner" border="1">

<tr>
<td>
Place a banner here
</td>
</tr>

</table>
</td>
</tr>

<tr height="200"><td>
<table id="navigation" title="Navigation" border="1"
width="200" bgcolor="blue">

<div class="navigationlinks">

<tr><td>
<h4 id="navigationtitle">Navigation</h4>
<ul>
<li><a href="" target="_self">Home</a></li>
<li><a href="" target="_self">Games</a></li>
<li><a href="" target="_self">About</a></li>
<li><a href="" target="_self">Forum</a></li>
</td></tr>

</div>

<tr><td>

<h4 id="News">News</h4>

<br/>
<hr/>

<p> <b> 9/21/08: </b> Welcome! I hope you like this new site that I made using HTML. I hope you like it! :) </p>

</td></tr>

<tr><td>
Links!
</td></tr>

</table>
</td>

<td bgcolor="white">
<table title="Content" id="content" border="1">
<tr>
<td>

<b>

<div align="right" class="toplinks">
<a href="">Home</a>
<a href="">Links (Doesn't Work)</a>
<a href="http://Scratch.mit.edu">Scratch</a>
</div>

</b>

<br/>

<h2 align="center">My First Web Page!</h2>
<h6 align="center">Welcome and enjoy</h6>

<img src="http://www.networks-by-design.com/img/computer.jpg" /
 title="This is a piture of a computer. I don't know
why I put it there, I just did.">

<p title="Welcome. I soon hope to make games and 
put them on here useing a program called 
Scratch.">Comeing soon will be my completed 
web page that will wow and impress you!</p>

<br/>
<hr/>

<p title="I know it doen't do anything yet 
but please do it anyways!" class="password">
To register to this non-existent site with a 
non-existent user account, please type in a name 
less than 20 characters using <b>NO</b> bad words. Then 
insert the password of your choice that is less 
than 10 characters long. Please remeber that because 
this is not a secure facility, it is not our fault 
if some passing hacker decides to steal your life. 
Thank you and have a nice day.
</p>

<form method="post" action="mailto:youremail@email.com">
Name:<input type="text" size="10"
maxlength="20" name="name"><br/>
Password:<input type="password" size="10"
maxlength="20" name="password">

<br/>

<input type="submit" value="Send it to Nothing!">

</form>
 
<br/>
<hr/>

<h3 align="center">Games for you to play!</h3>

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" 
target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" 
target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" 
target"_self">Ninja Stick Person</a></li>
</ol>
</code>

<br/>
<hr/>

<h3 align="center">Submit your own Game!</h3>
<input type="hidden" name="MAX_FILE_SIZE" value="100" />
<input name="file" type="file" />
<br/>

<input type="submit" value="Send it but 
I won't look at it.">

</td></tr>
</table>
</td></tr></table>

</body>
</html>

adriangl · 2008-09-22 15:33:44

Thanks!

Bobby500 wrote:

adriangl wrote:
Can you post the code for your Experimeting.html site? I want to try some things you did. P.S. Your test site is awesome!
Bobby500 wrote:
Actually, you don't. I thinks its a downgrading thing where you can't get back up, but I don't care. I just added an extra page and there aren't any links to it so yeah. Anyways, here is the link to it. http://www.freewebs.com/bobby500/Expeirimenting.html

Sure can! Here is the HTML code

Code:

<html>
<head>

<link rel="stylesheet" type="text/css" 
href="test.css"/>

<base href="www.freewebs.com/bobby500">

<title>My Own Webpage!</title>

<meta name="keywords" content="Mine, Crimson King Co.,
Totally fake, Hi Coolstuff!"/>

<meta name="description" 
content="Welcome to my totally spoof site! 
If this ever gets published, I will get embaressed!"/> 

</head>

<body>

<table cellspacing="1" cellpadding="0" border="0"
 bgcolor="black" id="shell" height="250" width="990">

<tr height="80">
<td colspan="5" bgcolor="white">
<table title="Banner" id="banner" border="1">

<tr>
<td>
Place a banner here
</td>
</tr>

</table>
</td>
</tr>

<tr height="200"><td>
<table id="navigation" title="Navigation" border="1"
width="200" bgcolor="blue">

<div class="navigationlinks">

<tr><td>
<h4 id="navigationtitle">Navigation</h4>
<ul>
<li><a href="" target="_self">Home</a></li>
<li><a href="" target="_self">Games</a></li>
<li><a href="" target="_self">About</a></li>
<li><a href="" target="_self">Forum</a></li>
</td></tr>

</div>

<tr><td>
Links!
</td></tr>

<tr><td>
Links!
</td></tr>

</table>
</td>

<td bgcolor="white">
<table title="Content" id="content" border="1">
<tr>
<td>

<b>

<div align="right" class="toplinks">
<a href="">Home</a>
<a href="">Links (Doesn't Work)</a>
<a href="http://Scratch.mit.edu">Scratch</a>
</div>

</b>

<br/>

<h2 align="center">My First Web Page!</h2>
<h6 align="center">Welcome and enjoy</h6>

<img src="http://www.networks-by-design.com/img/computer.jpg" /
 title="This is a piture of a computer. I don't know
why I put it there, I just did.">

<p title="Welcome. I soon hope to make games and 
put them on here useing a program called 
Scratch.">Comeing soon will be my completed 
web page that will wow and impress you!</p>

<br/>
<hr/>

<p title="I know it doen't do anything yet 
but please do it anyways!" class="password">
To register to this non-existent site with a 
non-existent user account, please type in a name 
less than 20 characters using <b>NO</b> bad words. Then 
insert the password of your choice that is less 
than 10 characters long. Please remeber that because 
this is not a secure facility, it is not our fault 
if some passing hacker decides to steal your life. 
Thank you and have a nice day.
</p>

<form method="post" action="mailto:youremail@email.com">
Name:<input type="text" size="10"
maxlength="20" name="name"><br/>
Password:<input type="password" size="10"
maxlength="20" name="password">

<br/>

<input type="submit" value="Send it to Nothing!">

</form>
 
<br/>
<hr/>

<h3 align="center">Games for you to play!</h3>

<code>
<ol class="games">
<li><a href="http://scratch.mit.edu/projects/Shanesta/9710" target="_self">Archery Champion Beta 1.0</a></li>
<li><a href="http://scratch.mit.edu/projects/Bobby500/265109" target="_parent">The Hardest Game Ever!</a></li>
<li><a href="http://scratch.mit.edu/projects/kuri/58059" Target"_self">Ninja Stick Person</a></li>
</ol>
</code>

<br/>
<hr/>

<h3 align="center">Submit your own Game!</h3>
<input type="hidden" name="MAX_FILE_SIZE" value="100" />
<input name="file" type="file" />
<br/>

<input type="submit" value="Send it but 
I won't look at it.">

</td></tr>
</table>
</td></tr></table>

</body>
</html>

and here is the CSS code.

Code:

body{background-color: white; }

p { color: black; } 

h3{ color: black; }

div.toplinks{font-variant: small-caps;
font-size: x-small; }

p.password {text-indent: 20px; 
text-align: justify; }

h6 { border-left-style: groove; 
border-left-color: orange; 
border-left-width: 15px; 
border-bottom-style: ridge; 
border-bottom-color: yellow; 
border-bottom-width: 25px; 
position: relative;
top:-20px;}

a:link {color: orange; 
text-decoration: none;}

a:visited {color: #FF6600; }

a:hover {color: orange;
text-decoration: underline; }

ol.games { font-family: sans-serif; }

table.navigationlinks{text-color: white; }

I used the tizag tutorials to make these, just so you know.

Bobby500 · 2008-09-22 19:38:53

adriangl wrote:
I deleted that homepage thing cuz it was a test site. Now I am making a real site.Best of Scratch is its title. It is currently under lots of construction.
P.S. How do you make a navagation box?

Dang it, that was my idea. mad

I was going to try and make an armor games/newgrounds for scratch games.
Since you stole my idea, I won't tell you how.
tongue No, I used tables. Try the Tizags tutorials, they were really helpful.

adriangl · 2008-09-22 21:38:04

Sorry for taking your idea. sad But you are a really good programmer. Do you want to help me make the site? You will get as much credit as me if you wanna help. If you want to talk privately, email me

Bobby500 wrote:
adriangl wrote:
I deleted that homepage thing cuz it was a test site. Now I am making a real site.Best of Scratch is its title. It is currently under lots of construction.
P.S. How do you make a navagation box?
Dang it, that was my idea.

I was going to try and make an armor games/newgrounds for scratch games.
Since you stole my idea, I won't tell you how.
No, I used tables. Try the Tizags tutorials, they were really helpful.

Bobby500 · 2008-09-23 06:19:32

adriangl wrote:
Sorry for taking your idea. But you are a really good programmer. Do you want to help me make the site? You will get as much credit as me if you wanna help. If you want to talk privately, email me
Bobby500 wrote:
adriangl wrote:
I deleted that homepage thing cuz it was a test site. Now I am making a real site.Best of Scratch is its title. It is currently under lots of construction.
P.S. How do you make a navagation box?
Dang it, that was my idea.

I was going to try and make an armor games/newgrounds for scratch games.
Since you stole my idea, I won't tell you how.
No, I used tables. Try the Tizags tutorials, they were really helpful.

No, its fine. I don't care that you used it. I never stated my intentions so its not your fault and I think there is enough room on the internet. I thought I said that when I used the tongue Sorry if I hurt your feelings!

Bobby500 · 2008-09-23 18:15:57

Hey, coolstuff. Is T35 a good web host? I have a couple of questions about it because I am looking for a free one that contains php, has a small subdomain or none at all and has unlimited pages/bandwidth/whatever. It said that it did on the main page. Is that true? Does it allow for unlimited pages? Does it have any traffic trackers? Does it submit your sites to any search engines? What else is good about it?

adriangl · 2008-09-23 19:24:51

But I seriously want you to join. I need a good programmer to help me. Please?

Bobby500 wrote:
adriangl wrote:
Sorry for taking your idea. But you are a really good programmer. Do you want to help me make the site? You will get as much credit as me if you wanna help. If you want to talk privately, email me
Bobby500 wrote:

Dang it, that was my idea.

I was going to try and make an armor games/newgrounds for scratch games.
Since you stole my idea, I won't tell you how.
No, I used tables. Try the Tizags tutorials, they were really helpful.
No, its fine. I don't care that you used it. I never stated my intentions so its not your fault and I think there is enough room on the internet. I thought I said that when I used the Sorry if I hurt your feelings!

Scratch

archived forums

#26 2008-09-20 20:40:22

Re: Html/css

#27 2008-09-21 04:40:24

Re: Html/css

Bobby500 wrote:

coolstuff wrote:

#28 2008-09-21 06:46:15

Re: Html/css

jaydeezy wrote:

Bobby500 wrote:

coolstuff wrote:

#29 2008-09-21 06:49:39

Re: Html/css

coolstuff wrote:

Code:

Code:

#30 2008-09-21 11:23:01

Re: Html/css

Bobby500 wrote:

#31 2008-09-21 11:35:17

Re: Html/css

Code:

#32 2008-09-21 11:40:52

Re: Html/css

Code:

#33 2008-09-21 15:53:51

Re: Html/css

Code:

Code:

#34 2008-09-21 16:03:24

Re: Html/css

Bobby500 wrote:

Code:

Code:

#35 2008-09-21 16:08:53

Re: Html/css

#36 2008-09-21 16:25:48

Re: Html/css

Bobby500 wrote:

#37 2008-09-21 16:30:24

Re: Html/css

coolstuff wrote:

Bobby500 wrote:

Code:

#38 2008-09-21 16:39:13

Re: Html/css

#39 2008-09-21 16:46:28

Re: Html/css

#40 2008-09-21 16:51:09

Re: Html/css

#41 2008-09-21 16:53:44

Re: Html/css

hmnwilson wrote:

#42 2008-09-21 20:05:31

Re: Html/css

Bobby500 wrote:

#43 2008-09-21 20:19:55

Re: Html/css

adriangl wrote:

Bobby500 wrote:

Code:

Code:

#44 2008-09-22 13:35:18

Re: Html/css

Code:

#45 2008-09-22 15:33:44

Re: Html/css

Bobby500 wrote:

adriangl wrote:

Bobby500 wrote:

Code:

Code:

#46 2008-09-22 19:38:53

Re: Html/css

adriangl wrote:

#47 2008-09-22 21:38:04

Re: Html/css

Bobby500 wrote: