There are 27 Photoshop operation shortcut keys below, consist of 10 most frequently used shortcut keys、6 color-regulation shortcut keys、8 image-editor shortcut keys、3 interface shortcut keys. Hope you can make full use of them .

10 most frequently used shortcut keys:

6 color-regulation shortcut keys：

8 image-editor shortcut keys：

3 interface shortcut keys：

Related Posts

• Adobe Photoshop CS3 Logo PSD Free Download
• Adobe Photoshop CS3 Extended PSD Free Download
• Add Depth of Field to Perk up Dull Photos in Adobe PhotoShop
• Collection of 15+ Beautiful Adobe PhotoShop .PSD Files For Cars
• Photoshop Tutorial: How To Make an Icon of Blue Crystal House
• Photoshop Tutorial: How To Draw a Beautiful Chinese Peony(2)
• Photoshop Tutorial: How To Draw a Beautiful Chinese Peony(1)
• Photoshop Tutorial: How To Make a Blue Bougie in The Transparent Glass(2)
• Photoshop Tutorial: How To Make a Blue Bougie in The Transparent Glass(1)
• Photoshop Tutorial: How To Make a Picture of a Tearful Girl

• HTML stands for Hyper Text Markup Language
• HTML is not a programming language, it is a markup language
• A markup language is a set of markup tags
• HTML uses markup tags to describe web pages

In this article, 10 tips are collected together and offered for beginners, specifically for those who are just diving into web development with one year of knowledge or less. As long as bearing in mind and flexibly applying them in practical exercises, you definitely can write masterful codes and become a good programmer.

1. Be Sure to Close Tags

We always see some source codes in web documents like this

Maybe in the past we could ignore this, but in today’s standards, it should be 100% avoided. Be sure to close your tags, otherwise you’ll encounter corroboration and malfunction issues at every turn.

2. Declare the Correct DocType

The author used to participate quite a bit in CSS forums. When a user had some questions, before we look at their situation, we suggest him that two things go first.

Only if define doctype before HTML tags begin, which tell the browser that HTML, XTHML or mixture of both consist in the page, the browser can analysis tags correctly.

Usually there are four doctypes to choose from.

Different opinion always exists in the discussion about what kind of declaration is correct. Most people think the most strict is the best, however researches show that many people choose using HTML 4.01 Strict because most browsers analysis this declaration in a ordinary way. But the bottom line is whether it fits you or not. Therefore you have to think over it and choose your correct one.

3. Do Not Use Inline Styles

When you work really hard on writing codes, it can be alluring to take the easy route and sneak in a bit of styling like this

It looks like convenient and no-big-deal, but troubles are brought without noticed. It is better for you to use styles after finish its structure and content. A better method is reference that P tag from your external stylesheet.

4. Place all External CSS Files within the Head Tag

Technically, you can place stylesheets wherever you want. Though, the HTML requirement recommends that they be placed within the document head tag. The primary advantage is that your pages will apparently load faster.

5. Consider Placing Javascript Files at the Bottom

Remember a principle that we should make a page load as fast as it can. When loading a script, the page will not continue until the entire file has been loaded. It wastes a lot of time.

If you only want some like add a functionality after click a button, then it is a best choice to place those files at the bottom before the closing body tag.

For example

6. Do Not Use Inline Javascript. It’s Already 2009!

Years ago there was an ordinary way that people placed JS directly within tags, especially in simple image galleries. In essence, a “onclick” attribute was appended to the tag and its value is equal to some JS method. We should not do this. Instead, transfer this code to an external JS file and use “addEventListener/attachEvent” to “listen” for your preferred event. Or, if using a framework like jQuery, just use the “click” method.

7. Validate Continuously

Many people don’t really understand the value of validation. In brief, validation is work for you, not against.

If you just started web design, I strongly recommend this web develop toolbar which called Web Developer 1.1.8. You can download it on Internet and and use the “Validate HTML” and “Validate CSS” options continuously. CSS is not only a easy language to learn, but also a hard nut to crack. You’ll find that it’s your inexact makeup that cause lots of problems. Therefore, the best way is validation, validation and validation.

8. Use H1-H6 Tags

It is recommended to use all six of these tags in page, although most people only use the top four. There will be a lot of advantages when the maximum are used, so force yourself to replace that P tag with an H6 when appropriate.

9. If Building a Blog, Save the H1 for the Article Title

Though it is depend on your needs and your website, I recommend that when you build a blog, save the H1 for the article title. It really do good to SEO, so you’d better try this.

10. Wrap Navigation with an Unordered List

Websites usually have their navigation and you can formate it like this

But you’d better not do this if you want write much better code. UL tag is meant to contain items, so it’s better to formate it like this

Related Posts

• Dreamweaver 8.0 Tutorial—How To Limit The Time Of Viewing The Web Page
• Dreamweaver 8.0 Tutorial—Forbid The Viewers To Copy The Webpage Content By Using HTML Codes
• How to Speed up in Adobe PhotoShop – Using 27 Shortcut Keys