Posts

SharePoint 2010: Branding Step by Step IV

Image
Setting Up a SharePoint Environment for Branding When you create SharePoint based Solutions, it is better to install Microsoft SharePoint Server 2010 or Microsoft SharePoint Foundation 2010 in your local computer. The post enables you to get started with an environment that is specifically suited to SharePoint Branding environment. System Requirements The minimum requirements for installing SharePoint 2010 are 64-bit operating system running either Windows Server 2008 with SP2 or later or Window Server 2008 R2 OS will need at least .NET 3.5 with SP1 installed as well SQL Server 2005 with SP2 or later or SQL Server 2008. SQL must be 64-bit also 80 GB for system drive (You must have sufficient space for the base installation and diagnostics such as logging, debugging, creating memory dumps, and so on) CPU utilization and support for RAM over 4GB but 6GB is a better starting point Prerequisite Installer The process is kicked off with the Products Preparation Tool, to install all of Requir
Read more

SharePoint 2010: Branding Step by Step III

Image
Change The Design Layout Into Working HTML and CSS If your branding assignment is other than just simple modifications to the out-of-the-box SharePoint branding, it’s a good idea to make a working HTML version of the design layout. Before that we need to slice the images from the design layout in a way that it can be used in the working HTML. Slicing Design Layout Why we need to slice design layout. One important fact is to reduce the loading time of the working HTML, by optimizing repeating or stretch area with single small image to fill a larger space, and to creating mouse events with clickable image areas like navigation. Most meaningful fact is most of the image areas can be reproduce using CSS styles. Below figure shows slice tool Select the slice tool and start working with Logo and title area like below figure shows. Then double-click the sliced area, a popup will appear named slice options and start filling the form like belo
Post a Comment
Read more