How to start building sample web page ( post learning HMTL, CSS )

Dear All,

Kindly excuse for this basic query, last week I’ve completed HTML and CSS concepts while trying out basic examples.

Now I wish to build full fledged webpage using most of the concepts of HTML & CSS, but not understanding how to start.

e.g. I wish to replicate http://www.pascalvangemert.nl/#/profile, where should I start ?

  • Pen + Paper ?
  • Make list of elements ?

Any guideline will be super helpful.

Thanks in advance.

Regards,
Vikram

Think in terms of sections and create divs to contain those sections. Put in some content in each of those divs and start styling them to achieve the look you want. That’s a good place to start.

1 Like

Thanks for quick info, I’ll give it a try and share my learnings on this thread.

Do you’ve any links to read more on this topic from real world scenarios ?

Regards,
Vikram

The project you are trying to replicate is really awesome and one needs to have a very good knowledge you HTML, CSS concepts.Complete this project would be a really good opportunity for you.
Now you are thinking how to start and what should i do fist before starting this project, then I would say just dig right in create the html file and start making it right away and since it is a complex project you will be having some difficulties for that you can refer to freecodecamp and similary website.
Although you can check out my portfolio website for some inspiration: https://dev-ashishpal.github.io/

1 Like

Hi,

Just to give an update & looking for help as well.

  1. I’m quite comfortable with HTML now, able to use proper elements

  2. But still not getting which CSS property to use ?

Can you please share how to approach CSS ? I’m still running around one problem to another wrt CSS, not getting exactly how to use it ?

Thanks in advance.