In designing a webpage or website we start with the HTML…And this is before applying CSS,my doubt is:
–First define the HTML right from NAV-bar to footer ,in order.
–or define which ever part of your webpage(like nav-bar or header,footer,content,advert),without any order and later use CSS position properties to position elements.
You should start with HTML structure and page should make sense even without CSS. Putting footer before navbar makes no sense at all.
Yeah,thats right,but what if we dont follow the order and use css position,is it a good practice
you should always try to make your website readable with just html, or what would happen if the css can’t be loaded, or for people that can’t see the screen and use screen readers which rely completely on the html structure?
I think this is the order:
Make a mockup of how you wish your site looks
Now apply interactivity to your mockup.
Now think how your site responces in small screens
Iterate over this steps until you fell ok with everything
Based on the mockup make the skeleton of your site with you html and CSS classes that make sense even without css (as @jenovs said)
Apply the CSS to make your site looks like you sketched.
Apply the responsive design with media queries.
I hope you find this helpful
Just in case you need more opinion, i second to what all others here said. Order is important in structuring your website.