lewro’s blog - 2.1 - web designer beginner

Today I have decided to share with you the way I code in dreamweaver. If you thinking about coding practice that is not what I am about to show you. There are no questions for me in terms of coding. It is strictly semantic markup but as a designer I like when thinks looks pretty. Whatever I do I like to keep it simple, organized and pretty.

I played a bit with various dreamweaver functions that day and I have discovered the possibility to create your own theme for coding view. It is always very useful to create a nice working environment because it motivates you and stimulates your creativity process. If you are that type of person who walks around with open eyes watching colour combinations, grid systems, patterns in your daily life you probably will understand why it is important for me to keep my working area interesting and motivating. Anyway, no more talking let me show you my coding view in Dreamweaver. You can see on the first image the css code and the html code on the second. If you are interested what colours I have used here they are.

CSS Colours

• import: #002142
• media: #003366
• comment: #969696
• important: #99CC00
• property: #00356A
• selector: #99CC00
• string: #0071E1
• value: #42A0FF

HTML Colours

• anchor: #99CC00
• atribute value: #42A0FF
• comment: #969696 I
• form: #99CC00
• image: #99CC00
• table: #99CC00
• text: #0071E1

I was also thinking about changing the font type but I have not found anything which would be as readable as the default font - Courier New.

If you guys had the same idea using different colours or font types please send me a link to your code view image. I would be very happy to get inspired by your ideas. Thank you!