Page and Tabular Layouts, A Professional Website

For many of the sections of a professional website, there is the option to render the web page in either a tabular or page layout. This is true for all of the “experiences” and “body of work” sections and also the “blog” section. A section rendered as a “tabular” layout will display as a table on a single web page. A section rendered as a “as a page” layout will display as multiple web pages, one for each subsection of the particular section. There are advantages and disadvantages with each type of layout.

Sections displayed with a “tabular layout” will display on a page much like a resume. All of the content is displayed on a single page in a tabular format and there is a navigation menu with hyperlinks to jump to each of the sub sections. You will have some control over formatting the different elements within the section – such as headings, periods, and line-item text. Here are some of the advantages with using this “tabular layout”:

  • All of the content is on a single page, making it much easier to review quickly.
  • It is easy to navigate between different subsections using the navigation menu.
  • It is built with a standard format that is easily recognizable by the viewer (many of the tables are structured like a resume).
  • Posting content is easy. All of the content is pulled in from what you have already entered in.
Table View
This is what table view looks like.

“As a page” layout allows for you to create a page in HTML for each subsection within a section. For example, if you use this layout for your education section, you create a page for each degree you have obtained. There is a separate navigation menu to view each of the web pages. This approach allows you to not only pull in your content as standard controls, but also create custom controls – such as rich-text, links, images, and files – as well. The interface has functionality where you can control all of the formatting and layout of the page, where you can drag and drop each element on the page. Here are some the advantages with using this layout:

  • It has functionality to develop sophisticated pages. Using custom controls, you can bring in images, documents, audio, video, and/or rich text to your page, and place them on the page with drag and drop.
  • It fits on a page nicely. You have a lot of space to develop your page.
  • For the publications and blogs sections, you can create social media landing pages – by providing a unique address for each piece of work.
This is what Page View might look like.
This is what Page View might look like.

You can choose a layout by selecting it from a page within a section of the administrative interface. Select the layout and click on the update button. Once you have selected the layout, you can click the Preview Website button to review your website. On the resulting page, you can also use this interface to design a section page in either layout (it is the only way to develop your page with the “as a page” layout). All “custom pages” are developed using the “as a page” layout.

TheProfessionalWebsite allows you to build a professional website where you can render pages in a tabular or page layout.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s