Jump to content

Website Designing


Goggwell

26 posts in this topic

Recommended Posts

Designing A Website

By: Goggwell

 

T H I S  I S  M Y  T U T O R I A L

 

I bet you're all here to find out how to design a website. Lucky guess :p

 

Well, that's simple, if you know how to code (which I am assuming you don't). For starters, you have to learn the basics of HTML/CSS, with jQuery as an added bonus.

 

(WHICH by the way you can learn for free on Codecademy)

 

But, there are ways to design websites without coding. Luckily for you, I have found several options!

 

1. You can make a design on Photoshop and have someone else figure out all of the interface options

 

By this I mean you can design your own interface on Photoshop. This could be easy or hard, depending on your knowledge of Graphic Designing.

 

2. Use Adobe Muse

 

Adobe has created a program called Adobe Muse CC where you can create a new website without any coding whatsoever. If you're willing to spend a little cash, you'll be designing interfaces in no time!

 

Here's a link to the official Adobe Muse Tutorial Site

-=-

https://helpx.adobe.com/muse/how-to/create-website.html

-=-

 

3. Find website makers using Google

 

There are tons of places to make websites for free using a website maker ONLINE. It's fast, easy-to-use, and best of all, CODING-FREE! Some are for free, but more advanced ones cost a few dollars.

 

Some are drag-and-drop, and some are computed to your liking (or disliking, if you like drag-and-drop).

 

 

 

But if you wish to code a website, here are a few pointers:

 

- To get started, you need to learn how to code, obviously...

                    So here are a few sites to learn how to code (for free, or not :p )

 

CODECADEMY (Free and intuitive)

         (here's my description of this website)

                  Codecademy offers a wide range and selection of coding languages that can be learned step-by-step from courses created and perfected by coding intellects and gurus. It's sleek, intuitive design, followed by an easy-to-follow tutorial is best tailored and suited and directed for beginners.

 

This website is also COMPLETELY FREE, meaning that you do not have to spend a dime on these amazing courses. Also, if you are stuck on a course, you can always ask for help or look for solutions in the Codecademy Forums. In conclusion, this site is A MUST if you want to learn the basics of coding.

 

Here are a few other sites that I have yet to take part in, but could be interesting:

 

- KHANACADEMY -

(How I found out: From another forum)

 

- CODEYEAR -

(How I found out: My ICT Class)

 

 

If you are already good with coding, then I recommend you start off here:

 

THE CODING SECTION

 

So far, I only know of 2 sites/programs that you use to create websites with code. Unless I am mistaken and you could create websites from scratch using NOTEPAD ++

 

Bootstrap:

Bootstrap is an epic site maker that creates incredible designs that we all enjoy. From simple yet elegant pages to complex and interesting sites, Bootstrap is one tool to get.

 

Here is a link to their official site:

http://getbootstrap.com

 

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

 

It's free and fun to use, and there are also pre-made templates that you can use as well (free and premium templates available, just search :) )

 

With Bootstrap, you can make websites that look like this:

 

grayscale_zpsf9915a5b.jpg

 

brushed_zpse1addc13.jpg

 

(Sorry if the pictures are a little blurry. I took snapshots using the Snipping Tool)

 

You can find pre-made templates in the Downloads below (just scroll down to the bottom of this thread to find downloads)

 

If you find yourself stuck, here's a Get Started topic from the site itself:

 

http://getbootstrap.com/getting-started/

 

 

There's also Wordpress, but I have no idea how to use it :p

 

 

The Actual Code

 

I have a code for a basic Bootstrap document built upon HTML/CSS (you need Bootstrap to load this code)

 

Just write this code somewhere (like Notepad ++) and just rewrite the file to 'index.html' or something like that (without the quotation marks) to get it working.

 

Here's the code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

Of course, this is just the basic code. There's much more coding involved to make a fully functioning website.

 

Make sure you have HTML/CSS and jQuery coding files ready/installed into your computer. The code will work that way :)

 

 

So after having said all that, this stuff is what you need to get ready!

 

 

Downloads:

 

Free Bootstrap Templates:

 

http://startbootstrap.com

 

http://www.templatemag.com/free-bootstrap-templates/

 

 

Adobe Muse:

 

https://creative.adobe.com/products/download/muse

 

 

 

Hope you found this tutorial helpful!

There will be much more information in the future. Because right now I am studying web design (THAT'S RIGHT)

 

Good luck to everyone!

 

 

            

Link to comment
Share on other sites

  • Our picks

    • Summoners War Cheats v8.3.9 +7 [Semi Auto Updating]
      Hacked App: Summoners War By Com2uS Corp.
      iTunes Link: https://itunes.apple.com/us/app/summoners-war/id852912420?mt=8&uo=4&at=1010lce4
      Bundle ID: com.com2us.smon.normal.freefull.apple.kr.ios.universal

      Hack Features:
      - Damage Multiplier 
      - Godmode
      - Monster Count Unlink
      - Max Accuracy
      - No Skill Cooldown
      - First Turn
      - Build buildings without having required level
      - Antiban
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 6,683 replies
    • Travel Town - Merge Adventure v2.12.641 Jailed Cheats +1
      Modded/Hacked App: Travel Town - Merge Adventure By Magmatic Games Ltd
      Bundle ID: io.randomco.travel
      iTunes Store Link: https://apps.apple.com/us/app/travel-town-merge-adventure/id1521236603?uo=4


      Hack Features:
      - Infinite Currencies


      iOS Hack Download Link: https://iosgods.com/topic/148953-travel-town-merge-adventure-v212287-jailed-cheats-1/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 355 replies
    • NARUTO X BORUTO NINJA VOLTAGE Cheats v11.6.0 +4 Cheats
      Modded/Hacked App: NARUTO X BORUTO NINJA VOLTAGE by BANDAI NAMCO Entertainment Inc.
      Bundle ID: jp.co.bandainamcoent.BNEI0306
      iTunes Store Link: https://apps.apple.com/us/app/naruto-x-boruto-ninja-voltage/id1290010412?uo=4&at=1010lce4


      Hack Features:
      - Multiply Attack
      - Multiply Defense
      - Instant Skill
      - Infinite Mana


      iOS Hack Download Link: https://iosgods.com/topic/128155-arm64-naruto-x-boruto-ninja-voltage-cheats-v600-4/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 1,011 replies
    • Fishdom v8.2.3 Jailed Cheats +3
      Modded/Hacked App: Fishdom By PLR Worldwide Sales Limited
      Bundle ID: com.playrix.fishdom-freeplay
      iTunes Store Link: https://apps.apple.com/us/app/fishdom/id664575829?uo=4


      Hack Features:
      - Infinite Moves
      - Infinite Boosters
      - Infinite Lives

      NOTE: Play until you reached level 31 on non-hacked version before using this hack - Make sure you connected with GameCenter and Facebook to save your progress


      iOS Hack Download Link: https://iosgods.com/topic/116586-arm64-fishdom-v683-jailed-cheats-3/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 662 replies
    • Knight Rider: A Takeout RPG v0.3.15 +1 Jailed Cheat [ God Mode ]
      Modded/Hacked App: Knight Rider: A Takeout RPG By Game Duo Co.,Ltd.
      Bundle ID: com.maf.delivery
      iTunes Store Link: https://apps.apple.com/us/app/knight-rider-a-takeout-rpg/id6450981787?uo=4


      Hack Features:
      - God Mode


      Jailbreak required hack(s): [Mod Menu Hack] Knight Rider: A Takeout RPG v0.3.12 +2 Cheats [ Damage & Defence ] - Free Jailbroken Cydia Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Haha
        • Winner
        • Like
      • 9 replies
    • Knight Rider: A Takeout RPG v0.3.15 +2 Cheats [ Damage & Defence ]
      Modded/Hacked App: Knight Rider: A Takeout RPG By Game Duo Co.,Ltd.
      Bundle ID: com.maf.delivery
      iTunes Store Link: https://apps.apple.com/us/app/knight-rider-a-takeout-rpg/id6450981787?uo=4


      Hack Features:
      - Damage Multiplier
      - Defence Multiplier


      Non-Jailbroken & No Jailbreak required hack(s): [Non-Jailbroken Hack] Knight Rider: A Takeout RPG v0.3.12 +1 Jailed Cheat [ God Mode ] - Free Non-Jailbroken IPA Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Haha
        • Thanks
        • Winner
        • Like
      • 25 replies
    • Boom Karts Multiplayer Racing v1.44.0 +2 Jailed Cheats [ Cars/Emotes Unlocked ]
      Modded/Hacked App: Boom Karts Multiplayer Racing By Fingersoft
      Bundle ID: com.fingersoft.boomkarts
      iTunes Store Link: https://apps.apple.com/us/app/boom-karts-multiplayer-racing/id1553445732
       

      Hack Features:
      - All Cars Unlocked
      - All Emotes Unlocked


      Jailbreak required hack(s): https://iosgods.com/topic/171957-boom-karts-multiplayer-racing-v1300-2-cheats-carsemotes-unlocked/
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Thanks
        • Like
      • 28 replies
    • Love Island: The Game v1.5.3 +2 Jailed Cheats [ Unlimited Currencies ]
      Modded/Hacked App: Love Island: The Game By Fusebox Games
      Bundle ID: com.fuseboxgames.loveisland2
      iTunes Store Link: https://apps.apple.com/us/app/love-island-the-game/id1522699215
       

      Hack Features:
      - Unlimited Gems -> Earn or spend some.
      - Unlimited Tickets -> Earn or spend some.


      Jailbreak required hack(s): https://iosgods.com/topic/169224-love-island-the-game-all-versions-2-cheats-unlimited-currencies/
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 152 replies
    • Love Island: The Game v1.5.3 +2 Cheats [ Unlimited Currencies ]
      Modded/Hacked App: Love Island: The Game By Fusebox Games
      Bundle ID: com.fuseboxgames.loveisland2
      iTunes Store Link: https://apps.apple.com/us/app/love-island-the-game/id1522699215
       

      Hack Features:
      - Unlimited Gems -> Earn or spend some.
      - Unlimited Tickets -> Earn or spend some.


      Non-Jailbroken & No Jailbreak required hack(s): https://iosgods.com/forum/79-no-jailbreak-section/
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 50 replies
    • Stumble Guys v0.75 +4 Jailed Cheats [ Unlock Everything ]
      Modded/Hacked App: Stumble Guys By Scopely, Inc.
      Bundle ID: com.kitkagames.fallbuddies
      iTunes Store Link: https://apps.apple.com/us/app/stumble-guys/id1541153375?uo=4


      Hack Features:
      - Unlock All Skins
      - Unlock All Emotes
      - Unlock All Footsteps
      - Unlock All Animations


      Jailbreak required hack(s): [Mod Menu Hack] Stumble Guys v0.74.1 +4 Cheats [ Unlock Everything ] - Free Jailbroken Cydia Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 66 replies
    • Stumble Guys v0.75 +4 Cheats [ Unlock Everything ]
      Modded/Hacked App: Stumble Guys By Scopely, Inc.
      Bundle ID: com.kitkagames.fallbuddies
      iTunes Store Link: https://apps.apple.com/us/app/stumble-guys/id1541153375?uo=4


      Hack Features:
      - Unlock All Skins
      - Unlock All Emotes
      - Unlock All Footsteps
      - Unlock All Animations


      Non-Jailbroken & No Jailbreak required hack(s): [Non-Jailbroken Hack] Stumble Guys v0.74.1 +4 Jailed Cheats [ Unlock Everything ] - Free Non-Jailbroken IPA Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 76 replies
    • Good Pizza, Great Pizza v5.14.4 +2 Jailed Cheats [ Unlimited Currencies ]
      Modded/Hacked App: Good Pizza, Great Pizza By TAPBLAZE, LLC
      Bundle ID: com.tapblaze.pizzabusiness
      iTunes Store Link: https://apps.apple.com/us/app/good-pizza-great-pizza/id911121200?uo=4


      Hack Features:
      - Unlimited Cash
      - Unlimited Diamonds


      Jailbreak required hack(s): [Mod Menu Hack] Good Pizza, Great Pizza v5.5.6 +2 Cheats [ Unlimited Currencies ] - Free Jailbroken Cydia Cheats - iOSGods
      Modded Android APK(s): https://iosgods.com/forum/68-android-section/
      For more fun, check out the Club(s): https://iosgods.com/clubs/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 88 replies
×
  • Create New...

Important Information

We would like to place cookies on your device to help make this website better. The website cannot give you the best user experience without cookies. You can accept or decline our cookies. You may also adjust your cookie settings. Privacy Policy - Guidelines