Skip to main content
4 answers
5
Asked 210 views

How do I make a good website?

How do I make a website from scratch, not using any templates, and making something that is functional and a good layout. I am having difficulty knowing where to start!

Thank you comment icon To get started, creating a draft of what you want to include on your website is best. You can use various tools such as Adobe XD and Canva, or even draw it by hand. Once you have your draft, you can build your website using HTML, JS, and CSS. If you're already familiar with these languages, great! If not, start by learning HTML and creating the website skeleton. After that, you can move on to CSS to style your website. For more advanced functionality, you can use JS. You can learn these languages through resources like FreeCodeCamp and W3Schools. Don't forget to get inspiration from other websites as well! Josue
Thank you comment icon I researched some stuff about Adobe XD but that price was way too high xD, I found a alternative called Figma. Thanks for telling me about this type of software, this will be very useful for planning! Thank you for taking your time to write this Ariel

+25 Karma if successful
From: You
To: Friend
Subject: Career question for you

5

4 answers


5
Updated
Share a link to this answer
Share a link to this answer

Kodi鈥檚 Answer

Hi Ariel! I'm excited that you're thinking about creating a website or app! 馃槉 A few things to think about.

If you're starting from absolute scratch, I highly recommend checking out free courses on coding and software development (like freecodecamp.org). This will build a strong foundation and boost your confidence as you move forward.

Once you have a basic understanding, it's time to explore the world of tech stacks. A popular choice is the MERN stack, which comprises MongoDB, Express.js, React.js, and Node.js. These tools will better equip you to tackle frontend, backend, and database. You can find comprehensive courses on Udemy to guide you through this stack.

Remember to keep in mind the purpose and goals of your website or app. If it's a smaller project like a blog or portfolio, you might only need React.js or even plain old Javascript and HTML (with CSS for styling). But for something more ambitious, like a social platform with user profiles and interactions, MERN stack is one way to go.

Ultimately, the secret to success lies in researching the tech stack that aligns with your vision. Creating a website can get pretty intimidating and confusing but be patient with yourself and know even the seasoned vets run into bugs and get frustrated. You got this and best of luck!
Thank you comment icon Thank you very much, first time hearing about the MERN stack, I will do my research to understand how to use MongoDB to works, thanks for taking your time to write this advice! Ariel
5
3
Updated
Share a link to this answer
Share a link to this answer

david鈥檚 Answer

Hi, Ariel,
Since I don't know your experience, my suggestion is to aim a bit lower if this is your first website. Functional websites with good layouts can take years of study to achieve. If you don't know HTML, building a site with just HTML is a good start on the mechanics and components of a website. Once you feel comfortable, consider learning the Bootstrap set of codes to augment a website. That may open the window on adding some CSS elements. Those are basic building blocks and many public libraries have a variety of self-help books on the topics, There are also many websites with tutorials and reference material. That gives you a foundation and a basic set of skills. Layout design is more complex and is largely learned by developing a variety of structures, keeping in mind that current websites must also work well on smartphones. That, in itself, is a major function as smartphones account for over half the website access. Although not in your requirements (no templates), you may find that setting up a free account at WIX dotcom will let you develop many free websites and experiment with layouts to see the ones that you like. This is a good learning experience in defining the look of a site. There is no time limit at WIX, so it can be a good sounding board for design ideas. For good design, my favorite reference is "Don't Make Me Think", a book by Steve Krug that is worth it's weight in gold. The book's sole focus is on web design that is effective. In your post, you mentioned not knowing where to start. If you do my suggested steps, you will be able to answer that question. All the best to you.
Thank you comment icon Thank you for the advice. Josue
Thank you comment icon Smartphones, I almost forgot! I will keep that in mind to make sure my projects work on multiple devices and still look good! Thank you for your time to write this advice! Ariel
Thank you comment icon You're very welcome. I'm pleased that my comments are read. A further issue to learn are some of the settings for Apache web server, mostly the options for the .htaccess file. david kirk
3
1
Updated
Share a link to this answer
Share a link to this answer

Elliot鈥檚 Answer

START SIMPLE! Learn some HTML and CSS with Freecodecamp.com and W3schools.com. Basics. Then look at some different websites and notice how they design and organize things. Then build a simple page with a header, footer, sidebar, etc. Javascript and other features can come a bit later.

Then repeat over and over a few times. You'll get the hang of it! Good luck and have fun :).
Thank you comment icon Thank you! yes seeing websites come together is really fun and satisfying! Ariel
1
0
Updated
Share a link to this answer
Share a link to this answer

Todd鈥檚 Answer

Creating a website requires knowledge of HTML, Javascript, Jquery, and CSS. You will also need a server to host your website. Making a good website involves taking consideration of your audience. Depending on the content you are providing, you need to have well structured navigation and a good color pallet. I would make notes of websites that you find pleasant and use some of those ideas in your own site in your own way. You can start by looking at twitter bootstraps grid layout for layout ideas. This is not really a template and can give you some ideas on layouts.
0