5 Users appreciate this thread.
klubadmin (2013-05-18 14:16:17)@Jaden The body tag is 100% width by default. That code doesn't change anything.
3dsklub.cf
Like what I said? +respect
>Official Trinate Spriter<
klubadmin (2013-05-19 05:40:43)@Jaden You mean the <meta> tag? That tells mobile browsers to fit the page to the screen's pixels.
Width:100%; however, doesn't change that.
3dsklub.cf
Like what I said? +respect
>Official Trinate Spriter<
klubadmin (2013-05-19 10:16:15)It's ok, even the best of us don't know everything.
3dsklub.cf
Like what I said? +respect
>Official Trinate Spriter<
klubadmin (2013-05-20 09:49:25)@GLXshadow522 if "Meh" is all you have to say then you can leave right now.
This tutorial is intended for complete beginners so that they can get into web development the right way and have an idea of where to begin.
3dsklub.cf
Like what I said? +respect
>Official Trinate Spriter<
klubadmin (2013-05-23 01:18:14)Thanks! @ryanb000977
@Gray That's optional, but yes, a handy piece of info to know.
3dsklub.cf
Like what I said? +respect
>Official Trinate Spriter<
klubadmin (2013-06-01 23:49:30)@doggle1 Thanks (also)!
3dsklub.cf
Like what I said? +respect
>Official Trinate Spriter<
johnvazquezXD (2013-06-12 20:44:41)Can you name a few good web hosts that are free because wapka sites look a little boring and are to easy to make i want a challenging free web host
....
klubadmin (2013-06-21 02:38:02)@johnvazquez
If you read through all the way you'd have seen that I mention two.
But for you're convenience, here is a list of free hosts that are decent:
-freehostingnoads.net (good space/features, decent support)
-000webhost (good space, some features, decent support)
-heliohost.com (limited space, good features, good support)
I'd personally recommend the first one, as I use it for my own website.
3dsklub.cf
Like what I said? +respect
>Official Trinate Spriter<
bmarl (2013-11-09 00:15:05)So, how do you make the top screen and the bottom screen?
Check out my YouTube channel! Subscribe, like my videos and comment! Much appreciation.
epicpwner2003 (2014-07-10 04:23:53)I use Wapka for demo sites.
...the noise the human language makes when it screams in agony. It is a pretty funny noise.
-FluxerCry
Click here if you have a crush on me. (No one)
-FluxerCry
Click here if you have a crush on me. (No one)
CoolApps (2014-07-21 10:36:15)The free webhost you've mentioned says in its ToS that chat scripts are not allowed.
If you want to have a chat or anything with a similar mechanism then use X10Hosting.
Newer account: NodePoint
Log in to submit a comment
Back to forum: Web Programming (HTML, JS, CSS, PHP, MySQL)
New registered users today: 7
Newest registered user: ElegantVulpes
I believe it's time for another post explaining the VERY BASICS of this topic.
So you want to make a website? You've come to the right place.
You want it to work well on a 3DS? You've come to the right place.
You want it to be easy? Now would be a good time to leave. Creating a website requires dedication and perseverance. You can't just press a few buttons and expect to have a perfect popular website. So if you don't want to spend a while LEARNING stuff (ewww, learning), then please go back and do something else.
So, if you're still reading, good job! I hope you can learn something from this tutorial and maybe, just maybe, go on to become the next big thing! So without further ado, how to make a website.
Every website is made up of FILES. All of these FILES are located on a HOST that is connected to the internet. Think of it as a second virtual computer that someone is letting you use.
Now you may have heard of wapka.
Please don't use wapka.
While wapka is an easy way to create a website, I would hardly call it a real website. They look terrible and often look almost identical. It's obvious when someone uses wapka. Professionals don't use it, so you shouldn't either.
Some people prefer to only use their mobile devices to edit their website (hint: you'll want to use a computer if you're serious about this, but if you insist, keep reading). Many of these people say that they use wapka because there aren't any other "mobile hosts".
They don't know what they're talking about.
The problem here is users confuse a host and an FTP as the same thing (since most hosts offer a built-in FTP).
What you really want is a good host (any host works, so find a good one) and a mobile-compatible FTP. The FTP is what lets you edit your files, the HOST simply saves them for others to see.
For example, I suggest using byet.host as a free host, for hostgator.com as a paid host. Then, to edit your website on a mobile device, use net2ftp, choose ADVANCED, enter the USERNAME, PASSWORD, and FTP SERVER URL provided by the host, and select the iPhone skin and login. However, the location of the USERNAME, PASSWORD, and FTP SERVER URL isn't the same from host to host, so you may have to look around for it, but it shouldn't be too hard to find.
This will let you use any host that you want and still have the ability to edit files from any device connected to the internet.
And that's it for hosting!
Upon completing the above step and finding yourself a host and FTP, you'll want to learn how to make a web page.
Login to your FTP (for this tutorial, I'm assuming the features of your FTP are the same, or better than that of net2ftp).
You should be in a folder called public_html or something similar. This is the root of your website. To make your first file (the one that everyone will see when going to your website), create a New File called "index.php" or "index.html" (it doesn't matter at this point, but if you ever want to use PHP on the page, you'll want to use .php instead).
Tada! You now have a web page! Now to put something in it!
Web pages are most commonly composed of HTML (though there are alternatives), styled with CSS (the stuff that makes it look good), enhanced with Javascript (mainly for user interaction), and connected to a database (among other things) with PHP.
Here, we will set up the basic HTML:
<html> <head> </head> <body> </body> </html>
Hold on there! That's a lot of new stuff!
Don't worry, it's pretty simple. Here's how these TAGS work:
<html> tells the browser that we're using HTML to code the page.
<head> contains information that isn't visible to the user.
<body> contains everything that the user sees (and some that the user won't).
Let's stat by making the website compatible with mobile browsers.
Add the following bit of code into the <head></head> tag:
<meta name='viewport' content='width=device-width'>
That will allow the page to be re-sized to the browser.
Don't ask how this works, that won't be covered in here, just know that you NEED this on every page that you want to fit the browser's size.
One final thing. Let's add some text to your page.
Type "Hello, world!" or something similar between the <body></body> tags.
Save and go to your website's url. You should see a blank page with the words "Hello, world!" (or something similar) on it.
And that's it for you're first page!
That's it for the basics.
Obviously, most websites contain much more stuff than simple text like that (not to mention they look much nicer). Here's where it's up to you to figure out what you want to do.
Here's what I recommend looking into (in order of importance):
More HTML - You've barely scratched the surface with this tutorial, so try checking out some more tutorials around the internet. All it takes is a bit of Google.
CSS - This is what will help your site look better. Add this to your site by using a <style></style> tag inside the <head> tag. Be careful though, not all browsers support all CSS properties (if you are on a pc, I'd recommend Google Chrome).
PHP - Once you have both of those down completely (or at least reasonably well), look into PHP for dynamic content. This allows you to store/retrieve information from a database table, the main component of any social site. No worries here, PHP is done completely on the server, so it doesn't matter what browser you are using.
Javascript - Use this to add some flare to your site once you understand everything else. Javascript can be used to create changing clocks, objects that can be made visible/hidden, and much more. However, it really isn't necessary to learn right away, so don't bother getting confused by it until you've become solid with both HTML and CSS.
And that's it.
Thanks for reading, and thanks for NOT using wapka.
Good luck on your website!
2017-05-16 02:27:43
3dsklub.cf
Like what I said? +respect
>Official Trinate Spriter<