Draw layout cells, PHP Web Programming

Assignment Help:

In Layout view you can draw layout cells & layout tables to describe the design areas of a document. This task is easier to achieve if you prepare a sample of the page you're creating before you start laying out a page.

Consider the following sample layout to get an idea of the page layout you're creating in this section of the tutorial. There's a cell for Compass logo, a table along with three cells for site navigation buttons, cell for another graphic, & a table for three cells which will hold text.

1772_Draw Layout Cells.png

You will draw tables & cells alike to this layout as you work in your document. Primary, you will draw a layout cell wherein you will add the Compass logo.

1.   Click on the Document window of the my_CompassHome document to active the document.

2.   If they aren't open already, open the following work area tools:

  • The Objects panel (select Window > Objects), that you'll employ to add objects to your document.
  • The Property inspector (select Window > Properties), that you will employ to set properties or attributes for objects in your document. If the Property inspector isn't expanded already, click on the expander arrow in the lower right corner so you can see all the property options.

3.   In the Objects panel, click on the Draw Layout Cell icon.

4.   Move the pointer to the Document window; the mouse pointer alters to a drawing tool (looks as a small cross). Click on the upper left corner of the document, after that drag to draw a layout cell.

While you release the mouse, a layout cell appears in layout table.

1242_Draw Layout Cells1.png

The layout table expands to fill the Document window, and denote the page layout area. The white rectangle is layout cell you just drew. You can place added layout cells in the gray area of the layout table.


Related Discussions:- Draw layout cells

Wix commerce site needs shopping backend integration, WIX commerce site nee...

WIX commerce site needs 1shopping backend integration Project Description: We sell children's furnitureRIEchildrensFurniture and want a robust backend integrated shopping car

Use of meta tag, In this unit we have learnt how to create simple HTML page...

In this unit we have learnt how to create simple HTML pages. The contents of the page have to be written within the BODY tag. The HEAD tag includes the title of the document. An im

The front end developer drupal 7 with an mssql backend, The front end devel...

The front end developer Drupal 7 with an MSSQL backend to finish prototype We are a social technology start up led by two pioneers in the social technology business in Los Angel

Tcp - ip networking model, This is an acronym for Transmission Control Prot...

This is an acronym for Transmission Control Protocol / Internet Protocol. This is a collection of applications, protocols and services. TCP/IP protocol was developed prior to the O

Web application - front-end for bash tools, Web Application - Front-End for...

Web Application - Front-End for BASH Tools We are in search of a developer or organization capable of building a web application designed to function as a user-rich web front-en

I need help in ecommerce php website on aws, eCommerce PHP website on AWS ...

eCommerce PHP website on AWS This website has to be responsive as well as should handle heavy traffic. It wants to have selective views and there are many more features which we

Http request and response headers, The purpose of this requirement is to fa...

The purpose of this requirement is to familiarize you with: a. HTTP messages exchanged between browsers and web servers, and with b. Development tools for monitoring your bro

Packet switching, End systems are linked together through communication lin...

End systems are linked together through communication links. There are several types of communication links that are made of distinct types of physical media, by including fiber op

Insert images in site, You will study two ways to add images in Dreamweaver...

You will study two ways to add images in Dreamweaver by using Dreamweaver's main menu and by using the Objects panel. 1. Click anywhere within the logo layout cell (the topmost

Need help in data migration from pdg cart to magento, Data migration from P...

Data migration from PDG cart to Magento Job Description- I am seeking a Web Developer to migrate PDG shopping cart to Magento Your qualifications- a) Previous experienc

Write Your Message!

Captcha
Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd