HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Great Opening Page
Goto page 1, 2  Next
Post new topic   Reply to topic    HTML Help Forum Index -> General HTML
View previous topic :: View next topic  
Author Message
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Fri Apr 11, 2008 6:13 am     Great Opening Page Reply with quote

I just arrived here today. I hopefully want to build my own website one day. (It might not be that far off...), but for now I am experimenting with various pages and when I think of the kind of opening page that was designed for the official George Harrison site, I really wonder what sort of code was used to do this. I mean the particulars. How would I go about building something similar to this ? (I am a beginner at html, but willing to learn.)

George Harrison

Sincerely,
Eric John Sawyer


Last edited by Eric John Sawyer on Fri Apr 11, 2008 7:41 am; edited 1 time in total
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8316
Location: Castle Pines North, CO USA

PostPosted: Fri Apr 11, 2008 7:06 am     Reply with quote



Start on this site, learning HTML. I would suggest you take a look at some WYSIWYG editors - like Microsoft Expression Web. Microsoft offers a free trial download which will help you as well.

Chances are you will use tables to help layout your website until you get the hang of it and then you can start learning CSS. And there is one more HTML Tutorial as well.

_________________
Corey
Payment Processing Forums | Massive Links Forums | International Web Developers Network
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Fri Apr 11, 2008 7:37 am     Reply with quote

Yes, I remember seeing this site once. It seems like a really good place to start.

Thanks for the really GREAT ideas, I plan to learn as much as I can here, and the Microsoft Trial product sounds interesting.
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Sat Apr 12, 2008 5:19 am     Reply with quote

Corey,

This is my opening page: AERYCKSMUSIC

I am going to start applying some of the html 'know how', from the page you linked on a seperate page and see if I can come up with something more exciting.

This is the link to the EXPERIMENTAL PAGE

So far I have:

1. A link to my homepage
2. The words 'This is an experimental page' (3x)
3. A slightly modified drop down menu...

I just wanted to diarize this so as to make sure I actually do something.

Peace
Wink
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8316
Location: Castle Pines North, CO USA

PostPosted: Sat Apr 12, 2008 6:57 am     Reply with quote

If you need help or would like someone to review your code, you can use use the code button to post your code.

It is a lot easier to view your original code than try to review it with the other code that geocities inserts

_________________
Corey
Toll Free Phone Numbers | Processing Credit Cards | Microsoft Expression Web Blog
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Sat Apr 12, 2008 12:07 pm     Reply with quote

Yes, that makes sense. I have actually attempted to do most of the code myself, but there are some things like a player from Soundclick as well some add ons from Geocities, the object though is to attempt to build something better on what I have called my experimental page. Starting from scratch and building.

This is the existing code

Code:

Removed for security reasons.


This a link to how the experimental page looks at the moment..pretty stark. Embarassed
The Experimental Page

Peace,
Eric John Sawyer
http://www.myspace.com/ericsawyer4jesus


Last edited by Eric John Sawyer on Mon Apr 14, 2008 6:42 am; edited 1 time in total
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Sat Apr 12, 2008 12:42 pm     Reply with quote

The object is to build something that looks kewl...I was going through the tutorial you referenced and I remember it. I went through quite a bit of it...and stopped at HTML Attributes - I guess my needs were not as much as they are now. I am hoping to build something that really looks more like the George Harrison site...I guess I will need to read on. I am sorry that the code I sent is so mixed up, but it is what I have at the moment...Some is from Geocities, and the other is from Soundclick...I am just interested in getting the homepage right first, hopefully then I will be able to improve the other pages, time constraints allowing.

Rolling Eyes

Peace,
Eric John Sawyer
http://www.myspace.com/ericsawyer4jesus
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8316
Location: Castle Pines North, CO USA

PostPosted: Sat Apr 12, 2008 2:09 pm     Reply with quote

Have you downloaded Expression Web? They have a 60-day free trial and Expression Web 2.0 Beta - it would probably help you a lot with the CSS / HTML.

That's actually where I am headed for a week - to Seattle to meet the product managers for Expression Web.

_________________
Corey
Payment Processing Forums | Massive Links Forums | International Web Developers Network
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8316
Location: Castle Pines North, CO USA

PostPosted: Sat Apr 12, 2008 2:20 pm     Reply with quote

Also make sure you use the proper code for your DTD:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

And you might want to re-consider using absolute positioning - this will cause you more problems down the road. Right now, you seem to want to center you website, but you cannot do that with absolute positioning.

And use styles (external) to define your fonts and not the <font> which is deprecated.

_________________
Corey
Toll Free Phone Numbers | Processing Credit Cards | Microsoft Expression Web Blog
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Sat Apr 12, 2008 2:38 pm     Reply with quote

Thanks Corey.
You have given me quite a bit to chew on.
The only reason I am centering it, is because I have no idea how to split things up. I would love to be able to have two or three separate 'tables' (I think that is the right word.)

I will have a good look at the 60 day trial and Expression Web 2.0 Beta . I hope you enjoy your week in Seatle.

I guess I will hold off changing anything as of yet and rather experiment on the experimental page..

I don't really understand what you mean about fonts, but I have wondered how I might change both fonts and colours to the writing.

Peace,
Eric.
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Wed Apr 16, 2008 2:27 am     Reply with quote

Any thoughts about the usefulness of this code ?

Code:

<html>
<head>
<title>Your Page</title>
</head>
<frameset cols=160,*>
<frame src="left.html" name="leftside">
<frame src="right.html" name="rightside">
</frameset>
<body>
</body>
<noframes>
<a href="your main page.html">Your browser does not support frames. Click Here to enter my main Page</a>
</noframes>
</html>


and this....?

Code:

<frame src="top.html" name="top">
<frame src="bottom.html" name="bottom">


Code from here : http://www.hypergurl.com/frames.html

Peace,
Eric John Sawyer
http://www.geocities.com/aerycksmusic
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Wed Apr 16, 2008 3:25 am     Reply with quote

Laughing

Well, I decided to take the plunge and got myself some free webpages to experiment with.

I created an index.html page
and left & right .html pages

I went to the index.html file and delected the existing code, and replaced it with the code above.
(in my last post, relative to the left & right frames.)

Seeing as I have never done this before it was a quite fun indeed.

This is how it looks, (watch out for the pop ups)
-While I am using free pages, I have to put up with advertisements.

http://www.apologetics.freewebpages.org/

I am a little puzzled as to what I should do next ?

....small steps...

Wink

Eric John Sawyer
http://apologetics.freewebpages.org
razorchris



Joined: 24 Apr 2008
Posts: 2
Location: philippines

PostPosted: Thu Apr 24, 2008 6:29 am     Reply with quote

hope me 2
Eric John Sawyer wrote:
Corey,

This is my opening page: AERYCKSMUSIC

I am going to start applying some of the html 'know how', from the page you linked on a seperate page and see if I can come up with something more exciting.

This is the link to the EXPERIMENTAL PAGE

So far I have:

1. A link to my homepage
2. The words 'This is an experimental page' (3x)
3. A slightly modified drop down menu...

I just wanted to diarize this so as to make sure I actually do something.

Peace
Wink
razorchris



Joined: 24 Apr 2008
Posts: 2
Location: philippines

PostPosted: Thu Apr 24, 2008 6:33 am     my site using celfone Reply with quote

hope my site recieves some suggestions so i will make some changes. thanks http://razorchris.wen.ru
Eric John Sawyer



Joined: 11 Apr 2008
Posts: 24
Location: United Kingdom

PostPosted: Thu Apr 24, 2008 1:18 pm     Reply with quote

Hi there razorchris,

Corey Bryant gave me some really good ideas in his first reply:

Quote:

Start on this site, learning HTML. I would suggest you take a look at some WYSIWYG editors - like Microsoft Expression Web. Microsoft offers a free trial download which will help you as well.

<b>Chances are you will use tables to help layout your website until you get the hang of it</b> and then you can start learning CSS. And there is one more HTML Tutorial as well.


Corey was right...about first learning how to do tables...and I have only got so far...but I want to learn some other code so that I can make the visual experience a lot more exciting for visitors.

It does require quite a bit of reading and practice.

This is excellent code for the start. (also recommended by Corey Bryant...read back in the thread.)

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


I have kinda branched off on my own trying to figure out how to do tables first...I got the code I am using from...

link: http://www.hypergurl.com/frames.html

It looks like this....

Quote:

<html>
<head>
<title>Your Page</title>
</head>
<frameset cols=160,*>
<frame src="left.html" name="leftside">
<frame src="right.html" name="rightside">
</frameset>
<body>
</body>
<noframes>
<a href="your main page.html">Your browser does not support frames. Click Here to enter my main Page</a>
</noframes>
</html>


Follow the links and read up as much as you can...some of the html lessons are very useful and will get you going. Then you just keep surfing the net for more code.

The page I am working on...is:
http://www.geocities.com/aerycksmusic
(I have been practicing on an experimental page but I deleted that and worked on a freepage spot, which has way too many pop-ups and who knows what other types of spyware, so I just decided to work on this page and leave that well alone. )















HTML CODE TUTORIAL
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> General HTML All times are GMT - 8 Hours
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial