Sign in to follow this  

Website development

This topic is 399 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

Hello gamedevs,

 

 

I've just finished a breaking point for me to start a new smaller project. I will be building a website/webpage. I have no idea where to start or what to learn but through will power and a lot of drawing and planning I will prevail. So how do I make websites/webpages?

Share this post


Link to post
Share on other sites

Fire up your text editor, write some HTML, CSS and maybe JavaScript if you are into that sort of thing, and upload the whole collection to some HTTP-accessible location on the web. Or pay somebody like SquareSpace to do most of the heavy lifting for you.

 

Is there a specific technique or goal you want to accomplish here?

Share this post


Link to post
Share on other sites

There's so much information on the internet, I'm surprised you're actually asking the question.

 

Is there something in particular you're asking? Any particular goals you're trying to reach or accomplish?

When I start out I want to learn the hottest most popular and used language and programs/software. I want to be as up to date as possible instead of studying something that is old and not used any more. I want to learn the core principals of web programming, designing that can be applied everywhere. I really want a good base starting point for all the research I'm going to do. So what would you recommend I study?

Share this post


Link to post
Share on other sites

This is such an open question... Well, do you you want to start with learning to setup your own server? i.e. DigitalOcean VPS as a hosting service. Do you just want to make a website/webpage locally on your computer using XXAMP or MAMP depending on your OS. Do you want to do any server side programming i.e. having a contact form or some form of login authentication? This honestly could be talked about for a long time, if you were a little more specific we could better assist you.

Share this post


Link to post
Share on other sites

This is such an open question... Well, do you you want to start with learning to setup your own server? i.e. DigitalOcean VPS as a hosting service. Do you just want to make a website/webpage locally on your computer using XXAMP or MAMP depending on your OS. Do you want to do any server side programming i.e. having a contact form or some form of login authentication? This honestly could be talked about for a long time, if you were a little more specific we could better assist you.

I'm not so sure. This topic is completely new to me and I wanted a good starting point to jump off from but that doesn't seem possible now.

 

 

I want to make a webpage, it need to be accessible by others, I don't think I want my device to be the server, The webpage only needs to display graphics and nothing more. I think I need html5. How's this?


Fire up your text editor, write some HTML, CSS and maybe JavaScript if you are into that sort of thing, and upload the whole collection to some HTTP-accessible location on the web. Or pay somebody like SquareSpace to do most of the heavy lifting for you.

 

Is there a specific technique or goal you want to accomplish here?

 

I only want to make a page with graphics. I'll try to expand on my own after that.

Share this post


Link to post
Share on other sites

When I start out I want to learn the hottest most popular and used language and programs/software

 

Then web programming is exactly the field for you - the hottest, most popular software changes every month! :D

 

In all seriousness, web development is a mess, and you need to be doing it almost full-time if you want to stay current with the latest trends. I'd advise you to consider just how important this is to you.

Share this post


Link to post
Share on other sites

I want to make a webpage, it need to be accessible by others, I don't think I want my device to be the
server, The webpage only needs to display graphics and nothing more. I think I need html5.


There are free blog servers - and you ought to be able to post graphics in a blog. Just search some and
try some. If you want to create your own website from scratch, then you need to get a webhost. Just google
the term. If you want to make your site in html5, then google how to use html5.

Share this post


Link to post
Share on other sites

 

 

There's so much information on the internet, I'm surprised you're actually asking the question.

 

Is there something in particular you're asking? Any particular goals you're trying to reach or accomplish?

When I start out I want to learn the hottest most popular and used language and programs/software. I want to be as up to date as possible instead of studying something that is old and not used any more. I want to learn the core principals of web programming, designing that can be applied everywhere. I really want a good base starting point for all the research I'm going to do. So what would you recommend I study?

 

 

Here's what you need to know. HTML5, CSS3, Javascript (ES5), and JQuery.

 

Web development technologies change so often that by the time you learn 1, it's already obsolete. But if you want something popular to learn which will get you a job, learn AngularJS 2.0.

 

Read a book called Eloquent Javascript to learn Javascript. It's free and it's on the web.


 

 

I only want to make a page with graphics. I'll try to expand on my own after that.

 

You want to put pictures on your page or you want video game (think Game Boy) like graphics on your page?

 

 

 

You want to put pictures on your page or you want video game (think Game Boy) like graphics on your page?

 

Um both.

Edited by LAURENT*

Share this post


Link to post
Share on other sites

There are hundreds of different ways of making web pages using different frameworks and languages and the one thats hot and the most up to date is all of them.  Every web shop works differently.    However the one thing that almost all of them has in common is that the glue of the internet is HTML, Javascript and CSS.

Learn these before progressing any further.  You can probably make the site using only these but, even if you can't you will still need to know them.

Share this post


Link to post
Share on other sites

  In all seriousness, web development is a mess, and you need to be doing it almost full-time if you want to stay current with the latest trends. I'd advise you to consider just how important this is to you.

This. "The notion of best practices in frontend world has a half life of about 3 months." said Steven Sanderson (he created knockout.js years ago) once in a presentation (https://youtu.be/I1USsIW8aWE?t=43m34s), and he was
a, generous about the timeframe
b, only talking about frontend. Going full stack is the way where madness lies.
(I'm a "full stack" .net dev by trade, and often there are times when the regular 8 hour workday just isn't enough to keep on top of all the new and shiny frontend and backend stuff. )

Share this post


Link to post
Share on other sites

The more I learn the more discouraged I get.....

 

Oh well, this project will be the smallest I've ever tried....hopefully

 

Let's reword the question. What is your EXACT goal for this website? What EXACTLY are you trying to accomplish with this website?

Share this post


Link to post
Share on other sites

 

The more I learn the more discouraged I get.....

 

Oh well, this project will be the smallest I've ever tried....hopefully

 

Let's reword the question. What is your EXACT goal for this website? What EXACTLY are you trying to accomplish with this website?

 

No special goal. I just want to create the site to learn how to create web sites. It would go like this. Some random person would type in "Laurentstar.com" into their url and it would take them to my site which displays a graphic. That's all it would do.

Share this post


Link to post
Share on other sites

Fire up your text editor, write some HTML, CSS and maybe JavaScript if you are into that sort of thing, and upload the whole collection to some HTTP-accessible location on the web. Or pay somebody like SquareSpace to do most of the heavy lifting for you.

Is there a specific technique or goal you want to accomplish here?

Sorry I meant to +1 this post, accidentally downvoted it. I don't want anyone accidentally thinking this is bad advice because it's not :)

My take on the problem?

Download WordPress, install a MySQL database and php, and follow through the process of installation.

It's very easy to use, just make sure you keep it updated!

Share this post


Link to post
Share on other sites
And, you don’t need an external server to get started. As braindigitalis has suggested, you can install the web server software individually, or you can used a pre-packaged LAMP stack (WAMP, for Windows) that has all that bundled and configured together.

EDIT:
To clarify braindigitalis’s point, this setup is ideal while developing locally-- the entire stack is only accessible from your machine only or local network. Once you are ready to push it somewhere, then you’ll need to find a suitable host and push your work there. Edited by fastcall22

Share this post


Link to post
Share on other sites

And, you don’t need an external server to get started. As braindigitalis has suggested, you can install the web server software individually, or you can used a pre-packaged LAMP stack (WAMP, for Windows) that has all that bundled and configured together.

While it's fine to use this for testing, I would be very careful using this for a live site (e.g. self hosting at home).

There are many security and stability implications that can and will hurt you if you're not aware and maintaining your home hosted server can become as time consuming as your game development.

I've been self hosting various sites at home for decades and it's a pain but also educational and rewarding. I also host on virtual and dedicated servers, which these days are a cheap and better solution.

Good luck!

Share this post


Link to post
Share on other sites

Honestly I would skip the entire hottest and most modern. The basics are still the basics, and you'll need to learn this regardless. Start here http://www.w3schools.com/

 

There seems to be some confusion in this thread whether you want to learn webdev as a long term goal, or just want to see what's it all about. Regardless i would recommend you to take the easy route first.

 

To get the domain name, I would go for a cheap webhost such as http://one.com (the only international site I have experience with) their cheapest tier will be more than sufficient. There are also a few free alternatives, but then you'll need the domain hosted somewhere else (some dns registrant).

 

 

Personally I use a cheap VPS at digital ocean, and host my domains at a Danish site (gratisdns.dk), but if a webpage is all you need you don't need this.

 

If you want to go modern, I know that static site generators are quite hot at the moment https://www.staticgen.com/ but seriously ignore this and follow the http://www.w3schools.com/ link instead :)

 

Edit: Also you might want to use Sublime Text or Notepad++ (nice text editors, that don't get in your way)

Edited by VildNinja

Share this post


Link to post
Share on other sites

Honestly I would skip the entire hottest and most modern. The basics are still the basics, and you'll need to learn this regardless. Start here

There seems to be some confusion in this thread whether you want to learn webdev as a long term goal, or just want to see what's it all about. Regardless i would recommend you to take the easy route first.

To get the domain name, I would go for a cheap webhost such as http://one.com (the only international site I have experience with) their cheapest tier will be more than sufficient. There are also a few free alternatives, but then you'll need the domain hosted somewhere else (some dns registrant).


Personally I use a cheap VPS at digital ocean, and host my domains at a Danish site (gratisdns.dk), but if a webpage is all you need you don't need this.

If you want to go modern, I know that static site generators are quite hot at the moment https://www.staticgen.com/ but seriously ignore this and follow the http://www.w3schools.com/ link instead :)

Edit: Also you might want to use Sublime Text or Notepad++ (nice text editors, that don't get in your way)

I think this is seriously overkill.

If you want to learn how to make websites, this can be a decade of learning to do it well, and can be as time consuming as making a game.

The OP said he wants to put up a simple site for his game project, dedicating months or years to learning to make websites well is the wrong path. You have to learn html5, css3, browser quirks and oddities, javascript and jquery, bootstrap, and more if you want it done good.

Alternatively use an existing solution such as WordPress, sitecake (my personal favourite right now) and simply deploy it to a digital ocean droplet. Sorted.

Sitecake is less advanced than WordPress and is a static generator as vildninja mentioned. These don't require a database and can cope with many thousands of times more requests at once if done right (good if your project is ever featured in gaming press and gets hammered by hits).

You can have such a solution up and running in minutes using the css stylesheet that comes with it. As an example take a look at one of my sites for my game.

Hope this helps!

Share this post


Link to post
Share on other sites

The OP said he wants to put up a simple site for his game project, dedicating months or years to learning to make websites well is the wrong path. You have to learn html5, css3, browser quirks and oddities, javascript and jquery, bootstrap, and more if you want it done good.
 

 

Sorry, I didn't quite understand OP's intentions then. I thought he wanted to learn web development (I don't see any mentions of hosting a game site). But yes if the goal is simply to setup a site asap, then most popular webhosts have a drag and drop interface, either for wordpress or their custom tools.

 

And yes it takes years to become an expert, but that is not required for most (non professional) projects, where you just want to tweak a bootstrap template, or want to know what's going on under the hood in a wordpress blog.

Share this post


Link to post
Share on other sites

No special goal. I just want to create the site to learn how to create web sites. It would go like this. Some random person would type in "Laurentstar.com" into their url and it would take them to my site which displays a graphic. That's all it would do.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <img alt="" src="http://http://images2.fanpop.com/images/photos/5300000/New-Super-Mario-Brothers-Wallpaper-super-mario-bros-5314181-1280-1024.jpg" />
</body>
</html>

Here's a starting point.

 

If you're on Windows, then go here: https://www.visualstudio.com/post-download-vs/?sku=community&clcid=0x409&downloadrename=true#

 

Install it, google some tutorials or go on microsoft's site and do their tutorials on to do web dev.

 

There's no need for anyone of us to really hand-hold through anymore steps at this point. We've given you all you need to get started. And there's enough info on the web to get you up and running.

 

If you have some development questions though, feel free to ask. :)

Share this post


Link to post
Share on other sites

This video (last years version) really helped me understand most of the options when starting web development.

 

ED: After watching the new version, I say that installing Vagrant was the main thing that got me up and running with a easy sandbox type (quickly configured virtual machine) development environment.  Docker runs fine in Vagrant.  He recommends skipping Vagrant and just use Docker but that is totally wrong IMO.

 

https://www.youtube.com/watch?v=sBzRwzY7G-k

Edited by fleabay

Share this post


Link to post
Share on other sites

You don't need Vagrant or Docker, or any other virtualisation or container technology. They're tools for professionals who are expecting to deploy complete technology stacks to a certain type of remote provider. For the OP to start on web development they can just start by saving a HTML file on their hard disk and opening it in a browser. They don't need anything else. Then they can add in CSS. And maybe Javascript. Then maybe use a custom server for server-side code. Etc etc.

 

This is the way to go.  And if you want to party like we did back in 1996 then you can give this a go:

https://neocities.org

Share this post


Link to post
Share on other sites

This topic is 399 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this