Create the Visualforce Page
Follow these steps to create a Visualforce page in the Developer Console.
- Open the Developer Console under Your Name or the quick access menu (
).
The Developer Console opens in a new window. - Click .
- Enter HelloWorld for the name of the new page, and click OK.
A new, blank Visualforce page opens in the Developer Console.
- In the editor, enter the following markup for the page.
<apex:page>
<h1>Hello World</h1>
</apex:page>
5. Click .
6.To see your new page, click Preview.
The rendered page opens in a new window. Note that this page preview shows your page without Salesforce styling. To see your page in the context of Lightning Experience, return to your main browser window. Open your browser’s JavaScript console and enter the following code. Don’t forget to replace pageName with your page’s name:
$A.get(“e.force:navigateToURL”).setParams(
{“url”: “/apex/pageName”}).fire();
This JavaScript fires the Lightning Experience navigateToURL event, and is the equivalent of entering in the classic /apex/PageName URL—you can even see that URL pattern in the code.
7.In the editor, add some additional text to your page, and save it.
The preview window automatically refreshes to reflect your changes when you save the page. We’ll leave out the save instruction in the future, but you should save your pages in between steps.
Please refer the following link to learn more about visual force page creation How to get tree view structure using visualforce page
Click to see a list of existing Visualforce pages. Double-click a page to open it. You can also open other Salesforce entities, such as Apex classes and triggers, Visualforce components, and so on.
We are the ISV Partners and Please reach us for custom development => www.merfantz.com
This training information is very useful to learn about Visualforce page creation in salesforce.