Hey guys, i was wondering if you can help me out with something.
I can write backend very well for websites, and i know both HTML and CSS, but for some reason when i start writing the html i just get stuck..
Its mostly because i am not that good of a designer.
Anyone has any tips?
Understand DOM and that every element on the page is just a rectangular block nested inside another rectangular block, after that just see how html tags (and then CSS) also define appearance, positioning and behaviour of these blocks.
I tend to think of HTML in 3 components: Functional, visual, and organizational:
- The functional parts would be things inside of <head> (where you add/create scripts, or setup metadata for the website) or adding in scripts at the bottom of the .html file if applicable.
- The visual is things like making text bold/underlined/etc. or something like putting red outlines around buttons (this part is mostly CSS related and some HTML as well).
- Finally, organizational is for how everything is put together, such as putting data into a column or having a [B]row[/B] of buttons vs a [B]column[/B] of buttons. For this part you really want to ask yourself "how can I display this info (whatever it may be) in the simplest and most comprehensible way?" You'll have to find a balance.
Once you understand those components and the parts they play then it becomes easier to put it all together. It mostly boils down to figuring out what you want to display, and then how you want to display it. Also using frameworks like [URL="http://getbootstrap.com/"]Bootstrap[/URL] makes it a lot faster to see your results (there'd be a learning curve if you're unfamiliar with implementing CSS stuff into your HTML).
[sp]Sorry if this is too high level, I can go lower if you'd like (i.e. more in-depth).[/sp]
Sorry, you need to Log In to post a reply to this thread.
