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

    • Modded/Hacked App: Kritika: The White Knights by GAMEVIL Inc.
      Bundle ID: com.gamevil.kritikam.ios.apple.global.normal
      iTunes Store Link: https://apps.apple.com/us/app/kritika-the-white-knights/id865958296

      Hack Features:
      - Infinite Potions (Increase instead of decrease)
      - Infinite Mana
      - No Potion Cooldown
      - Instant EX Gauge Fill
      - God Mode / Never Die
      - No Stage Timer -> Added upon request.

      This hack works on the latest x64 or ARM64 & ARM64e iDevices: iPhone 5s, 6, 6 Plus, 6s, 6s Plus, 7, 7 Plus, 8, 8 Plus, X, Xr, Xs, Xs Max, 11, 11 Pro, 11 Pro Max, 12, 12 Pro, 12 Pro Max, 12 Mini, 13, 13 Pro, 13 Pro Max, 13 Mini, 14, 14 Plus, 14 Pro, 14 Pro Max, SE, iPod Touch 6G, 7G, iPad Air, Air 2, iPad Pro & iPad Mini 2, 3, 4, 5, 6 and later.
      Jailbroken version of this hack: https://iosgods.com/topic/44092-vip-exclusive-kritika-the-white-knights-v2412-15-cheats/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 1,372 replies
    • Hempire - Weed Growing Game v2.40.0 Jailed Cheats +5
      Modded/Hacked App: Hempire - Weed Growing Game By LBC Studios Inc.
      Bundle ID: ca.lbcstudios.hempire
      iTunes Store Link: https://itunes.apple.com/us/app/hempire-weed-growing-game/id1139379843


      Hack Features:
      - Cash (increase not decrease)
      - Diamonds (increase not decrease )
      - Fertilizer (increase not decrease)
      - VIP 
      -Items (increase not decrease )
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 291 replies
    • [Hack] DRAGON BALL Z DOKKAN BATTLE v5.23.0 +3 Cheats! [iOS 17/18]
      Modded/Hacked App: DRAGON BALL Z DOKKAN BATTLE by BANDAI NAMCO Entertainment Inc.
      Bundle ID: jp.co.bandainamcogames.BNGI0221
      iTunes Store Link: https://itunes.apple.com/us/app/dragon-ball-z-dokkan-battle/id951627425


      Hack Features:
      - High Damage
      - High Defense
      - High HP

       

      Jailbroken hack: https://iosgods.com/topic/26098-updated-dragon-ball-z-dokkan-battle-v312-3-cheats/
      DRAGON BALL Z DOKKAN BATTLE Discussions Club: https://iosgods.com/clubs/23-dragon-ball-z-dokkan-battle-club/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 1,580 replies
    • Kritika: The White Knights v5.8.3 +3 [God Mode & Damage Multiplier]
      Modded/Hacked App: Kritika: The White Knights By GAMEVIL Inc.
      Bundle ID: com.gamevil.kritikam.ios.apple.global.normal
      iTunes Store Link: https://itunes.apple.com/us/app/kritika-the-white-knights/id865958296
       

      Mod Requirements:
      - Jailbroken iPhone/iPad/iPod Touch.
      - iFile / Filza / iFunBox / iTools or any other file managers for iOS.
      - Cydia Substrate or Substitute.
      - PreferenceLoader (from Cydia or Sileo).


      Hack Features:
      - God Mode Works Everywhere
      - Set Damage Multiplier - Do not set it too high, you will get kicked out if you do.
      - No Skill Cooldown 

      All features are unlinked!
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 1,901 replies
    • [Exclusive] Kritika: The White Knights v5.8.4 +12 Cheats
      Hacked App: Kritika: The White Knights By GAMEVIL Inc.
      iTunes Link: https://itunes.apple.com/us/app/kritika-the-white-knights/id865958296
      Bundle ID: com.gamevil.kritikam.ios.apple.global.normal


      Hack Features
      - Infinite Potions (Increase instead of decrease)
      - Infinite Mana
      - No Potion Cooldown
      - Instant EX Gauge Fill
      - God Mode in Stage Mode
      - God Mode in Tower & Monster Wave
      - God Mode in Arena & PvP (Untested)
      - Timer Hack*
      - Mao Support Always Active
      - 1 Hit Kill in Monster -> One Hit Kill was Replaced with "Monster Level 1"
      - Enemy Doesn't Attack
      - Boss Doesn't Attack
      - Enemy Doesn't Move
      - Boss Doesn't Move
      - Monster Level 1 -> Easy kills
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 3,069 replies
    • DRAGON BALL Z DOKKAN BATTLE v5.23.0 +7 Cheats [ iOS 16/17/18 Support ]
      Modded/Hacked App: DRAGON BALL Z DOKKAN BATTLE By BANDAI NAMCO Entertainment Inc.
      Bundle ID: jp.co.bandainamcogames.BNGI0221
      iTunes Link: https://itunes.apple.com/us/app/dragon-ball-z-dokkan-battle/id951627425


      Hack Requirements:
      - Jailbroken iPhone/iPad/iPod Touch.
      - iFile / Filza / iFunBox / iTools or any other file managers for iOS.
      - Cydia Substrate (from Cydia).
      - PreferenceLoader (from Cydia).


      Hack Features:
      - Unlimited HP  -  (Put .0 at the back of your value: 1000.0)<br style="color:#555555">- Unlimited Damage  -  (Put .0 at the back of your value: 1000.0)<br style="color:#555555">- Unlimited Defense  -  (Put .0 at the back of your value: 1000.0)<br style="color:#555555">- Dice Hack -  [ONLY RANGE BETWEEN 1 - 6 or it will crash]  -  (Put .0 at the back of your value: 4.0)
      - Dice Hack 1, 2, 3
      - Dice Hack 4, 5, 6
      - Auto Win Battles

      Non-Jailbroken version of this hack: https://iosgods.com/topic/37875-hack-dragon-ball-z-dokkan-battle-v2120-3-cheats-ios-10/
      Free version of this hack: https://iosgods.com/topic/26098-updated-dragon-ball-z-dokkan-battle-v330-3-cheats/
      DRAGON BALL Z DOKKAN BATTLE Discussions Club: https://iosgods.com/clubs/23-dragon-ball-z-dokkan-battle-club/


      Hack Download Link:
      https://iosgods.com/topic/48201-dragon-ball-z-dokkan-battle-v331-7-cheats-ips4-celebration/

      Credits:
      - @ZahirSher
      - @DiDA
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 2,378 replies
    • Fallout Shelter v1.19 Unlimited Currency for Non-Jailbroken Devices!
      Modded/Hacked App: Fallout Shelter by Bethesda Softworks LLC
      Bundle ID: com.bethsoft.falloutshelter
      iTunes Store Link: https://apps.apple.com/us/app/fallout-shelter/id991153141


      Hack Features:
      - Freeze Food, Water, Power, Caps, Nukabottle, Medkits, Stimpex...
       

      This hack only supports x64 or ARM64 iDevices: iPhone 5s, 6, 6 Plus, 6s, 6s Plus, 7, 7 Plus, 8, 8 Plus, X, SE, iPod Touch 6G, iPad Air, Air 2, Pro & iPad Mini 2, 3, 4 and later.


      Jailbroken version of this hack: https://iosgods.com/topic/43926-fallout-shelter-v1131-15-groundbreaking-cheats/
      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
      • 3,196 replies
    • Fallout Shelter v1.19 +16 Groundbreaking CHEATS
      Modded/Hacked App: Fallout Shelter By Bethesda
      Bundle ID: com.bethsoft.falloutshelter
      iTunes Link: https://itunes.apple.com/us/app/fallout-shelter/id991153141


      Hack Features:
      - Dwellers instant level up
      - Freeze All Currencies
      - One Hit Kill
      - Add Stuff Instead of removing

      - Dwellers Never Die / God Mode

      (DO NOT COLLECT FROM BUILDINGS WILL CAUSE CRASH GET YOU DESIRED AMOUNT THEN TURN THE HACK OFF AND ENABLE FREEZE)

      - FREEZE  FOOD/WATER/POWER/CAPS/NUKABOTTLE/MEDIKITS/STIMPEX
      - Unlock all rooms etc and auto complete objectives / unlimited lunch boxes cola caps etc 

       

      After logging in to your iOSGods account, tap your screen with 3 fingers to bring up the iGMM. This hack only works on x64 or ARM64 iDevices: iPhone 5s, 6, 6 Plus, 6s, 6s Plus, 7, 7 Plus, 8, 8 Plus, X, SE, iPod Touch 6G, iPad Air, Air 2, Pro & iPad Mini 2, 3, 4 and later.


      Non-Jailbroken & No Jailbreak required hack(s): https://iosgods.com/topic/43928-fallout-shelter-v1112-unlimited-currency-for-non-jailbroken-devices/?
      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
      • 2,646 replies
    • DRAGON BALL Z DOKKAN BATTLE Japan (ドラゴンボールZ ドッカンバトル) v5.23.0 +7 Cheats!
      Modded/Hacked App: ドラゴンボールZ ドッカンバトル By BANDAI NAMCO Entertainment Inc.
      Bundle ID: jp.co.bandainamcogames.BNGI0211
      iTunes Link: https://itunes.apple.com/jp/app/ドラゴンボールz-ドッカンバトル/id951627670


      Hack Features
      - Unlimited HP  -  (Put .0 at the back of your value: 1000.0)
      - Unlimited Damage  -  (Put .0 at the back of your value: 1000.0)
      - Unlimited Defense  -  (Put .0 at the back of your value: 1000.0)
      - Dice Hack -  [ONLY RANGE BETWEEN 1 - 6 or it will crash]  -  (Put .0 at the back of your value: 4.0)
      - Dice Hack 1, 2, 3
      - Dice Hack 4, 5, 6
      - Auto Win Battles -> Disable if you get errors.
      PUT .0 at the back of all values!
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 7,889 replies
    • DRAGON BALL Z DOKKAN BATTLE v5.23.0 +3 Cheats!
      [Updated] DRAGON BALL Z DOKKAN BATTLE Cheats!
      Modded/Hacked App: DRAGON BALL Z DOKKAN BATTLE By BANDAI NAMCO Entertainment Inc.
      Bundle ID: jp.co.bandainamcogames.BNGI0221
      iTunes Link: https://itunes.apple.com/us/app/dragon-ball-z-dokkan-battle/id951627425


      Hack Features:
      - Unlimited HP - (Put .0 at the back of your value: 1111.0)
      - Unlimited Damage - (Put .0 at the back of your value: 1111.0)
      - Unlimited Defense - (Put .0 at the back of your value: 1111.0)
      - Dice Hack
      - Auto Win Battles
      PUT .0 at the back of all values!

      Dice hack doesn't work for tournaments, not recommended to use during one
      Auto Win HIGH RISK OF BAN when used in tournaments

      ViP Version: https://iosgods.com/topic/48201-dragon-ball-z-dokkan-battle-v311-5-cheats-ips4-celebration/
      Non-Jailbroken Version: https://iosgods.com/forum/78-vip-non-jailbroken-hacks-cheats/
      DRAGON BALL Z DOKKAN BATTLE Discussions Club: https://iosgods.com/clubs/23-dragon-ball-z-dokkan-battle-club/
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 13,096 replies
    • Wizardry Variants Daphne v1.0.7 +2 Cheats
      Modded/Hacked App: Wizardry Variants Daphne By Drecom Co., Ltd.
      Bundle ID: jp.co.drecom.wizardry.daphne
      iTunes Store Link: https://apps.apple.com/us/app/wizardry-variants-daphne/id1663423521?uo=4


      Mod Requirements:
      - Jailbroken iPhone/iPad/iPod Touch.
      - iGameGod / Filza / iMazing or any other file managers for iOS.
      - Cydia Substrate, ElleKit, Substitute or libhooker depending on your jailbreak.
      - PreferenceLoader (from Cydia, Sileo or Zebra).


      Hack Features:
      - Damage Multiplier
      - Defense Multiplier


      iOS Hack Download Link:

      Hidden Content

      Download Hack








      Installation Instructions:
      STEP 1: Download the .deb Cydia hack file from the link above. Use Safari/Google Chrome or other iOS browsers to download.
      STEP 2: Once the file has downloaded, tap on it and then you will be prompted on whether you want to open the deb with iGameGod or copy it to Filza.
      STEP 3: If necessary, tap on the downloaded file, and then, you will need to press 'Install' from the options on your screen.
      STEP 4: Let iGameGod/Filza finish the cheat installation. Make sure it successfully installs, otherwise see the note below.
      STEP 5: If the hack is a Mod Menu — which is usually the case nowadays — the cheat features can be toggled in-game. Some cheats have options that can be enabled from your iDevice settings.
      STEP 6: Turn on the features you want and play the game. You may need to follow further instructions inside the hack's popup in-game.

       

      NOTE: If you have any questions or problems, read our Troubleshooting topic & Frequently Asked Questions & Answers topic. If you still haven't found a solution, post your issue down below and we'll do our best to help! If the hack does work for you, please post your feedback below and help out other fellow members that are encountering issues.


      Credits:
      - AlyssaX64


      Cheat Video/Screenshots:

      N/A
        • Informative
        • Agree
        • Haha
        • Thanks
        • Winner
        • Like
      • 20 replies
    • (State of Survival: Zombie War China) 曙光防线 v2.1.60 +2 Jailed Cheats
      Modded/Hacked App: 曙光防线 By Shanghai Zhimeng Technology Co., Ltd.
      Bundle ID: com.zmgames.ss.cn
      iTunes Store Link: https://apps.apple.com/cn/app/%E6%9B%99%E5%85%89%E9%98%B2%E7%BA%BF/id6478076019?uo=4


      Mod Requirements:
      - Non-Jailbroken/Jailed or Jailbroken iPhone/iPad/iPod Touch.
      - Sideloadly / Cydia Impactor or alternatives.
      - A Computer Running Windows/macOS/Linux with iTunes installed.


      Hack Features:
      - Damage Multiplier
      - Defense Multiplier


      Jailbreak required hack(s): 


      iOS Hack Download IPA Link:

      Hidden Content

      Download via the iOSGods App








      PC Installation Instructions:
      STEP 1: If necessary, uninstall the app if you have it installed on your iDevice. Some hacked IPAs will install as a duplicate app. Make sure to back it up so you don't lose your progress.
      STEP 2: Download the pre-hacked .IPA file from the link above to your computer. To download from the iOSGods App, see this tutorial topic.
      STEP 3: Download Sideloadly and install it on your PC.
      STEP 4: Open/Run Sideloadly on your computer, connect your iOS Device, and wait until your device name shows up.
      STEP 5: Once your iDevice appears, drag the modded .IPA file you downloaded and drop it inside the Sideloadly application.
      STEP 6: You will now have to enter your iTunes/Apple ID email login, press "Start" & then you will be asked to enter your password. Go ahead and enter the required information.
      STEP 7: Wait for Sideloadly to finish sideloading/installing the hacked IPA. If there are issues during installation, please read the note below.
      STEP 8: Once the installation is complete and you see the app on your Home Screen, you will need to go to Settings -> General -> Profiles/VPN & Device Management. Once there, tap on the email you entered from step 6, and then tap on 'Trust [email protected]'.
      STEP 9: Now go to your Home Screen and open the newly installed app and everything should work fine. You may need to follow further per app instructions inside the hack's popup in-game.

      NOTE: iOS/iPadOS 16 and later, you must enable Developer Mode. For free Apple Developer accounts, you will need to repeat this process every 7 days. Jailbroken iDevices can also use Sideloadly/Filza/IPA Installer to normally install the IPA with AppSync. If you have any questions or problems, read our Sideloadly FAQ section of the topic and if you don't find a solution, please post your issue down below and we'll do our best to help! If the hack does work for you, post your feedback below and help out other fellow members that are encountering issues.


      Credits:
      - AlyssaX64


      Cheat Video/Screenshots:

      N/A
      • 2 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