Jump to content
  • Sky
  • Mint
  • Azure
  • Indigo
  • Blueberry
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Pomegranate
  • Ruby Red
  • Orange
  • Banana
  • Apple
  • Emerald
  • Teal
  • Chocolate
  • Slate
  • Midnight
  • Maastricht
  • Charcoal
  • Matte Black
Sign in to follow this  
Goggwell

Website Designing

23 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!

 

 

            

  • Upvote 2

Share this post


Link to post
Share on other sites

???? wordpress makes everything less complicated and much userfriendly though

Share this post


Link to post
Share on other sites

wordpress makes everything less complicated and much userfriendly though

Wordpress is also the center of vulnerabilities lately. :/

Share this post


Link to post
Share on other sites

Adobe DreamWeaver is another awesome Software to build websites in html or php. Need templates? try Artiseer

Share this post


Link to post
Share on other sites

Very good and high-quality work. You can of course make up the site from scratch, but if you need a not very complicated and heavy site, then you can do it with the help of already prepared elements. Now a lot of resource make templates for sites. There are also resources that create a very cool site design. For example, here guys create very beautiful things https://gapsystudio.com/service/web-design/ Go to them, see the quality of work. Maybe you can borrow something for yourself. But I would advise you to still contact with professionals to make a high-quality design.

Edited by Bladebringer

Share this post


Link to post
Share on other sites
Sign in to follow this  

  • Our picks

    • Zula Mobile v0.15.0.122 +5 Cheats
      Modded/Hacked App: Zula Mobile By Lokum Oyun Yayincilik Ve Pazarlama Anonim Sirketi
      Bundle ID: com.lokumgames.zulamobil
      iTunes Store Link: https://apps.apple.com/tr/app/zula-mobile/id1468880536?uo=4


      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:
      - No Recoil
      - No Spread
      - Speed Hack
      - Crouch Height Hack
      - Gravity Hack


      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/


      iOS Hack Download Link:

      Hidden Content
      Download Hack



      Download IPA



      Installation Instructions:
      STEP 1: Download the .deb Cydia hack file from the link above.
      STEP 2: Copy the file over to your iDevice using any of the file managers mentioned above or skip this step if you're downloading from your iDevice.
      STEP 3: Using iFile or Filza, browse to where you saved the downloaded .deb file and tap on it.
      STEP 4: Once you tap on the file, you will then need to press on 'Installer' or 'Install' from the options on your screen.
      STEP 5: Let iFile / Filza finish the cheat installation. Make sure it successfully installs, otherwise see the note below.
      STEP 6: Now open your iDevice settings and scroll down until you see the settings for this cheat and tap on it. If the hack is a Mod Menu, the cheat features can be toggled in-game.
      STEP 7: 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 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, post your feedback below and help out other fellow members that are encountering issues.


      Credits:
      - @Zahir


      Cheat Video/Screenshots:
      • 5 replies
    • SuperStar YG Cheats v3.0.7 +2
      Modded/Hacked App: SuperStar YG By Dalcomsoft Inc.
      Bundle ID: com.dalcomsoft.ssyg
      iTunes Store Link: https://apps.apple.com/us/app/superstar-yg/id1520341541?uo=4


      Hack Features:
      - Auto Dance
      - Never Lose Combo


      iOS Hack Download Link: https://iosgods.com/topic/136134-superstar-yg-cheats-v302-2/
      • 73 replies
    • Crusaders Quest v5.10.2 - [ x10 Stats & More ]
      Modded/Hacked App: Crusaders Quest By NHN Entertainment Corp.
      Bundle ID: com.nhnent.SKQUEST
      iTunes Store Link: https://itunes.apple.com/us/app/crusaders-quest/id901858272?mt=8&uo=4&at=1010lce4
       

      Mod 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:
      - x10 Stats
      - Massive Stats
      - Weak Enemies - Enemies Have Low HP , DEF & ATK
      • 1,189 replies
    • [Honkai Impact TW] 崩壞3rd Cheats v4.5.0 +2 [ Multiply Attack & Defense ]
      Modded/Hacked App: 崩壞3rd by YUWEI SU
      Bundle ID: com.miHoYo.bh3asia
      iTunes Store Link: https://apps.apple.com/tw/app/%E5%B4%A9%E5%A3%9E3rd/id1233055283?uo=4&at=1010lce4


      Hack Features:
      - Multiply Attack
      - Multiply Defense


      iOS Hack Download Link: https://iosgods.com/topic/134351-honkai-impact-tw-%E5%B4%A9%E5%A3%9E3rd-cheats-v420-2-multiply-attack-defense/
      • 72 replies
    • Honkai Impact 3 (SEA) Cheats v4.5.0 +2 [ Multiply Attack & Defense ]
      Modded/Hacked App: Honkai Impact 3 by miHoYo Limited
      Bundle ID: com.miHoYo.bh3oversea
      iTunes Store Link: https://apps.apple.com/sg/app/honkai-impact-3/id1299582178?uo=4&at=1010lce4


      Hack Features:
      - Multiply Attack
      - Multiply Defense


      iOS Hack Download Link: https://iosgods.com/topic/134285-honkai-impact-3-sea-cheats-v420-2-multiply-attack-defense/
      • 59 replies
    • Omega Legends v1.0.693 +4 Cheats
      Modded/Hacked App: Omega Legends by SKYUNION HONG KONG HOLDINGS LIMITED
      Bundle ID: com.igg.ios.omegalegends
      iTunes Store Link: https://apps.apple.com/br/app/omega-legends/id1508942308?uo=4&at=1010lce4


      The game is available on South American countries (Brazil, Peru, Chile, Argentina, etc.)


      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:
      - No Recoil/Scatter
      - Jump Hack
      - Speed Hack
      - Speed Hack - while Knocked
      - Speed Hack - while ADS


      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/


      iOS Hack Download Link:

      Hidden Content
      Download Hack



      Download IPA



      Installation Instructions:
      STEP 1: Download the .deb Cydia hack file from the link above.
      STEP 2: Copy the file over to your iDevice using any of the file managers mentioned above or skip this step if you're downloading from your iDevice.
      STEP 3: Using iFile or Filza, browse to where you saved the downloaded .deb file and tap on it.
      STEP 4: Once you tap on the file, you will then need to press on 'Installer' or 'Install' from the options on your screen.
      STEP 5: Let iFile / Filza finish the cheat installation. Make sure it successfully installs, otherwise see the note below.
      STEP 6: Now open your iDevice settings and scroll down until you see the settings for this cheat and tap on it. If the hack is a Mod Menu, the cheat features can be toggled in-game.
      STEP 7: 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 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, post your feedback below and help out other fellow members that are encountering issues.


      Credits:
      - @Zahir


      Cheat Video/Screenshots:

      N/A
      • 66 replies
    • 黑潮:深海覺醒 Cheats v1.9.0 +3
      Modded/Hacked App: 黑潮:深海覺醒 By Komoe Technology INC.
      Bundle ID: com.komoe.darkboomios
      iTunes Store Link: https://apps.apple.com/tw/app/%E9%BB%91%E6%BD%AE-%E6%B7%B1%E6%B5%B7%E8%A6%BA%E9%86%92/id1520163602?uo=4


      Hack Features:
      - God Mode
      - One Hit Kill
      - Instant Skill


      iOS Hack Download Link: https://iosgods.com/topic/135017-%E9%BB%91%E6%BD%AE%EF%BC%9A%E6%B7%B1%E6%B5%B7%E8%A6%BA%E9%86%92-cheats-v172-3/
      • 110 replies
    • Honkai Impact 3rd Cheats v4.5.0 +2 [ Multiply Attack & Defense ]
      Modded/Hacked App: Honkai Impact 3rd by miHoYo Limited
      Bundle ID: com.miHoYo.bh3global
      iTunes Store Link: https://apps.apple.com/us/app/honkai-impact-3rd/id1336342304?uo=4&at=1010lce4


      Hack Features:
      - Multiply Attack
      - Multiply Defense

      iOS Hack Download Link: https://iosgods.com/topic/134276-honkai-impact-3rd-cheats-v420-2-multiply-attack-defense/
      • 130 replies
    • Fishing Clash v1.0.135 +3 Cheats
      Modded/Hacked App: Fishing Clash: Fish Game 2019 by Ten Square Games S.A.
      Bundle ID: com.tensquaregames.letsfish2
      iTunes Store Link: https://apps.apple.com/us/app/fishing-clash-fish-game-2019/id1151811380?uo=4&at=1010lce4


      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:
      - Combo Always Active
      - Centered Line -> The line is always in the center zone. I didn't test enough but worked for 20 games. Duels too.
      - Line Never Breaks


      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/


      iOS Hack Download Link:

      Hidden Content
      Download Hack







      Installation Instructions:
      STEP 1: Download the .deb Cydia hack file from the link above.
      STEP 2: Copy the file over to your iDevice using any of the file managers mentioned above or skip this step if you're downloading from your iDevice.
      STEP 3: Using iFile or Filza, browse to where you saved the downloaded .deb file and tap on it.
      STEP 4: Once you tap on the file, you will then need to press on 'Installer' or 'Install' from the options on your screen.
      STEP 5: Let iFile / Filza finish the cheat installation. Make sure it successfully installs, otherwise see the note below.
      STEP 6: Now open your iDevice settings and scroll down until you see the settings for this cheat and tap on it. If the hack is a Mod Menu, the cheat features can be toggled in-game.
      STEP 7: 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 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, post your feedback below and help out other fellow members that are encountering issues.


      Credits:
      - @Zahir


      Cheat Video/Screenshots:

      N/A
      • 762 replies
    • Arknights Cheats v1.5.91 - [ x Player Damage & More ]
      Modded/Hacked App: Arknights By YOSTAR LIMITED
      Bundle ID: com.YoStarEN.Arknights
      iTunes Store Link: https://apps.apple.com/us/app/arknights/id1464872022?uo=4&at=1010lce4

      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:
      - x Player Damage - x1 - 1000
      - x Player Defense - x1 - 1000
      - x Player Attack Speed - x1 - 10
      - Frozen Enemies
      - Instant - Kill
      - Instant - Win
      - No Deploy Cost

      iOS Hack Download Link: https://iosgods.com/topic/117802-arknights-cheats-v1150-x-player-damage-more/
      • 637 replies
    • Seven Hearts v1.2.62 +3 Cheats
      Modded/Hacked App: Seven Hearts By BROKKSINDRI Co.,LTD.
      Bundle ID: com.brokksindri.sevenhearts.ios.kr
      iTunes Store Link: https://apps.apple.com/us/app/seven-hearts/id1525657053?uo=4


      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:
      - Unlimited Mana
      - Unlimited Gold (Play Campaign)
      - Never Die - Tower Only


      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/


      iOS Hack Download Link:

      Hidden Content
      Download Hack







      Installation Instructions:
      STEP 1: Download the .deb Cydia hack file from the link above.
      STEP 2: Copy the file over to your iDevice using any of the file managers mentioned above or skip this step if you're downloading from your iDevice.
      STEP 3: Using iFile or Filza, browse to where you saved the downloaded .deb file and tap on it.
      STEP 4: Once you tap on the file, you will then need to press on 'Installer' or 'Install' from the options on your screen.
      STEP 5: Let iFile / Filza finish the cheat installation. Make sure it successfully installs, otherwise see the note below.
      STEP 6: Now open your iDevice settings and scroll down until you see the settings for this cheat and tap on it. If the hack is a Mod Menu, the cheat features can be toggled in-game.
      STEP 7: 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 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, post your feedback below and help out other fellow members that are encountering issues.


      Credits:
      - @Zahir


      Cheat Video/Screenshots:

      N/A
      • 38 replies
    • Roem - Pixel Dungeon Raid v3.2.2 +5 Cheats
      Modded/Hacked App: Roem - Pixel Dungeon Raid By Dongsik Gang
      Bundle ID: com.abiss.roem
      iTunes Store Link: https://apps.apple.com/us/app/roem-pixel-dungeon-raid/id1447753767?uo=4


      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:
      - Damage Multiplier
      - Never Die
      - No Skill Cooldown
      - No Skill Cost
      - Unlimited Currency [Spend to Gain]


      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/


      iOS Hack Download Link:

      Hidden Content
      Download Hack







      Installation Instructions:
      STEP 1: Download the .deb Cydia hack file from the link above.
      STEP 2: Copy the file over to your iDevice using any of the file managers mentioned above or skip this step if you're downloading from your iDevice.
      STEP 3: Using iFile or Filza, browse to where you saved the downloaded .deb file and tap on it.
      STEP 4: Once you tap on the file, you will then need to press on 'Installer' or 'Install' from the options on your screen.
      STEP 5: Let iFile / Filza finish the cheat installation. Make sure it successfully installs, otherwise see the note below.
      STEP 6: Now open your iDevice settings and scroll down until you see the settings for this cheat and tap on it. If the hack is a Mod Menu, the cheat features can be toggled in-game.
      STEP 7: 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 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, post your feedback below and help out other fellow members that are encountering issues.


      Credits:
      - @Zahir


      Cheat Video/Screenshots:

      N/A
      • 199 replies
  • Recently Browsing   0 members

    No registered users viewing this page.


    • Administrator |
    • Special Rank |
    • ViP Pro |
    • ViP Jailed |
    • ViP |
    • Cheater  |
    • Modder  |
    • Novice Cheater |
    • Rookie Modder |
    • Contributor |
    • Senior Member |
    • Member |
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Privacy Policy - Guidelines