13.07.2015 Views

Microsoft SharePoint. Building Office 2007 Solutions in VB 2005 ...

Microsoft SharePoint. Building Office 2007 Solutions in VB 2005 ...

Microsoft SharePoint. Building Office 2007 Solutions in VB 2005 ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

CHAPTER 5 ■ SHAREPOINT CONTENT DEVELOPMENT AND MANAGEMENT 159To utilize layout tables and cells, take these steps:1. Select Start ➤ Programs ➤ <strong>Microsoft</strong> <strong>Office</strong> ➤ <strong>Microsoft</strong> <strong>Office</strong> <strong>SharePo<strong>in</strong>t</strong> Designer<strong>2007</strong> to open the <strong>SharePo<strong>in</strong>t</strong> Designer.2. From the ma<strong>in</strong> menu, select File ➤ Open Site.3. In the Open Site dialog, type the address of the blank site you created earlier (e.g.,http://vsmoss:[port]) and click Open.4. When the site opens, make sure the folder list is visible by select<strong>in</strong>g Task Panes ➤Folder List from the ma<strong>in</strong> menu.5. Us<strong>in</strong>g the folder list, exam<strong>in</strong>e the sites, lists, and libraries def<strong>in</strong>ed <strong>in</strong> the site.6. Add a new ASPX page to the site by select<strong>in</strong>g New ➤ ASPX from the ma<strong>in</strong> menu.7. Open the Layout Tables and Cells task pane by select<strong>in</strong>g Table ➤ Layout Tables.8. In the Layout Tables and Cells task pane, click a new layout from the Table Layout sectionwith a top title row that spans the entire page and a navigation column that spansthe left side of the page.9. Click your mouse <strong>in</strong>side the top row.10. In the Layout Tables and Cells task pane, click the Insert Layout Cell l<strong>in</strong>k.11. In the Insert Layout Cell dialog, accept the default values and click OK to <strong>in</strong>sert thenew cell.12. When the new cell appears, right-click it and select Cell Properties from the contextmenu.13. In the Cell Properties dialog, change the Background Color drop-down list to Blue andclick the OK button.14. Click the siz<strong>in</strong>g handle and make the cell fill the entire available area with<strong>in</strong> the layouttable.15. Place additional cells <strong>in</strong> the layout so that the page has a blue title area and a blue navigationarea.Once the <strong>in</strong>itial layout is complete, add<strong>in</strong>g text is a simple matter of typ<strong>in</strong>g directly <strong>in</strong>tothe cells. You can format the font style directly from the editor us<strong>in</strong>g the same approach as youwould <strong>in</strong> <strong>Microsoft</strong> Word. For images, you may either place the image directly <strong>in</strong> a cell or makeuse of layers to position images. Layers are float<strong>in</strong>g frames that can be positioned anywhereon the page. You can add a new layer from the Format menu. Once added, you can drag thelayer around the page and position it exactly where you want it. Us<strong>in</strong>g the layouts and layers,you can rapidly put a page together over a trac<strong>in</strong>g image.Work<strong>in</strong>g with Data SourcesOnce you have an idea of how to use the basic layout tools, you will want to be able to addcontent more <strong>in</strong>terest<strong>in</strong>g than just text and graphics. The <strong>SharePo<strong>in</strong>t</strong> Designer <strong>in</strong> conjunction

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!