where to start part 3 [Archive]

Click to See Complete Forum and Search --> : where to start part 3

wardD

07-30-2004, 09:25 PM

howdy all.

well finaly got things straitened out, got a bit of text and a couple of pics up to my space.

however, now that I have did a bit of stuff, I see I need to now more code. like how do i centre or align pictures. and how do you put text beside the pics. i tried the <br> thing and it just started a new line under the pic as aposed to beside it.

my next thought is, i have 3-4 sentances,( lines) 2 pics, and my opening page is full.( moving the scroll bar and all). I just kinda picked a random size for my pics so they didnt take up the whole screen. original size was 400 and 600 kbs. so total is a 1/10 of a meg. their for I still got space their but do not see the room on the browser window to add anything else, or does it kinda change size automaticaly to accomidate the new "stuff" one puts in. it looks like this as it stands:

<html>
<head>
<tittle>
<style type="text/css">
body {background-color: blue}
h1 {background-color: transparent}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
</style>

</head>

<body>

<h1>welcome to ward&brenda,s closet creations </h1>
<h2>here are a couple pics of our latest creations</h2>
<p>since we do not have a work shop, we use our walk in closets to house our saws and power tools. hence the name closet creations</p>
<p>
bearhead:

<img src="Bear Head.jpg" width="300" height="200" alt="Bear Head"></p>
<p><img src="Eagle.jpg" width="300" height="200" alt="Eagle"></p><p><b> my sweetie made the bear head, its my fav <br> <b>the eagle was kinda interesting to make, but took a long time to do<p/>
</body>
</html>

<html>
<head>
</head>
<body>

<p>
This is my first crack at a web site. <b>so welcome all</b> and bare with me!!! hopefully there will be good things coming soon. and my photogrphy will improve!!!<p/>

<html>
<head>
<title>This is my page title, it appears in the blue bar</title>
</head>

</html>

thanks for the help. ward.

ScaryBinary

07-30-2004, 10:45 PM

This is a short response (I have to leave soon), but one thing you can do is go to a site you like, right click on the page somewhere and view the source (right-click and then left-click "view source" or the equivalent). This will show you the HTML code for the web page.

The first thing you'll notice, if you look at a few different pages, is that coding style and format differs greatly from page to page. Some people write nice code, using CSS and standard HTML, others jumble it all together in one big glob....but at any rate, you'll be able to see how someone else's HTML translates to a web page.

...you can use the "align" attribute to align an image. If you want to get real advanced, you can use a "float" attribute to tell the browser to put the image on the left side of the screen, with text flowing (or floating....) next to the image on the right side. You can do a ton of cool stuff with CSS, and it will eventually make your site very consistant and easy to manage. I urge you...BEG you...to learn a little CSS! You can find the standard for it and HTML at the World Wide Web Consortium's site (http://www.w3c.org). It's a little boring, and somewhat confusing at first, so you might want to search the web for some beginnner tutorials on CSS. Webmonkey (http://webmonkey.wired.com/webmonkey/reference/stylesheet_guide/) has a few good introductions.

Anyway, keep looking around at other sites and checking out how they did stuff, and look for tutuorials here and there online.

I'll try to write more detailed answers later when I have more time, and I'm sure others will chime in too! Keep up the work!

ScaryBinary

07-30-2004, 10:49 PM

Is all that HTML you included on the same web page? You should only have one <html>...</html> tag.

Also, CSS stands for "Cascading Style Sheets". You actually used some when you included that <style>...</style> tag. Typically, you'd declare all your styles in a separate file, then each web page can reference that same file...this keeps all your pages looking the same. The advantage is that you can change your style in one spot (like maybe change your <h1> text to be blue instead of black) and then everywhere, in every page, you use an <h1>, it gets updated instantly without having to go through each page and update it manually.

wardD

07-31-2004, 05:45 PM

scarybinary, thanks for your time. I realy know 0 about html every thing I have done I have copied the code and played around with it and got to where I am by trial and error.

I have just started doing as you sugested, going to sites and looking at their source code. some I under stand but most is new to me.

can you recomend a site that tells you what all the symbols do. this would probably help volumes.

one more thing, I have been doing tutorials from a site called lisa exsplains. just recently every time I open the site it tries to send me a file called:burstjavascript.js I d/loaded it but it doesent seem to do anything that I can see? so I just deleted it. but as mentioned every time I go to the site it keeps trying to get tme to d/load this file. any idea what it might be?

again, thanks for the help and encouraging words.

ward.

ScaryBinary

07-31-2004, 06:14 PM

Webmonkey has some decent HTML introductory lessons, info, etc:

HTML Starters (Webmonkey) (http://webmonkey.wired.com/webmonkey/authoring/html_basics/)

Here is an HTML Cheatsheet, which gives you a summary of the more common HTML tags:

HTML Cheatsheet (Webmonkey) (http://webmonkey.wired.com/webmonkey/reference/html_cheatsheet/)

There's some interactive tutorials at DaveSite:

HTML Interactive Tutorials (DaveSite) (http://www.davesite.com/webstation/html/)

These should get you started. I hope this is what you mean by all the "symbols"!

Not sure what Lissa's up to with her "burstjavascript.js". It's probably just something she uses to drive the commercial links and stuff on her site. Javascript is a "scripting" language, different from HTML, that allows you to add some functionality to your website. For example, displaying pop-up messages when the user clicks a button or something. In general, you can build a fairly decent website without even knowing about javascript, but if you need to use forms you'll probably need to learn it.

Hope some of this is helpful....! :t

wardD

07-31-2004, 08:03 PM

I am sure it will. thank you .

ya their is a whack "o" advertising in the lisa site. and actualy I did click on some thing to do with buttons, ( I dont even know what those are, I am guessing they are icons you click that link to another page)

anyway, I will go check out the links.

regards, ward.

PS yes, thats what i need. thanks soo much!!

and just for the record, I have <html> <html/> with stuff between 3 times. I am guessing this isnt good??.

I will go rub a few out and see what it looks like then. I dont know why i had it so many times, like i say i have just been copying code and I read that every thing started with <html> and ended in <html/> . so every time I did sumpin I started it out <html>. O well trial and error. now I got lots of stuff to try so I guess we will be chatin soon. ward.