I'm creating a Website - Help? - Tech Support Forums

-FMA · September 18th, 2005, 03:23 PM

Yeah so basically this is what I got:

HTML Code:

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=windows-1252"> <meta name=ProgId content=Word.Document> <meta name=Generator content="Microsoft Word 9"> <meta name=Originator content="Microsoft Word 9"> <link rel=File-List href="./FMA%20Creations%20Home%20Page_files/filelist.xml"> <link rel=Edit-Time-Data
href="./FMA%20Creations%20Home%20Page_files/editdata.mso"> <!--[if !mso]> <style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style> <![endif]--> <title>FMA Creations</title> <!--[if gte mso 9]><xml> <o:DocumentProperties> <o:Author>Global</o:Author> <o:Template>Normal</o:Template> <o:LastAuthor>Global</o:LastAuthor> <o:Revision>11</o:Revision> <o:TotalTime>17</o:TotalTime> <o:Created>2005-05-01T21:20:00Z</o:Created> <o:LastSaved>2005-05-02T18:31:00Z</o:LastSaved> <o:Pages>2</o:Pages> <o:Words>31</o:Words> <o:Characters>179</o:Characters> <o:Lines>1</o:Lines> <o:Paragraphs>1</o:Paragraphs> <o:CharactersWithSpaces>219</o:CharactersWithSpaces> <o:Version>9.2720</o:Version> </o:DocumentProperties> </xml><![endif]--> <style> <!--
 /* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-parent:"";
	margin:0in;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p
	{margin-right:0in;
	mso-margin-top-alt:auto;
	mso-margin-bottom-alt:auto;
	margin-left:0in;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
@page Section1
	{size:8.5in 11.0in;
	margin:1.0in 1.25in 1.0in 1.25in;
	mso-header-margin:.5in;
	mso-footer-margin:.5in;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
--> </style> <!--[if gte mso 9]><xml> <o:shapedefaults v:ext="edit" spidmax="1042"/> </xml><![endif]--><!--[if gte mso 9]><xml> <o:shapelayout v:ext="edit"> <o:idmap v:ext="edit" data="1"/> </o:shapelayout></xml><![endif]--> </head> <body bgcolor=white
background="http://i2.photobucket.com/albums/y30/-FMA588/585c9cc8.jpg"
lang=EN-US style='tab-interval:.5in'> <div class=Section1> <p class=MsoNormal><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
 o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
 stroked="f"> <v:stroke joinstyle="miter"/> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"/> <v:f eqn="sum @0 1 0"/> <v:f eqn="sum 0 0 @1"/> <v:f eqn="prod @2 1 2"/> <v:f eqn="prod @3 21600 pixelWidth"/> <v:f eqn="prod @3 21600 pixelHeight"/> <v:f eqn="sum @0 0 1"/> <v:f eqn="prod @6 1 2"/> <v:f eqn="prod @7 21600 pixelWidth"/> <v:f eqn="sum @8 21600 0"/> <v:f eqn="prod @7 21600 pixelHeight"/> <v:f eqn="sum @10 21600 0"/> </v:formulas> <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/> <o:lock v:ext="edit" aspectratio="t"/> </v:shapetype><v:shape id="_x0000_s1038" type="#_x0000_t75" alt="FMA Creations"
 style='position:absolute;margin-left:5.55pt;margin-top:267.95pt;width:93pt;
 height:31.5pt;z-index:4;mso-position-horizontal:absolute;
 mso-position-vertical:absolute'> <v:imagedata src="http://i2.photobucket.com/albums/y30/-FMA588/d36d807e.gif"/> </v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:3;margin-left:7px;margin-top:357px;width:124px;height:42px'><img
width=124 height=42
src="http://i2.photobucket.com/albums/y30/-FMA588/d36d807e.gif"
alt="FMA Creations" v:shapes="_x0000_s1038"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1035" type="#_x0000_t75" alt="Image hosted by Photobucket.com"
 style='position:absolute;margin-left:5.55pt;margin-top:222.95pt;width:93pt;
 height:31.5pt;z-index:3;mso-position-horizontal:absolute;
 mso-position-vertical:absolute'> <v:imagedata src="http://i2.photobucket.com/albums/y30/-FMA588/bada3ca1.gif"/> </v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:2;margin-left:7px;margin-top:297px;width:124px;height:42px'><img
width=124 height=42
src="http://i2.photobucket.com/albums/y30/-FMA588/bada3ca1.gif"
alt="Image hosted by Photobucket.com" v:shapes="_x0000_s1035"></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1032" type="#_x0000_t75" alt="FMA Creations"
 href="FMA%20Creations%20Home%20Page.html" style='position:absolute;
 margin-left:5.55pt;margin-top:132.95pt;width:93pt;height:31.5pt;z-index:2;
 mso-position-horizontal:absolute;mso-position-vertical:absolute' o:button="t"> <v:fill o:detectmouseclick="t"/> <v:imagedata src="http://i2.photobucket.com/albums/y30/-FMA588/MenuButton-HomeSelected.gif"/> </v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:1;margin-left:7px;margin-top:177px;width:124px;height:42px'><a
href="FMA%20Creations%20Home%20Page.html"><img border=0 width=124 height=42
src="http://i2.photobucket.com/albums/y30/-FMA588/MenuButton-HomeSelected.gif"
alt="FMA Creations" v:shapes="_x0000_s1032"></a></span><![endif]><!--[if gte vml 1]><v:shape
 id="_x0000_s1026" type="#_x0000_t75" alt="Image hosted by Photobucket.com"
 href="FMA%20Creations%20Forum%20Page.html" style='position:absolute;
 margin-left:5.55pt;margin-top:177.95pt;width:93pt;height:31.5pt;z-index:1;
 mso-position-horizontal:absolute;mso-position-vertical:absolute' o:button="t"> <v:fill o:detectmouseclick="t"/> <v:imagedata src="http://i2.photobucket.com/albums/y30/-FMA588/MenuButton-Forum.gif"/> </v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:0;margin-left:7px;margin-top:237px;width:124px;height:42px'><a
href="FMA%20Creations%20Forum%20Page.html"><img border=0 width=124 height=42
src="http://i2.photobucket.com/albums/y30/-FMA588/MenuButton-Forum.gif"
alt="Image hosted by Photobucket.com" v:shapes="_x0000_s1026"></a></span><![endif]><img
width=671 height=107 id="_x0000_i1025"
src="http://i2.photobucket.com/albums/y30/-FMA588/FMABANNER.jpg"
alt="FMA Creations"><img width=103 height=516 id="_x0000_i1026"
src="http://i2.photobucket.com/albums/y30/-FMA588/cdab2a50.gif"
alt="FMA Creations"></p> <p><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></p> <p class=MsoNormal><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></p> <p class=MsoNormal><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></p> <p class=MsoNormal><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></p> <p class=MsoNormal><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></p> </div> </body> </html>

I don't have it hosted anywhere yet, so just copy the text and save it to notepad as a HTML file and open in your browser.
Pictures are hosted on PB.

Anyway I know everything besides the banner (which was made by nick) is quite simple and I plan to have them made more "spiffy" but what I've got right now is my basic color and layout.

Any suggestions?
I'm using notepad mostly and some of Word to do this.
Can someone add in so I can type text beside the side menu. This is something I don't know how to do. Whenever I add text it's at the bottom of the page below the graphics.

Anyway, suggestions, tips?

Rand Dusing · September 18th, 2005, 03:38 PM

I can easily make a table for you that will let you add text to the right of the links after I finish some of my homework

. I don't know if I copied the source wrong, but why is your Logo/Banner on th bottom of the page?? And what is that red bar on the side for?

Edit- Do you have Photoshop? I'm a Photoshop noob(and graphically challeneged) and by using ideas from a different tutorials, I made this "professional but simple" layout.

VHockey86 · September 18th, 2005, 03:46 PM

wow... thats got to be about the most unreadable code I've ever seen....

Maybe the code isn't showing up right for me...
http://tux.rh.rit.edu/~andrew/fma.html

but the banner at the bottom seems really goofy and creates a very small area for actual content. Whats up with the bright red image on the right side?

The buttons are pretty crude and look odd with the space inbetween them. I would highly recommend reading up on using CSS and using unordered lists as a navigational system with CSS. You will end up with a much cleaner looking, easier to work with page.

The color scheme overall seems a litle harsh to me. Red background is just too bright.

-FMA · September 18th, 2005, 03:49 PM

Maybe you guys got the code wrong because for me the banner is up top and the graphics are on the left... Hmm...
I have to go right now for an hour. But I'll be back.

Word added soem crap to my code. Maily picture positioning that I did not know how to do.

VHockey86 · September 18th, 2005, 03:53 PM

Personally I'd start from scratch.. use tables or CSS posistioning for pictures. I wouldn't let Word even touch one of my web pages. It pretty much destroys them the way it does its hacked html code.

Rand Dusing · September 18th, 2005, 03:57 PM

Yah stick with Notepad or Wordpad for coding HTML, unless you have Frontpage or Dreamweaver (or something similar). Word sucks for webpages. How experienced are you with HTML btw?

Edit- Defitantly use tables, I remember when I first started making webpages and I didn't know how to make tables. All I got to say are my pages were much nicer when I started using them.

-FMA · September 18th, 2005, 05:19 PM

I'm fairly new to HTML but I do know the basics.
I have dreamweaver but not on this computer, I had this urge to start on my website again this weekend but I'm not at home and notepad/word is all that is here.

-FMA · September 18th, 2005, 05:23 PM

This is what I see:

What would you recomend for a background color?

-FMA · September 18th, 2005, 05:31 PM

Quote:

Originally Posted by Rand Dusing

I can easily make a table for you that will let you add text to the right of the links after I finish some of my homework

. I don't know if I copied the source wrong, but why is your Logo/Banner on th bottom of the page?? And what is that red bar on the side for?

Edit- Do you have Photoshop? I'm a Photoshop noob(and graphically challeneged) and by using ideas from a different tutorials, I made this "professional but simple" layout.

Yes I have photoshop but not where I am. Besides I'm still learning how to do things on it and I'm really not good yet.

If you want to whip up something that would be cool. Basically I'd want eight buttons on the left side.

VHockey86 · September 18th, 2005, 07:00 PM

Try attaching the actual .html document to techimo. Maybe something wasnt copied/pasted properly?

You might need to zip the file so that it is a format techimo accepts.