PDA

View Full Version : website info



alucard339
03-13-2008, 06:23 PM
Due to my own player guide being too big (150 mb in word) and changing too often, I would like to create my world on the net.

I've also got some persons who ask me about my world cause it's a mix between Dragonlance 5th age and D20 3e edition.

But I don't know too much about that. So could some of you help me:

How do I get a website to upload my pages? Does it cost something?

To make the pages should I use word html or something else?

Do I need to know others things before starting?

Any help would be really appreciate,
Alu.

Midgardsormr
03-13-2008, 07:22 PM
The first thing you'll need is a host for your files. Check with your Internet Service Provider to see if they offer free web hosting as part of your account. If they don't, you'll need to decide whether you want to pay for hosting or use a free hosting site, which will place advertisements on your pages.

After that, you'll need to decide how to create your web pages. You can Save As a Webpage from Word, but the resulting page will probably not look very good and will be far larger than is necessary. You could try a "WYSIWYG" editor (What You See Is What You Get) like Microsoft FrontPage or Dreamweaver, but those can be expensive. Or you could learn a little bit of HTML and do it by hand.

The latter route is the one I prefer--all it requires is a text editor and a web browser. If you want to learn HTML, there are loads of tutorial sites available. Here's the one that taught me the most: http://www.extropia.com/tutorials I recommend starting with the one entitled "Intro to Web Design."

Once you have your web host and your files, you need to get the files onto the host. Most hosts will have a file manager service that you can use to upload your files, and all of them will have details about how to transfer your files via ftp if that's your preference.

Here's a sample of the campaign site I maintain: http://www.bryanray.name/queen
The game isn't currently running because the forum we were playing in vanished. Feel free to look at the code ( view > source in Internet Explorer ) to see how it's put together. The formatting information is stored in a separate file here: http://www.bryanray.name/queen/queen.css That's CSS code, which makes maintaining a web site much easier, since you can store all of the formatting and visual effects separately from the actual information (which is in the .html file).

I offer my own page as a sample because it's relatively simple in structure. There's no confusing javascript or bizarre code in it. That makes it much easier to maintain and also useful for examples.

Setting up your first web page is a little bit daunting at first, but it's easier than it looks.

RobA
03-13-2008, 09:12 PM
Depending on the ultimate size, I might also suggest a wiki. Look at pbwiki (http://pbwiki.com/) for free hosting up to a certain size, then pay beyond that. The nice thing about a wiki is you can easily create cross referenced pages (like wikipedia).

-Rob A>

Redrobes
03-13-2008, 09:20 PM
Yeah writing HTML is really not as bad as it looks - all those <'s and >'s are in the way but take some simple pages and have a look at the source. On this months mapping challenge I have a link to a quick page I threw together to display the thumbnails of the entrants so look over that source as its not that bad. All done with notepad I might add. Theres no *requirement* to have a big app do it. But if that floats your boat then go with it. I cant remember which are good not using them myself. Dreamweaver and MS Frontpage both ring bells and warning klaxon's...

To get it there you use FTP. Thats File Transfer Protocol. And there is a daddy of a program FileZilla which is one of the Mozilla-esque open source free things. It also happens to be extremely good at what its supposed to do. By far the best IMO.

So your ISP or web space host gives you your FTP address and a password and you can put files there. If you put some HTML pages up and you put the address of them in the browser then it shows them. You will have a special starter place for your site and then most of your files will be in subdirectories from there. On the root place you usually have an index.htm file and the browser knows that if you go to the root dir then it looks for index.htm automatically. So your domain web space name shows the root page. You link everything from there. It varies a little from host to host.

If your brave then you can use dynamic pages and almost everyone uses somebody else's scripts. The most popular are a bulletin board like this - PhpBB or PhpNuke are popular I believe or they might run a wiki - like wikimedia or TWiki or TiddlyWiki etc. You might have to pay extra to get dynamic pages. Its known as CGI or PHP support. You can write your own scripts but that gets more complicated by that point. Dynamic pages are nicer tho as your less restricted and can push out pages that fit with what the user is asking about. Most people don't and run static fixed pages showing info that they create offline and upload.

In that march challenge link, right now thats static so I have to FTP new pics up every time I want to keep it current. I would like to have it dynamic where some post on these boards controls the page. Thats the kind of difference that were talking about.

Midgardsormr
03-13-2008, 10:03 PM
Dreamweaver and MS Frontpage both ring bells and warning klaxon's...


Dreamweaver's not so bad, although I really think it's only useful if you already know what you're doing. Frontpage makes a mess, but it's got some features that are useful for getting functionality fast, so long as you don't care about efficiency.

I have both at home, along with a couple of other miscellaneous helper apps, but I write my code in Notepad, as well.

The wiki suggestion is a very good idea. I thought about mentioning it myself, but I've never used one, so I don't know how difficult it is to get set up.

pyrandon
03-13-2008, 11:36 PM
I know nothing about setting up a wiki, but adding to/maintaining one is awesomely easy and perfect for gaming. Been doing it for 1.5 years now and cannot imagine going back (see my sig)

Robbie
03-14-2008, 02:02 AM
I'm considering setting up member galleries/portfolios/blogs as an expanded feature of the site. This renews my desire to do this...I'll get back on that process and see what I can do...other than that I'd just recommend the Wiki thing on your own hosting...preferrably godaddy...they're the best (and our host here at the guild)

alucard339
03-14-2008, 06:49 AM
Thank you all, :D

I knew I could count on my little guild ;), for info and all.

I think I'll try wiki.

I'll be sure to let you know about the progress.

The only 2 think I want to put on my site will be a publicity link to here and to elfwood.com (a great picture site). Can I do that :?:

Arcana, you idea of the member galleries/portfolios/blogs should really be good cause we are getting more and more active members this years and most of them got a good background for that.
:idea:
Sea U Hall A-round,

Alu.

alucard339
04-16-2008, 12:08 AM
News from the grave. ;)


I just finish uploading my little web RPG world.

Sorry that it still only in French but before this summer the English version should be up too.

Just go take a look and let me know what u think.


www.l-hazard.com

Note: I still need to create a forum or a blog section to take visitors comment and answers questions. Anyone know how I should do it :?:


Thanks to all of you who help me with the web setup,
Alu.

Midgardsormr
04-16-2008, 12:40 AM
Pretty sophisticated for your first go. You'll probably want to turn the scrolling on in the left frame. I'm viewing it at a screen resolution of 1024 X 768 in Internet Explorer, and I cannot see the bottom of your navigation bar or the far right portion of your banner.

It's always a good idea to look at your web site at a resolution that matches what most of your potential readers will be using. At the moment, I'd say 1024 X 768 is the highest you should design toward. I still shoot at 800 X 600 most of the time.

alucard339
04-16-2008, 01:21 AM
You'll probably want to turn the scrolling on in the left frame.
:(

Done.
;)

I forgot to check that, since I'm using a big monitor in high resolution.

:o

Also, any comment on stuff (or pages) to add or on text error
is really welcome,

Alu.

Redrobes
04-16-2008, 09:06 AM
Hey Alu, thats really cool. It stresses my poor french but ill make it :)

I am seeing a lot of function text at the top of the page starting...

0&&parent.frames.length) { d=parent.frames...

I'm using firefox and looking at the source it seems as tho you have missed a comment end --!> type tag just before the java script bit and its parsing the > in the func >0&& etc as an html tag end leaving the rest of the text as stuff to read.

alucard339
04-16-2008, 05:38 PM
I'll see what can do for firefox user cause the html was done with dreamweaver and I'm still in the process of learning most of the commands.
:?

Until then cheers,
Alu.

alucard339
04-18-2008, 10:26 PM
I fix the problem for firefox user.

I also start the translation to the english. But I think I will have to come back after to check all the text to make sure it still make sens in english too.

If you find any problem just let me know.

P.S.: Does anyone of U know how to make a forum like page for visitor to leave comment and question ?


Tx,
Alu.

Midgardsormr
04-18-2008, 11:39 PM
A php guestbook is probably the simplest way to do what you want. Just type that phrase "php guestbook" into Google, and you'll get a variety of scripts that can be fairly easily tailored to your needs.

Fister
04-19-2008, 12:05 AM
I just wanted to express how impressed I am with the quality and quanity of help offered by guild members to guild members on such a wide range of endeavers. Map making, scripting, wikis, simple web design, nothing is out of bounds or ignored. Rep to both Midgardsormr and Redrobes for their helpful responses.

alucard339
09-08-2008, 07:47 AM
Hi again from a long time back.

I've been so much busy lately that I miss 3 challenges and a lot of stuff. Well in any case, here the reason why: at the spare time have been put on my little website (:arrow: www.l-hazard.com (http://www.l-hazard.com)), mostly for the translation process who took forever :((.

Well not it's finish and I would like you guys to go and take a look and then give me some comment to make it better or if there is some problem with it (like the previously with the Firefox). Since it's the first one I ever did up to now. :?:

:) And also I would like to thank all of you who did help during its creation process. It was really appreciated. :)

Tank-U
Hand-sea-u-hall-late-her,
Alu.

alucard339
09-08-2008, 07:55 AM
Just take note that the site still looks a little fussy Firefox for some unknown reason.
Ex.: all table got their size double and some frame got shrunk or expended too large.

The site was made with macromedia Dreamweaver for the explorer...

I'll try to change that as soon as I find out.

Thanks,
Alu.

Ascension
09-08-2008, 05:40 PM
When you click "Nation" and then click on the map, say "Rokugan", it jumps you down...the problem is that the "Top" link does not take you back to the top. But that happens a lot so no big deal...heck I filed my Dreamweaver in the circular bin because I am too dumb to figure it out, so props to you for that :)

Turgenev
09-08-2008, 06:01 PM
Not a bad start. Personally I would ditch the frames. Search engines (especially Google) often don't index the sites within the frames properly so if you want traffic from the web, this could be a hindrance. That's just one of many associated problems with frames. Here's an interesting article about the use of frames in HTML pages:

http://www.html-faq.com/htmlframes/?framesareevil

Over all, it is a nice start. You have a ton of information (when it comes to websites - content is king). http://209.85.62.26/12611/85/emo/thumb.gif

BTW, are you a fan of the El-Hazard anime by any chance?

alucard339
09-08-2008, 06:58 PM
http://www.html-faq.com/htmlframes/?framesareevil


BTW, are you a fan of the El-Hazard anime by any chance?


First I'll go check your site ASAP, cause I would like to drop all the frame. :idea:

Second let just say that my sensei is real though to beat when he does drink for sometimes :P

Also about the "top" link, I also notice that it stop working in some pages, mainly in firefox. but tx anyway for the remark.

Sea-U-Hall,
Alu.

Turgenev
09-08-2008, 07:43 PM
First I'll go check your site ASAP, cause I would like to drop all the frame. :idea:

For the record, it isn't my site but I thought it listed the issues with frames rather well (and it had a few that even I wasn't aware of :P).


Second let just say that my sensei is real though to beat when he does drink for sometimes :P
LOL! At least he doesn't constantly laugh maniacally while hanging out with the bugrom. ;)

You have made a good start on your site. Stick with it. HTML code might look complicated or intimidating at first, but it isn't really. Try some of the tutorials that are available online and I'm sure you'll get a hang of things in no time. I highly recommend the W3C Schools Online Web Tutorials.

http://www.w3schools.com/default.asp

It is always a good idea to check your site against a multiple browsers. What works for one doesn't always works on another. or you will get little variations like how different browsers handle paragraphs and breaks differently. That sort of thing.

Best of luck on your site. You're off with a good start and I can only see things getting better with time.

delgondahntelius
09-08-2008, 08:35 PM
For the record, it isn't my site but I thought it listed the issues with frames rather well (and it had a few that even I wasn't aware of :P).


LOL! At least he doesn't constantly laugh maniacally while hanging out with the bugrom. ;)

You have made a good start on your site. Stick with it. HTML code might look complicated or intimidating at first, but it isn't really. Try some of the tutorials that are available online and I'm sure you'll get a hang of things in no time. I highly recommend the W3C Schools Online Web Tutorials.

http://www.w3schools.com/default.asp

It is always a good idea to check your site against a multiple browsers. What works for one doesn't always works on another. or you will get little variations like how different browsers handle paragraphs and breaks differently. That sort of thing.

Best of luck on your site. You're off with a good start and I can only see things getting better with time.

That was a great site link Turg... I mean... the information I got on meta tags alone was outstanding .... you are right... CONTENT IS KING... great find... have some rep

alucard339
09-09-2008, 07:37 AM
Here's an interesting article about the use of frames in HTML pages:

http://www.html-faq.com/htmlframes/?framesareevil

I found this in the text

instead of frame, SSI, CGI, PHP or ASP do a far superior job of including one menu into all content pages and don't annoy the site visitor.

Cool but which one do I take :?:

Steel General
09-09-2008, 07:51 AM
I'd go either the PHP, ASP or even javascript route (plenty of free stuff and/or examples out there), never been a big fan of CGI scripts (though they do have their place) and I'm not even sure what SSI is.

RobA
09-09-2008, 02:17 PM
Server Side Include

-Rob A>

Midgardsormr
09-09-2008, 08:20 PM
I'd steer clear of javascript. As the article points out, many people surf with it turned off (myself included) to limit the damage a hostile web site can do to their computers.

CGI also has problems: poorly designed code can open security holes on the server. Hosts tend to frown on that sort of thing, so CGI access is not generally granted unless you beg for it and can present a reasonable need for it.

I use CSS to manage my layouts and a utility with global find/replace whenever I need to make an update to navigation. Notepad++ was the one I used most recently. Not the most elegant way to go about it, but it's suitable for someone with my limited understanding of PHP. Someday I'll bone up on more dynamic solutions, but for now my manual approach is working okay.

Steel General
09-10-2008, 08:09 AM
Server Side Include

-Rob A>

*smacks himself on forehead* Duh! I should've known that, I use them all the time at work. Thanks...

@Midgardsormr - Very true, I had forgotten that fact. God my mind is going softer than a overripe bannana :D

Redrobes
09-10-2008, 09:32 AM
I surf with firefox and noscript so most javascript does not run. The thing is that I cant find any other way to get at certain properties like the screen size of the browser being used to look at a page.

I use perl based CGI scripts for my web site and program it with a text editor - often wordpad. I keep reading on EnWorld about whats the best web layout editor to use and some of us keep saying notepad. The guy almost always says "well I decided to use xxxx" - some bloated over the top editor like front page or something and then continues - "but it keep shafting my page layouts". Well yeah - naturally.

So its notepad, CSS and perl for me with the barest minimum of javascript that I can get away with though I can see why people would want to use PHP too.

I test against the W3C tester code and if it looks good on Firefox I am happy. If IE is alright then bonus but if not then get a proper browser.

RobA
09-11-2008, 02:04 AM
woohoo - my first every multiquote!


I'd steer clear of javascript. As the article points out, many people surf with it turned off (myself included) to limit the damage a hostile web site can do to their computers.

CGI also has problems: poorly designed code can open security holes on the server. Hosts tend to frown on that sort of thing, so CGI access is not generally granted unless you beg for it and can present a reasonable need for it.

I use CSS to manage my layouts and a utility with global find/replace whenever I need to make an update to navigation. Notepad++ was the one I used most recently. Not the most elegant way to go about it, but it's suitable for someone with my limited understanding of PHP. Someday I'll bone up on more dynamic solutions, but for now my manual approach is working okay.

My web site uses php and smarty templating (http://www.smarty.net/rightforme.php) for managing the layout. Lets me provides nice dynamic content with no (ok, minimal, and just for bells and whistles) javascript.


*smacks himself on forehead* Duh! I should've known that, I use them all the time at work. Thanks...

No problem. We all suffer from tlamnesia* every now and then.

(*forgetting what a tla, or three letter acronym stands for. On that note, the biggest problem since Y2K is coming soon... TLA-2010. That is when we, the **BBG, are predicting that all TLAs will run out, causing mass confusion and panic. Similar to the way that IPV4 is being extended into IPV5, we are proposing "TLA4" the official extension of all TLAs into four letter TLAs.
(**Big Brain Guys, AKA*** BBG-A under the proposed TLA4 extension plan...)
(***AKA will soon be superceded by AKA-A under the proposed TLA4)
)


I surf with firefox and noscript so most javascript does not run. The thing is that I cant find any other way to get at certain properties like the screen size of the browser being used to look at a page.

Noscript is the best firefox extension in existence. Period.

-Rob A>

alucard339
09-11-2008, 03:41 PM
Okay , so now I drop the frame of the site (the english version for now), but I would like to create a kind of floating menu that stay there in the left section while you scroll down with the rest of the page.

A quick way would be to put a scrolling bar in the right table, but I'm sure something better can be done.

Any Ideas?


BTW: hope you like the new simpler look.

Alu.

Steel General
09-12-2008, 09:22 AM
I'd look for a DHTML or maybe FLASH menu of some kind, there's plenty free ones out there. All depends on how much work you want to put into it.