Where to start?

[Eta Carinae]

I'm looking to create a website for an old server of mine that may re-launch. I'm very experienced with Photoshop and I used to use Dreamweaver (CSS and HTML) a couple years ago but have basically forgot everything about it. Can anyone point me at a place to start? I can create the look and design of the site but I have no idea how to code it in to an actual site. I also have no idea how to integrate stats (plug-ins?) such as "players online" and War of Emperium stats like most websites have. My style is minimalism so maybe if somebody has a template I can look at it and figure out how certain things work but I'd rather figure it out from ground zero.

[anacondaq]

http://rathena.org/wiki

[Bin4ry]

To integrate a new plugin (function) you are required to learn PHP (function) and CSS (style) and of course basic HTML (template).

Of course, If you only looking for minimal re-design you can start by looking at FluxCP's default theme and compare with other themes you can find here: http://rathena.org/board/files/category/126-web-resources/

 

or really minimalism you could start by playing around with default css and images folder by switching colors changing border, changing site logo and so.

 

As for plugin, you could try integrate some basic php scripts like chat room by using iframe first and slowly learn how to integrate into the site's code.

 

Good luck! :]

 

p/s: I'd prefer to learn things by comparing (or looking at completed script) instead of learning from scratch.

Edited September 11, 2014 by Bin4ry

[Eta Carinae]

To integrate a new plugin (function) you are required to learn PHP (function) and CSS (style) and of course basic HTML (template).

Of course, If you only looking for minimal re-design you can start by looking at FluxCP's default theme and compare with other themes you can find here: http://rathena.org/board/files/category/126-web-resources/

 

or really minimalism you could start by playing around with default css and images folder by switching colors changing border, changing site logo and so.

 

As for plugin, you could try integrate some basic php scripts like chat room by using iframe first and slowly learn how to integrate into the site's code.

 

Good luck! :]

 

p/s: I'd prefer to learn things by comparing (or looking at completed script) instead of learning from scratch.

I like to learn by breaking down completed code so this should be a good start for me, thanks!

[Eta Carinae]

I've come up with this so far: http://ebilro.altervista.org/index.htm
What do you guys think? This is basically my first website. I learned how to make an ugly 90's looking HTML page a few years ago but forgot everything lol.

If anybody wants to give me some tips or advice or anything feel free. I just started re-learning how to use Dreamweaver a couple nights ago and I've gotten the basics down again. There's still a ton of work to be done and I have to add things like "amount of players online" etc which I have no idea how to do yet but I have the foundation!

EDIT: Apparently my friend said it's not using the custom font I downloaded as he doesn't have it on his machine. Does anyone know how how visitors who don't have this font can see it on my website? I tried:
 

@font-face {

    font-family: Amatic;

    src: local(Amatic), url('fonts/Amatic.ttf') format('opentype');

}

 

but it still doesn't work. The font name is called Amatic.tff. I have it in my Windows/Fonts as well as in my website's fonts folder.

Edited September 15, 2014 by Eta Carinae

[Bin4ry]

For such issue you can use some open sourced font like Google Font: https://www.google.com/fonts

[Eta Carinae]

For such issue you can use some open sourced font like Google Font: https://www.google.com/fonts

Alright, I think I solved it. If you visit the site (ebilro.altervista.org) you should see the Amatic font now (http://www.fontsquirrel.com/fonts/amatic). Now time to learn how to add server information (php right?). Although I don't host a server, can I still do this? I'm assuming it will just say that everything is offline.

[Vincent]

Please use a other font. Fonts like this you are using are realy hard read for longer text...

[foxxjamie]

I realize your question and I have enthusiastic to clear your doubt. You already have enough knowledge in Photoshop and html. If you looking to create a website uniquely by using CSS, html and PHP. However, there is I know how to create unique website by using PHP web development company. Without any doubt, through this company you can build website for your needs as well as it always assist to you. Before some years, by using this company I was created web site for my business.

[Winz]

 

For such issue you can use some open sourced font like Google Font: https://www.google.com/fonts

Alright, I think I solved it. If you visit the site (ebilro.altervista.org) you should see the Amatic font now (http://www.fontsquirrel.com/fonts/amatic). Now time to learn how to add server information (php right?). Although I don't host a server, can I still do this? I'm assuming it will just say that everything is offline.

 

 

yes. PHP has variables thing to be set. you also can render PHP using Apache (XAMPP)