Create pages

In this step, you’ll:

• In this step, you’ll:
• Website channels
• Add the Home page
• Add the Medical center page
• Create the navigation menu

Website channels

Website channels allow users to create pages and modify the content of the website. Editors don’t need to worry about modeling or designing each page. They enter their content into templates defined by the content type selected when creating a page. The application’s live site logic (coded by developers) is responsible for formatting and displaying the content. 

Add the Home page

1. In the Channels category of the application list, select MEDLAB Clinic Pages.
2. Select New page.
3. Enter the following values:
   • Page name: Home
   • Content type: Home (MEDLAB Clinic)
4. Select Continue.
5. Fill in the following values for the Home page:
   • Header: The goal of our clinic is to provide the best medical care. To make you healthy at all times it is also necessary to keep up with a healthy way of living.
   • Text heading: Welcome to MEDLAB clinic
   • Text: Our clinic, based in Bedford, NH, is a federally qualified health center offering high-quality, comprehensive, and family-oriented primary health care and support services since 7th March 1935. We are recognized by the National Committee on Quality Assurance as a Patient-Centered Medical Home. Providing health care for a stronger community, we serve nearly 20,000 patients annually.
   • Page title: Home | MEDLAB Clinic
6. Select Save.
7. Publish the page.

The new Home page is now available under your MEDLAB Clinic Pages website channel.

If you open the page on the live site or in Preview mode, Xperience doesn’t display any content. This is because we haven’t yet prepared a view and other code for the page.

Add the Medical center page

1. Select the root in the content tree.

2. Select New page.

3. Enter the following values:

   • Page name: Medical center
   • Content type: Medical center (MEDLAB Clinic)

4. Select Continue.

5. Fill in the following value for your Medical center page:

   • Header: Medical center of the MEDLAB clinic

   • Text: select the Code View button on the editor toolbar and add the following text with HTML markup:

     Copy

     
     
       <h1>Medical center</h1>
       <p>
       A clinic (or outpatient clinic or ambulatory care clinic) is a healthcare facility that is primarily devoted to the care of outpatients. Clinics can be privately operated or publicly managed and funded, and typically cover the primary health care needs of populations in local communities, in contrast to larger hospitals which offer specialized treatments and admit inpatients for overnight stays. Some clinics grow to be institutions as large as major hospitals, or become associated with a hospital or medical school while retaining the name "clinic".
       </p>
     
       

     

   • Page title: Medical center | MEDLAB Clinic

6. Select Code View again on the editor toolbar to return back to content mode.

7. Select Save.

8. Publish the page.

9. Drag the new Medical center page under Home in the content tree.

Create the navigation menu

1. Select the root in the content tree.

2. Expand the drop-down next to New page, create a New folder, and name it Navigation.

3. Select Create.

4. With the Navigation folder selected in the content tree, select New page.

5. Enter the following values for the first navigation item:

   • Page name: Home
   • Content type: Navigation (MEDLAB Clinic)

6. Select Continue.

7. Fill in the following values for the home page link:

   • Name: Home
   • Page link: Select the Home page using the page selector
     

8. Select Save and Publish the page.

9. Repeat the steps to create a second navigation item:

   • Name: Medical center
   • Page link: Select the Medical center page using the page selector

10. Reorder the folders and items in the content tree according to your preferences.

The content of the site’s pages and the navigation menu is ready. Now, we need to switch to Visual Studio and design the site using .NET MVC.