DEV Community

Seonyoung Chloe (she/they)
Seonyoung Chloe (she/they)

Posted on

2

42 : My first interactive website

Solving problems was not the ultimate solution, the web front end developer roles to build a variety of websites, so, let's make something cool,

I always admire drawing my imagination, and the coding is my art tool, truly fit my personality, it is such a beautiful combination between function and aesthetics.


What will your website look like?

First things first: planning

Before doing anything, you need some ideas.
What should your website actually do? A website can do basically anything, but, for your first try, you should keep things simple. We'll start by creating a simple webpage with a heading, an image, and a few paragraphs.


To begin, you'll need to answer these questions:

  • What is your website about? Do you like dogs, New York, or Pac-Man?
  • What information are you presenting on the subject?
  • Write a title and a few paragraphs and think of an image you'd like to show on your page.
  • What does your website look like, in simple high-level terms?
  • What's the background color?
  • What kind of font is appropriate: formal, cartoony, bold and loud, subtle?

Sketching out your design

Next, grab pen and paper and sketch out roughly how you want your site to look. For your first simple webpage, there's not much to sketch out, but you should get in the habit of doing this now. It really helps — you don't have to be Van Gogh!


Choosing your assets

Text / Theme Color / Images / Font

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more