How to create a New Visualforce page

Before going to visualforce pages you need to Enable the Development Mode in Personal Information. Development mode embeds a Visualforce page editor in your browser that allows you to see code and preview the page at the same time. Development mode also adds an Apex editor for editing controllers and extensions.

Enable Development Mode:
1. Click Your Name -->Setup-->My Personal Information --> Personal Information.
2. Click Edit.
3. Select the Development Mode check box , then click Save.

There are two methods to create a visual force pages.

1. From the Develop Link in the APP SETUP

1. Click Your Name -->Setup --> App Setup --> Develop --> Pages --> New.
2. Provide a unique label
3. Some starter code is automatically provided by the system.
4. Click on save and a page is created.

1. 

2. By providing a new page name in the URL:

1. In your browser, add /apex/hello to the URL for your Salesforce instance. 

2.For example, if your Salesforce instance is https://na1.salesforce.com, the new URL is https://na1.salesforce.com/apex/hello. 

3. Here hello is your page name.You will see the following error:

Because hello page is not existing on your account.Click the Create Page hello link to create the new page. You will see your new page with default code.

Then you can Erase default code and write your own code. and save it using Ctrl+s.Below image is toolbar explain how to use editor.