Kentico CMS, 2011 Kentico Software. Contents. Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Kentico CMS, 2011 Kentico Software. Contents. Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1"

Transcription

1

2 Contents Mobile Development using Kentico CMS 6 2 Exploring the Mobile Environment 1 Time for action - Viewing the mobile sample site 2 What just happened 4 Time for Action - Mobile device redirection web part 4 What just happened 6 Time for action - Reviewing the Mobile root page 8 What just happened 9 Time for action - Reviewing the sample mobile stylesheet 9 What just happened 10 Time for Action - Modifying the stylesheet 10 What just happened 15 Have a go hero Defining a mobile stylesheet 15 Time for action Mobile site viewing 15 What just happened 19 Device Targeting 20 Time for action: Creating a new mobile section 20 What just happened 27 Summary 28 Download the code files from:

3 Mobile Development using Kentico CMS 6 In today s Internet connected world, mobile websites are becoming an important part of everyone s life. With the slew of Internet connected devices being released in addition to the almost two million projected cellular phones available; you can almost guarantee that your site will be consumed by some type of mobile device. In this ebook we will look at building a mobile website with Kentico CMS. Upon reading and completing the following exercises we shall: Understand the importance of the mobile scenario for your site Understand the architecture of a Kentico CMS mobile site Learn about the Mobile device redirection web part Learn best practices for developing Cascading Style Sheets (CSS) for mobile devices Extending the mobile sample site to target specific devices Exploring the Mobile Environment Kentico CMS simplifies the design, implementation and deployment of your mobile web site. Just a quick look at your cell phone makes it easy to see there are important differences with mobile applications. Smaller screen size, reduced browser capabilities, and limited connectivity are the easiest to identify. If you start to think about your own cell phone usage, you can see numerous additional differences. Cellular phones are designed for everyday usage scenarios. This makes them subject to environmental impacts that aren t always a concern for standard web applications, including variable acoustics and lighting. While many of the newer devices like the iphone, Windows 7 and Android phones have helped to reduce these implications. The market today contains a wide variety of devices with an assortment of available features. Defining a mobile strategy - a quick pause for marketers Like any technology venture aligning your marketing strategy and your website objectives is important. Here are three questions to consider when developing your mobile strategy. Page 1

4 1. Are you strictly building a lead generation strategy? Mobile strategies shouldn t always be about lead generation. The form factor makes it extremely difficult to perform extensive marketing lead generation. The mobile platform does provide a great medium for furthering existing customer relationships. 2. Have you defined your marketing objectives? Like any marketing and development strategy what are your key objectives? What is your audience demographic? These are important parts of developing an effective mobile strategy. 3. Have you defined accurate measures? Like any marketing strategy, defining accurate measures is extremely important. Unlike other marketing strategies, mobile devices have limited capabilities and additional considerations for bandwidth usage. Time for action - Viewing the mobile sample site Included with the sample Corporate Site is a mobile example website. As a content administrator, let s take a look at this site using the following steps. 1. Log into CMS Desk as Administrator, select the Content tab, in the content tree expand the Mobile folder, select Home, click the Edit button, and select the Page tab as shown in the following screenshot Page 2

5 2. Select the Live Site button to view the site rendered for a mobile device as shown in the following screenshot What am I looking at? While we are currently viewing this page in our desktop browser the site is currently providing a mobile rendering. 3. Select the Edit button and then the Design tab as shown in the following screenshot Page 3

6 What just happened Kentico CMS, 2011 Kentico Software When you selected the Mobile folder, you accessed the mobile sample site. The /Mobile page works as a master page for the mobile section of the site. The /Mobile/Home page is where a mobile user is redirected, when the system identifies that a mobile browser is being used to view the site. The content of the page is dynamically loaded, by a repeater control that displays text from the Editable Text web part on the site s main page. The mobile folder contains the following files and folders. File/Folder Description Home News Articles About Us Search The default mobile home page. This page is where a mobile user gets redirected from the site s Home page when a mobile device is detected by the Mobile device redirection web part. This page displays the News documents stored under the main News folder. This page displays the Article documents that are stored under it. It does not display any of the main site content. This page contains two Editable text web parts that are only shown to mobile users. The default search page for the mobile site. This page is not available within the navigation and users are directed here when they search within the mobile section. Like any Kentico site we can use the Page tab to modify and view the page. When we select the Live site, this rendered the page as it is seen on the mobile device. Finally, like any standard site created using the Kentico Portal Engine we are able to access the Design tab to view the page layout and design options. Time for Action - Mobile device redirection web part Site users access the mobile site directly through the Mobile folder. Any mobile user that accesses the Corporate Site Home page is redirected to the Mobile folder by the Mobile device redirection web part. This web part reads the incoming HTTP request and checks the UserAgent Page 4

7 string submitted by the client browser. When the string matches an identified device, the user is redirected to the Mobile folder. Let s view how this web part is set in the Corporate sample site using the following steps. 1. Log into CMS Desk, in the Content tree select the site Home page, click the Design tab, in the Actions zone web part zone on the Mobile redirection web part click the Configure button as shown in the following screenshot Why are we looking at the site Home page? Providing a consistent URL path is important to web site users. Placing the Mobile device redirection web part on the site home page assumes that users will always access this page first. Depending on your site design you may want to place this web part on the Master page or in other areas of the site. 2. In the Web part properties (Mobile device redirection), select the Redirection settings tab and review the Small device redirection URL and Large device redirection URL property as shown in the following screenshot and then click the Cancel button Page 5

8 Screen size vs. browser capabilities Even though Mobile device redirection web part lists devices as small or large you can think of these two groups in a variety of contexts. Instead of assigning devices into groups based on the screen size you can categorize them reflecting browser capabilities. Some devices can run multiple browsers and each browser may or may not support certain technology (JavaScript, cookies, Flash, etc.). You can use also use these groupings to redirect users to specific mobile website displaying content optimized either for high-end smartphones/advanced mobile browsers or midrange & low-end devices/basic browsers. What just happened When an HTTP request is received by the server for the site Home page, the Mobile device redirection web part programmatically evaluates the client browser string. This evaluates whether the page is viewed from an identified mobile device. This decision is based on the User Agent string received from the browser request passed to the Mobile device redirection web part. When we reviewed the Small device redirection URL and Large device redirection URL properties, we observed the site path to which the client browser is redirected when the mobile device is detected. While it may seem these names are based on the size of the device. In reality, the system provides two groups that you can use to classify devices. In addition the Redirection settings tab provides a series of default selections as shown in the following table. Field Small device redirection URL Large device redirection URL Redirect Android Redirect Blackberry Value Identified devices within this group are redirected to the assigned URL. Identified devices within this group are redirected to the assigned URL. Determines if Android based mobile devices should be recognized in the small or large device group. If set to Automatic, they are automatically recognized in the small device group. If set to Never they are never redirected. Determines if Blackberry based mobile devices should be recognized in the small or large device group. If set to Automatic, they are automatically recognized in the small device Page 6

9 group. If set to Never they are never redirected. Redirect ipad Redirect iphone Redirect Nokia Always redirect Other small devices (User agent) Other large devices (User agent) Determines if ipad based mobile devices should be recognized in the small or large device group. If set to Automatic, they are automatically recognized in the large device group. If set to Never they are never redirected. Determines if iphone based mobile devices should be recognized in the small or large device group. If set to Automatic, they are automatically recognized in the small device group. If set to Never they are never redirected. Determines if Nokia based mobile devices should be recognized in the small or large device group. If set to Automatic, they are automatically recognized in the small device group. If set to Never they are never redirected. When selected devices are automatically redirected on each site access. List of additional user agents strings that should be included within the small group List of additional user agent string that should be included within the large group. Whenever a browser asks for a file or page from a web server, it sends a request using HTTP. HTTP is a request/response protocol that allows the browser to make a request and the web server to send back a response. The information sent in an HTTP request called a UserAgent string often contains a variety of information that identifies the computer making the request. This request information includes the browser type and whether or not it is a mobile device. The Mobile device redirection web part allows you to divide mobile devices into two groups based on the information provided in the HTTP request. The web part checks the incoming request UserAgent string and identifies device as small or large based on the web part configuration. User is then redirected to appropriate mobile section that was designed and optimized for devices in specific group. Page 7

10 Where can I find examples of User Agent strings? User Agent strings can get fairly complex and include a wide variety of details. A great source of information is Time for action - Reviewing the Mobile root page The Corporate site mobile website is rendering using layout completely different than the standard website. This is achieved by breaking the content inheritance on the Mobile page. This page is using a master template for all underlying mobile pages. You can review the Mobile page template settings using following steps: 1. Log into CMS Desk, in the content tree click the Mobile page, select the Properties tab, switch to the Template tab and click the Edit template properties link as shown in the following screenshot Page 8

11 2. In the Page template properties select the General tab and view the Master template selection as shown in the following screenshot and then close the window What just happened When we selected the Properties tab and then switched to the Template tab we could see that the Corporate Site Mobile Master page template is used for the Mobile root page. We then clicked Edit template properties to view the configuration of this template. We then saw the Master template option is checked. Selecting this option breaks the inheritance of any content and formatting from the website root. The design of this page then becomes the default formatting and style for the underlying pages. Time for action - Reviewing the sample mobile stylesheet Stylesheets are an important part of site presentation. They are used to help define how the site is rendered through a desktop or mobile device browser. For mobile devices, the smaller screen size and reduced bandwidth offer unique challenges. The mobile sample site provides an example of a mobile style sheet that we can view using the following steps. 1. Log into CMS Desk, in the content tree click the Mobile page, select the Properties tab, click the General tab, in the CSS Stylesheet property click the Edit button as shown in the following screenshot Page 9

12 Why isn t the stylesheet inherit attribute set? As you can see in the screenshot above the Inherit attribute is not set for the Mobile page. This will create an entirely new style sheet for the folder. Depending on your organization you may want to define a site wide style sheet that does include mobile attributes. 2. In the Edit CSS stylesheet screen review the CSS in the Stylesheet text window as shown in the following screenshot and then click the Close button What just happened When we selected the Properties tab we could see that the Corporate Site Mobile device stylesheet was defined for the mobile folder. We then selected Edit, which gave us the ability to view and change any elements of the existing stylesheet. Time for Action - Modifying the stylesheet It s always good practice to utilize a mobile CSS style sheet that eliminates as much clutter as possible. Also, to ensure the best use of screen real estate, use a fluid width single column with three main sections. Usually, these three main sections are: a header, main content and a footer Page 10

13 section. In addition, creating tab based navigation links with relative widths and a horizontal menu makes it easier for your users to view the site on a mobile device. Let s create a new stylesheet based on the existing mobile style sheet and then modify this to reduce the clutter, providing a better mobile rendering experience through the following steps: 1. Log into Site Manager, select the Development tab, click CSS stylesheets and then click the New CSS stylesheet link as shown below 2. In the New CSS stylesheet dialog enter the following information Field Value Stylesheet display name Mobile Site Clean Stylesheet code name MobileSiteClean Assign to Corporate Site Checked 3. In the Stylesheet text property enter the following and then select OK body { background-color: #ffffff; font-size: small; font-family: Arial; margin: 0px; padding: 10px; } h1 { } color: #1E4077; font-size: 160%; Page 11

14 .navigation { margin: 0px auto; background-color: #AECAE7; padding: 10px; padding-top: 6px; float: left; }.navigation li { list-style-type: none; margin: 0px; padding: 0px; display: inline; }.navigation ul { margin: 0px; padding: 0px; }.search { margin: 0px auto; background-color: #AECAE7; padding: 4px; }.searchbox { min-width: 30px; } a { } color: #000000;.footer { background-color: #AECAE7; margin-top: 10px; padding: 10px; }.logo { background-color: #1E4077; padding: 5px; } Page 12

15 Did you get the code? This cade is available as part of the download package for this ebook. 4. Click the CMS Desk link, in CMS Desk select the Mobile page, click the Properties tab, select the General tab, from the CSS stylesheet dropdown select Mobile Site Clean, and then click the Save button as shown in the following screenshot Page 13

16 5. Select the Preview button to see the Mobile Site Clean stylesheet rendered as shown in the following screenshot 6. Click the Edit view mode, click the Properties tab, on the General tab, change the CSS stylesheet to Corporate Site Mobile device and then select Save as shown in the following screenshot Page 14

17 What just happened Kentico CMS, 2011 Kentico Software When we selected New CSS Stylesheet in Site Manager we defined a new system wide stylesheet. We then defined the name, code name and assigned it to the Corporate site. Within the Stylesheet text we defined a body, menu and footer area. We also defined various display elements that are needed to show other areas of the site. We then switched to CMS Desk and assigned the new stylesheet to the Mobile page. Finally we previewed the new stylesheet and then set the stylesheet back to the original Corporate Site Mobile device. Have a go hero Defining a mobile stylesheet Like any stylesheet you may have defined, always start with the basics. Typically, this is based on HTML standards and formatted with logical, semantic mark-up. Unlike other stylesheets, a mobile stylesheet may require special or reduced capabilities depending on supported device types. Using CSS to separate content from presentation means your content will be accessible, even on the least capable mobile device. It s important to pay attention to the basics, like alternate text and properly labelled form fields. Given these concerns spend some time talking with the marketing group to understand what presentation styles are important for them. Then, create a set of wireframe examples for their review and define your stylesheet. Time for action Mobile site viewing Now that we have covered the basics, let put this all together using a mobile device emulator using the following steps. A note about emulators When you don t have access to a specific device for testing you will need to use an emulator. For this example we are using an ipad emulator available at The Windows 7 Phone SDK including the emulator is available at Regardless of what emulator you select make sure that it provides the correct request to match the device. Many emulators may provide a visual test but not provide the correct HTTP request string. Page 15

18 1. Log into CMS Desk, in the Content tree select the site Home page, click the Design tab, in the Actions zone web part zone on the Mobile redirection web part click the Configure button as shown in the following screenshot 2. In the Web part properties (Mobile device redirection), select the Redirection settings tab, in the Redirect ipad section select Never and then click Ok as shown in the following screenshot Page 16

19 3. Enter the URL of the site on your mobile device and validate that you see the Corporate site home page as shown in the following screenshot. Shouldn t I see the mobile site? No, remember we set the Redirect ipad to Never. This means that you will see the standard home page. Page 17

20 4. With your desktop browser log into CMS Desk, in the Content tree select the site Home page, click the Design tab, in the Actions zone web part zone on the Mobile redirection web part click the Configure button as shown in the following screenshot 5. In the Web part properties (Mobile device redirection), select the Redirection settings tab, in the Redirect ipad section select Automatic and then click Ok as shown in the following screenshot Page 18

21 6. Open your device emulator, enter the URL to your site and validate that you see the following screenshot What just happened As we saw earlier the Corporate sample site is defined to automatically provide redirection for ipad devices. We first logged into CMS Desk and within the Mobile device redirection web part we set the Redirect ipad to Never. Then using our ipad emulator went to the site and viewed it. As we saw, we were automatically placed on the Corporate site home page. Next, we then configured the Mobile device redirection web part to Automatic. Once again using our ipad emulator we accessed the site and saw that we were redirected to the URL defined in the Small device redirection URL. Page 19

22 Device Targeting Kentico CMS, 2011 Kentico Software The growth of the mobile industry has helped to introduce a variety of new mobile devices to the market. Many of the new devices like the ipad, iphone and a whole pile of Android based devices introduce a new set of unique features. For web sites this often means that you may want to target specific devices to leverage these features or just offer a better viewing experience for your web site users. Time for action: Creating a new mobile section Mobile marketing strategies often deliver different levels of user experience based on the features of specific devices. Within Kentico CMS this is achieved by creating multiple website sections that target specific groups of devices. This allows site designers to target specific device features like screen size or browser capabilities and implement optimal design and functionality. We can create a new mobile section that uses the large device group using the following steps. 1. Log into CMS desk, click the Content tab, in the Content tree select the Mobile page, click the Copy button as shown in the following screenshot Page 20

23 2. In the Copy document dialog select Corporate site root node and click the Copy button as shown in the following screenshot 3. In the Content tree validate that you see the new Mobile (1) folder as shown in the following screenshot Page 21

24 4. In the Content tree select Mobile (1), click the Edit view mode, click the Form tab, in the Document name field enter Mobile S and select Save as shown in the following screenshot 5. Click the Properties tab, select the URLs tab, change the Document alias field to MobileS and then click Save as shown in the following screenshot Page 22

25 Why we need to change document alias? When we created the copy of the mobile section the system generated a document alias of Mobile-(1). The document alias is used in all the URLs of the underlying pages in the new mobile section. User experience is important and we wanted to provide an easier to remember URL. 6. Click the General tab, in the CSS stylesheet dropdown select the Mobile Site Clean and select the Save button as shown in the following screenshot 7. Click the Template tab and click the Clone template as ad-hoc as shown in the following screenshot Page 23

26 Why clone template as ad-hoc? Selecting this option creates a new ad-hoc template based on the current page template. If we wanted to reuse this template we would need to save it as a new reusable template 8. On the Template tab click the Edit template properties link as shown in the following screenshot 9. In the Page template properties dialog check the Master template option and click Save as shown in the following screenshot Page 24

27 10. Click the Design tab, in the Footer zone web part zone for the Powered by Kentico web part click the Configure button as shown in the following screenshot 11. In the Web part properties (Powered by Kentico) dialog click on the Content tab, replace the value of the Text field with the following code and then select Ok <a class="powered" href=" title="kentico CMS for ASP.NET - the WEB 2.0 Content Management System for.net Wdevelopers">Powered by Kentico CMS</a> Did you get the code? This cade is available as part of the download package for this ebook. 12. Click the Preview button and validate that you see the following screenshot Page 25

28 13. In the Content tree select the Corporate Site Home page, click the Edit button, then the Design button, and in the Actions zone web part zone for the Mobile redirection web part click the Configure button as shown in the following screenshot 14. In the Web part properties (Mobile device redirection) screen click the Redirection settings tab, in the Large device redirection URL enter ~/MobileS/Home.aspx as shown in the following screenshot and then select Ok Page 26

29 Why did we change this? We are changing this to match the new mobile section we just created. 15. Open your emulator or device to the Live site and validate that you see the following screenshot What just happened When we select Copy this created a new section on our site called Mobile(1). We then renamed the section to the more user friendly name of Mobile S. In order to create consistency on the site we then renamed the existing Document alias to MobileS. We then finalized the new site section to include a mobile stylesheet, Master template, and updated footer section. Finally, we modified the Mobile device redirection web part on the Corporate Site Home page to point the Large device redirection URL to the newly created section of the site. Page 27

30 Summary Kentico CMS, 2011 Kentico Software We learned a lot in this ebook about mobile site development using Kentico CMS. Specifically we covered Viewing the sample mobile site Learning about the Mobile device redirection web part Best practices for building a mobile stylesheet Creating new mobile section Targeting specific mobile devices using Mobile device redirection web part Page 28

Quick Start Guide. This guide will help you get started with Kentico CMS for ASP.NET. It answers these questions:

Quick Start Guide. This guide will help you get started with Kentico CMS for ASP.NET. It answers these questions: Quick Start Guide This guide will help you get started with Kentico CMS for ASP.NET. It answers these questions:. How can I install Kentico CMS?. How can I edit content? 3. How can I insert an image or

More information

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual 2013 SPHOL326: Designing a SharePoint 2013 Site Hands-On Lab Lab Manual This document is provided as-is. Information and views expressed in this document, including URL and other Internet Web site references,

More information

Kentico CMS 7.0 Intranet Administrator's Guide

Kentico CMS 7.0 Intranet Administrator's Guide Kentico CMS 7.0 Intranet Administrator's Guide 2 Kentico CMS 7.0 Intranet Administrator's Guide Table of Contents Introduction 5... 5 About this guide Getting started 7... 7 Installation... 11 Accessing

More information

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager ce-dennis@wiu.edu Malpass Library 637 Phone: 309.298.2434 1 Setting

More information

Kentico CMS 7.0 Personal Site Guide

Kentico CMS 7.0 Personal Site Guide Kentico CMS 7.0 Personal Site Guide 2 Kentico CMS 7.0 Personal Site Guide Table of Contents Personal Site Guide 4... 4 Overview Getting Started 6... 6 Editing content... 8 Adding a blog post... 11 Adding

More information

Dev01: Kentico CMS 7 Developer Essentials Syllabus

Dev01: Kentico CMS 7 Developer Essentials Syllabus Dev01: Kentico CMS 7 Developer Essentials Syllabus About This Course [Elements of this syllabus are subject to change] This three-day, instructor-led course teaches Web Developers the introductory fundamentals

More information

1. Tutorial - Developing websites with Kentico 8... 3 1.1 Using the Kentico interface... 3 1.2 Managing content - The basics... 4 1.2.

1. Tutorial - Developing websites with Kentico 8... 3 1.1 Using the Kentico interface... 3 1.2 Managing content - The basics... 4 1.2. Kentico 8 Tutorial Tutorial - Developing websites with Kentico 8.................................................................. 3 1 Using the Kentico interface............................................................................

More information

Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development

Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development Designing portal site structure and page layout using IBM Rational Application Developer V7 Part of a series on portal and portlet development By Kenji Uchida Software Engineer IBM Corporation Level: Intermediate

More information

Umbraco v6 Editors Manual

Umbraco v6 Editors Manual Umbraco v6 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

Dreamweaver - Formatting your page with CSS

Dreamweaver - Formatting your page with CSS Dreamweaver - Formatting your page with CSS Creating your first website Part 4: Formatting your page with CSS Now I ll show you how to format text on your page using cascading style sheets (CSS). Learn

More information

450 Study Guide Chaps 1-6

450 Study Guide Chaps 1-6 Name: Class: Date: 450 Study Guide Chaps 1-6 Multiple Choice Identify the choice that best completes the statement or answers the question. 1. An HTTP response is sent from a. the web server to the application

More information

Kentico CMS 7.0 Tutorial

Kentico CMS 7.0 Tutorial Kentico CMS 7.0 Tutorial 2 Kentico CMS 7.0 Tutorial Table of Contents Introduction 5... 5 Kentico CMS Overview Installation 7... 7 Prerequisites... 8 Setup installation... 9 Web application installation...

More information

Kentico CMS User s Guide 5.0

Kentico CMS User s Guide 5.0 Kentico CMS User s Guide 5.0 2 Kentico CMS User s Guide 5.0 Table of Contents Part I Introduction 4 1 Kentico CMS overview... 4 2 Signing in... 5 3 User interface overview... 7 Part II Managing my profile

More information

Mobile Web Site Style Guide

Mobile Web Site Style Guide YoRk University Mobile Web Site Style Guide Table of Contents This document outlines the graphic standards for the mobile view of my.yorku.ca. It is intended to be used as a guide for all York University

More information

Kentico CMS 5.5 User s Guide

Kentico CMS 5.5 User s Guide Kentico CMS 5.5 User s Guide 2 Kentico CMS User s Guide 5.5 Table of Contents Part I Introduction 4 1 Kentico CMS overview... 4 2 Signing in... 5 3 User interface overview... 7 Part II Managing my profile

More information

Kentico CMS for.net User Groups

Kentico CMS for.net User Groups FLEXIBLE CONTENT MANAGEMENT SYSTEM FOR ALL YOUR NEEDS Kentico CMS for.net User Groups We have developed a website template for.net User Groups, Windows User Groups and similar groups focused on Microsoft

More information

CSS for Page Layout. Key Concepts

CSS for Page Layout. Key Concepts CSS for Page Layout Key Concepts CSS Page Layout Advantages Greater typography control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control

More information

Building A Very Simple Website

Building A Very Simple Website Sitecore CMS 6.5 Building A Very Simple Web Site Rev 110715 Sitecore CMS 6.5 Building A Very Simple Website A Self-Study Guide for Developers Table of Contents Chapter 1 Introduction... 3 Chapter 2 Creating

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

Content Author's Reference and Cookbook

Content Author's Reference and Cookbook Sitecore CMS 6.5 Content Author's Reference and Cookbook Rev. 110621 Sitecore CMS 6.5 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents

More information

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 7 Page Layout Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 7 Page Layout Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 Learning Outcomes float fixed positioning relative positioning absolute positioning two-column page layouts vertical navigation

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

Quick Start Guide Mobile Entrée 4

Quick Start Guide Mobile Entrée 4 Table of Contents Table of Contents... 1 Installation... 2 Obtaining the Installer... 2 Installation Using the Installer... 2 Site Configuration... 2 Feature Activation... 2 Definition of a Mobile Application

More information

Themes and Templates Manual FOR ADVANCED USERS

Themes and Templates Manual FOR ADVANCED USERS Manual FOR ADVANCED USERS Table of Contents Introduction... 3 Key Information... 3 Portal Structure... 4 Portal Structure: Template... 5 Overview... 5 1) Editing a Portal Template... 6 2) Adding a Portal

More information

CST 150 Web Design I CSS Review - In-Class Lab

CST 150 Web Design I CSS Review - In-Class Lab CST 150 Web Design I CSS Review - In-Class Lab The purpose of this lab assignment is to review utilizing Cascading Style Sheets (CSS) to enhance the layout and formatting of web pages. For Parts 1 and

More information

Building A Very Simple Web Site

Building A Very Simple Web Site Sitecore CMS 6.2 Building A Very Simple Web Site Rev 100601 Sitecore CMS 6. 2 Building A Very Simple Web Site A Self-Study Guide for Developers Table of Contents Chapter 1 Introduction... 3 Chapter 2 Building

More information

Expression Web Lab Exercises

Expression Web Lab Exercises Expression Web Lab Exercises Expression Web Quick Start Tutorial Beaches Around the World By Aseem Badshah (Part 2: Beaches Around the World series) Information in this document, including URL and other

More information

Umbraco v4 Editors Manual

Umbraco v4 Editors Manual Umbraco v4 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

Expression Web 3 Lab Exercises

Expression Web 3 Lab Exercises Expression Web 3 Lab Exercises Expression Web 3 Quick Start Tutorial Beaches Around the World By Aseem Badshah Edited by Dave Burkhart (Part 2: Beaches Around the World series) Information in this document,

More information

Dreamweaver 8 Basics

Dreamweaver 8 Basics Dreamweaver 8 Basics Software: Dreamweaver 8 Platform: Mac/PC Overview Dreamweaver is a great tool for producing Web sites. It provides an array of options and functions that speed up the development process

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

Introduction to Adobe Dreamweaver CC

Introduction to Adobe Dreamweaver CC Introduction to Adobe Dreamweaver CC What is Dreamweaver? Dreamweaver is the program that we will be programming our websites into all semester. We will be slicing our designs out of Fireworks and assembling

More information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

More information

Kentico CMS 7.0 User s Guide. User s Guide. Kentico CMS 7.0. 1 www.kentico.com

Kentico CMS 7.0 User s Guide. User s Guide. Kentico CMS 7.0. 1 www.kentico.com User s Guide Kentico CMS 7.0 1 www.kentico.com Table of Contents Introduction... 4 Kentico CMS overview... 4 Signing in... 4 User interface overview... 6 Managing my profile... 8 Changing my e-mail and

More information

ORACLE BUSINESS INTELLIGENCE WORKSHOP

ORACLE BUSINESS INTELLIGENCE WORKSHOP ORACLE BUSINESS INTELLIGENCE WORKSHOP Integration of Oracle BI Publisher with Oracle Business Intelligence Enterprise Edition Purpose This tutorial mainly covers how Oracle BI Publisher is integrated with

More information

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,

More information

Development Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS

Development Perspective: DIV and CSS HTML layout. Web Design. Lesson 2. Development Perspective: DIV/CSS Web Design Lesson 2 Development Perspective: DIV/CSS Why tables have been tabled Tables are a cell based layout tool used in HTML development. Traditionally they have been the primary tool used by web

More information

Kentico CMS 7.0 E-commerce Guide

Kentico CMS 7.0 E-commerce Guide Kentico CMS 7.0 E-commerce Guide 2 Kentico CMS 7.0 E-commerce Guide Table of Contents Introduction 8... 8 About this guide... 8 E-commerce features Getting started 11... 11 Overview... 11 Installing the

More information

Understanding Sitecore Fundamentals

Understanding Sitecore Fundamentals Understanding Sitecore Fundamentals Author: Derek Roberti, Sitecore USA Date: February 22, 2007 Release: Revision 1.0 Language: English Sitecore is a registered trademark. All other brand and product names

More information

SelectSurvey.NET Developers Manual

SelectSurvey.NET Developers Manual Developers Manual (Last updated: 6/24/2012) SelectSurvey.NET Developers Manual Table of Contents: SelectSurvey.NET Developers Manual... 1 Overview... 2 General Design... 2 Debugging Source Code with Visual

More information

NUI Galway Web Training Presentation

NUI Galway Web Training Presentation NUI Galway Web Training Presentation Welcome Objective To provide training on how best to maintain and update University Web pages while also providing an introduction to systems & services provided by

More information

HTML5/CSS3/JavaScript Programming

HTML5/CSS3/JavaScript Programming HTML5/CSS3/JavaScript Programming Description: Prerequisites: Audience: Length: This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5,

More information

Sage CRM. Sage CRM 2016 R1 Mobile Guide

Sage CRM. Sage CRM 2016 R1 Mobile Guide Sage CRM Sage CRM 2016 R1 Mobile Guide Contents Chapter 1: Introduction to Sage CRM Mobile Solutions 1 Chapter 2: Setting up Sage CRM Mobile Apps 2 Prerequisites for Sage CRM mobile apps 3 Enabling users

More information

White Paper Using PHP Site Assistant to create sites for mobile devices

White Paper Using PHP Site Assistant to create sites for mobile devices White Paper Using PHP Site Assistant to create sites for mobile devices Overview In the last few years, a major shift has occurred in the number and capabilities of mobile devices. Improvements in processor

More information

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)

More information

Dreamweaver CS6 Lab 2

Dreamweaver CS6 Lab 2 Dreamweaver CS6 Lab 2 Using an External Style Sheet in Dreamweaver Creating the site definition First, we'll set up the site and define it so that Dreamweaver understands the site structure for your project.

More information

Expression Web Lab Exercises

Expression Web Lab Exercises Expression Web Lab Exercises Expression Web Quick Start Tutorial Heavy Metal Show Car By Aseem Badshah Heavy Metal Show Car Tutorial Page 1 Information in this document, including URL and other Internet

More information

Creating mobile layout designs in Adobe Muse

Creating mobile layout designs in Adobe Muse Creating mobile layout designs in Adobe Muse Using Adobe Muse, you can create site layouts for web content to be displayed on desktop, smartphones, and tablets. Using the mobile design features, you can

More information

Dreamweaver Cascading Style Sheets

Dreamweaver Cascading Style Sheets Dreamweaver Cascading Style Sheets Email: training@ ufl.edu Web Page: http://training.health.ufl.edu 2 This page intentionally left blank. Dreamweaver Cascading Style Sheets What are Cascading Style Sheets?...

More information

HTML Egg Pro. User Guide ipad Version 8.52

HTML Egg Pro. User Guide ipad Version 8.52 HTML Egg Pro User Guide ipad Version 8.52 Last updated: Aug 10, 2016 Table of Contents How to add new website Transfer data between multiple devices Sync through Dropbox 1. Sync in native design document

More information

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com

Essential HTML & CSS for WordPress. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com Essential HTML & CSS for WordPress Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com HTML: Hypertext Markup Language HTML is a specification that defines how pages are created

More information

Create a Google Site in DonsApp

Create a Google Site in DonsApp Create a Google Site in DonsApp 1 Google Web Site Interactive. Constructivist. Collaborative. Communities. WHAT IS GOOGLE SITE? With one single click, you can create a website without any knowledge of

More information

JJY s Joomla 1.5 Template Design Tutorial:

JJY s Joomla 1.5 Template Design Tutorial: JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding

More information

Site Configuration Mobile Entrée 4

Site Configuration Mobile Entrée 4 Table of Contents Table of Contents... 1 SharePoint Content Installed by ME... 3 Mobile Entrée Base Feature... 3 Mobile PerformancePoint Application Feature... 3 Mobile Entrée My Sites Feature... 3 Site

More information

Sage CRM. 7.2 Mobile Guide

Sage CRM. 7.2 Mobile Guide Sage CRM 7.2 Mobile Guide Copyright 2013 Sage Technologies Limited, publisher of this work. All rights reserved. No part of this documentation may be copied, photocopied, reproduced, translated, microfilmed,

More information

Kentico CMS 6.0 Tutorial

Kentico CMS 6.0 Tutorial Kentico CMS 6.0 Tutorial 2 Kentico CMS 6.0 Tutorial Table of Contents Introduction 5... 5 Kentico CMS Overview Installation 7... 7 Prerequisites... 8 Setup installation... 8 Web application installation...

More information

Nintex Forms 2013 Help

Nintex Forms 2013 Help Nintex Forms 2013 Help Last updated: Friday, April 17, 2015 1 Administration and Configuration 1.1 Licensing settings 1.2 Activating Nintex Forms 1.3 Web Application activation settings 1.4 Manage device

More information

MCH Strategic Data Best Practices Review

MCH Strategic Data Best Practices Review MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services abardoff@whatcounts.com Lindsey McFadden Manager, Campaign Production Services lmcfadden@whatcounts.com 2 Creative

More information

MAGENTO THEME SHOE STORE

MAGENTO THEME SHOE STORE MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1

More information

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

More information

Developers Guide. Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB. Version: 1.3 2013.10.04 English

Developers Guide. Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB. Version: 1.3 2013.10.04 English Developers Guide Designs and Layouts HOW TO IMPLEMENT WEBSITE DESIGNS IN DYNAMICWEB Version: 1.3 2013.10.04 English Designs and Layouts, How to implement website designs in Dynamicweb LEGAL INFORMATION

More information

Kentico CMS 7.0 Tutorial ASPX

Kentico CMS 7.0 Tutorial ASPX Kentico CMS 7.0 Tutorial ASPX 2 Kentico CMS 7.0 Tutorial ASPX Table of Contents Introduction 5... 5 Kentico CMS Overview Installation 7... 7 Prerequisites... 8 Setup installation... 9 Web application installation...

More information

ThirtySix Software WRITE ONCE. APPROVE ONCE. USE EVERYWHERE. www.thirtysix.net SMARTDOCS 2014.1 SHAREPOINT CONFIGURATION GUIDE THIRTYSIX SOFTWARE

ThirtySix Software WRITE ONCE. APPROVE ONCE. USE EVERYWHERE. www.thirtysix.net SMARTDOCS 2014.1 SHAREPOINT CONFIGURATION GUIDE THIRTYSIX SOFTWARE ThirtySix Software WRITE ONCE. APPROVE ONCE. USE EVERYWHERE. www.thirtysix.net SMARTDOCS 2014.1 SHAREPOINT CONFIGURATION GUIDE THIRTYSIX SOFTWARE UPDATED MAY 2014 Table of Contents Table of Contents...

More information

WebFOCUS BI Portal: S.I.M.P.L.E. as can be

WebFOCUS BI Portal: S.I.M.P.L.E. as can be WebFOCUS BI Portal: S.I.M.P.L.E. as can be Author: Matthew Lerner Company: Information Builders Presentation Abstract: This hands-on session will introduce attendees to the new WebFOCUS BI Portal. We will

More information

Kentico CMS 5 Developer Training Syllabus

Kentico CMS 5 Developer Training Syllabus Kentico CMS 5 Developer Training Syllabus June 2010 Page 2 Contents About this Course... 4 Overview... 4 Audience Profile... 4 At Course Completion... 4 Course Outline... 5 Module 1: Overview of Kentico

More information

Generating Open For Business Reports with the BIRT RCP Designer

Generating Open For Business Reports with the BIRT RCP Designer Generating Open For Business Reports with the BIRT RCP Designer by Leon Torres and Si Chen The Business Intelligence Reporting Tools (BIRT) is a suite of tools for generating professional looking reports

More information

Sitecore InDesign Connector 1.1

Sitecore InDesign Connector 1.1 Sitecore Adaptive Print Studio Sitecore InDesign Connector 1.1 - User Manual, October 2, 2012 Sitecore InDesign Connector 1.1 User Manual Creating InDesign Documents with Sitecore CMS User Manual Page

More information

CSS Image Gallery Manual

CSS Image Gallery Manual CSS Image Gallery Manual Copyright 2009 All Rights Reserved Page 1 of 39 Index About CSS Image Gallery... 3 Features... 4 Before you begin... 9 Installing the extension... 9 The Basics: Creating a gallery...

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

More information

Micro soft Expression Web 4

Micro soft Expression Web 4 University of Texas at Arlington Micro soft Expression Web 4 Beginner s Guide 2011 1 2 Table of Contents UTA Web Pages... 5 Connecting to your Website... 5 Copying files from your Website... 8 To open

More information

Create a Poster Using Publisher

Create a Poster Using Publisher Contents 1. Introduction 1. Starting Publisher 2. Create a Poster Template 5. Aligning your images and text 7. Apply a background 12. Add text to your poster 14. Add pictures to your poster 17. Add graphs

More information

Using Style Sheets for Consistency

Using Style Sheets for Consistency Cascading Style Sheets enable you to easily maintain a consistent look across all the pages of a web site. In addition, they extend the power of HTML. For example, style sheets permit specifying point

More information

Windows Azure Support in Kentico CMS 5.5 R2

Windows Azure Support in Kentico CMS 5.5 R2 Windows Azure Support in Kentico CMS 5.5 R2 Table of Contents Introduction and prerequisites... 3 Deployment to Windows Azure (using a prepared package)... 4 Conversion of an existing Kentico website to

More information

Working with RD Web Access in Windows Server 2012

Working with RD Web Access in Windows Server 2012 Working with RD Web Access in Windows Server 2012 Introduction to RD Web Access So far in this series we have talked about how to successfully deploy and manage a Microsoft Windows Server 2012 VDI environment.

More information

Introduction to Ingeniux Forms Builder. 90 minute Course CMSFB-V6 P.0-20080901

Introduction to Ingeniux Forms Builder. 90 minute Course CMSFB-V6 P.0-20080901 Introduction to Ingeniux Forms Builder 90 minute Course CMSFB-V6 P.0-20080901 Table of Contents COURSE OBJECTIVES... 1 Introducing Ingeniux Forms Builder... 3 Acquiring Ingeniux Forms Builder... 3 Installing

More information

Practical Example: Building Reports for Bugzilla

Practical Example: Building Reports for Bugzilla Practical Example: Building Reports for Bugzilla We have seen all the components of building reports with BIRT. By this time, we are now familiar with how to navigate the Eclipse BIRT Report Designer perspective,

More information

CMS Training. Prepared for the Nature Conservancy. March 2012

CMS Training. Prepared for the Nature Conservancy. March 2012 CMS Training Prepared for the Nature Conservancy March 2012 Session Objectives... 3 Structure and General Functionality... 4 Section Objectives... 4 Six Advantages of using CMS... 4 Basic navigation...

More information

Creating and Using Quick Parts

Creating and Using Quick Parts Creating and Using Quick Parts Table of Contents OVERVIEW OF QUICK PARTS... 1 CREATING A QUICK PART... 1 ADDING QUICK PARTS TO A DOCUMENT... 3 FIND AND USE A BUILDING BLOCK... 4 RENAME A BUILDING BLOCK...

More information

Item Editor Reference Guide

Item Editor Reference Guide Item Editor Reference Guide This reference guide is intended for all iwebfolio users. The item editor is the editing tool that appears when a user is editing an item within a portfolio or template. This

More information

Introduction to Drupal 6

Introduction to Drupal 6 Ready Reference 063014 Introduction Introduction to Drupal 6 This page provides instructions for using the Drupal Web Content Management System. Drupal makes publishing content relatively easy and allows

More information

Terms and Definitions for CMS Administrators, Architects, and Developers

Terms and Definitions for CMS Administrators, Architects, and Developers Sitecore CMS 6 Glossary Rev. 081028 Sitecore CMS 6 Glossary Terms and Definitions for CMS Administrators, Architects, and Developers Table of Contents Chapter 1 Introduction... 3 1.1 Glossary... 4 Page

More information

Salesforce Customer Portal Implementation Guide

Salesforce Customer Portal Implementation Guide Salesforce Customer Portal Implementation Guide Salesforce, Winter 16 @salesforcedocs Last updated: December 10, 2015 Copyright 2000 2015 salesforce.com, inc. All rights reserved. Salesforce is a registered

More information

Web Design - Css Layout (Page 1)

Web Design - Css Layout (Page 1) Web Design - Css Layout (Page 1) A CSS layout is made up of a set of nested div tags (rectangular containers), as seen below. We will give each div tag an ID so that we can target it with a CSS style of

More information

INTRODUCTION TO ATRIUM... 2 SYSTEM REQUIREMENTS... 2 TECHNICAL DETAILS... 2 LOGGING INTO ATRIUM... 3 SETTINGS... 4 NAVIGATION PANEL...

INTRODUCTION TO ATRIUM... 2 SYSTEM REQUIREMENTS... 2 TECHNICAL DETAILS... 2 LOGGING INTO ATRIUM... 3 SETTINGS... 4 NAVIGATION PANEL... INTRODUCTION TO ATRIUM... 2 SYSTEM REQUIREMENTS... 2 TECHNICAL DETAILS... 2 LOGGING INTO ATRIUM... 3 SETTINGS... 4 CONTROL PANEL... 4 ADDING GROUPS... 6 APPEARANCE... 7 BANNER URL:... 7 NAVIGATION... 8

More information

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9. Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format

More information

A7 CSS Review Reviewing examples of all the CSS learned throughout the semester

A7 CSS Review Reviewing examples of all the CSS learned throughout the semester GRC 175 A7 A7 CSS Review Reviewing examples of all the CSS learned throughout the semester Tasks: 1. Please first read CSS tutorial http://multimedia.journalism.berkeley.edu/tutorials/css-intro/printfriendly/

More information

Sage CRM. Sage CRM 7.3 Mobile Guide

Sage CRM. Sage CRM 7.3 Mobile Guide Sage CRM Sage CRM 7.3 Mobile Guide Copyright 2014 Sage Technologies Limited, publisher of this work. All rights reserved. No part of this documentation may be copied, photocopied, reproduced, translated,

More information

UOFL SHAREPOINT ADMINISTRATORS GUIDE

UOFL SHAREPOINT ADMINISTRATORS GUIDE UOFL SHAREPOINT ADMINISTRATORS GUIDE WOW What Power! Learn how to administer a SharePoint site. [Type text] SharePoint Administrator Training Table of Contents Basics... 3 Definitions... 3 The Ribbon...

More information

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide State of Nevada Ektron Content Management System (CMS) Basic Training Guide December 8, 2015 Table of Contents Logging In and Navigating to Your Website Folders... 1 Metadata What it is, How it Works...

More information

JTouch Mobile Extension for Joomla! User Guide

JTouch Mobile Extension for Joomla! User Guide JTouch Mobile Extension for Joomla! User Guide A Mobilization Plugin & Touch Friendly Template for Joomla! 2.5 Author: Huy Nguyen Co- Author: John Nguyen ABSTRACT The JTouch Mobile extension was developed

More information

Introduction to CommonSpot 5.0. Presented by OHSU Web Strategies

Introduction to CommonSpot 5.0. Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Lesson Summary Turning Off Web Browser Pop up Blockers Internet Explorer 7.x (Win): Tools Pop-up Blocker Turn

More information

PORTAL ADMINISTRATION

PORTAL ADMINISTRATION 1 Portal Administration User s Guide PORTAL ADMINISTRATION GUIDE Page 1 2 Portal Administration User s Guide Table of Contents Introduction...5 Core Portal Framework Concepts...5 Key Items...5 Layouts...5

More information

Kentico CMS 5.0 Personal Site Guide

Kentico CMS 5.0 Personal Site Guide Kentico CMS 5.0 Personal Site Guide 2 Kentico CMS 5.0 Personal Site Guide Table of Contents Personal Site Guide 4... 4 Overview Getting Started 6 6 Editing... content 9 Adding... a blog post... 12 Adding

More information

Lab6: Creating a Web page with Macromedia Dreamweaver

Lab6: Creating a Web page with Macromedia Dreamweaver Lab6: Creating a Web page with Macromedia Dreamweaver I. Introduction When you need to find a specific recipe or when you want to visit somewhere you ve never been to before, what do you do? Most of you

More information

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE DREAMWEAVER CS3 TUTORIAL ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO

More information

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1 UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,

More information

v9.5 Sitekit CMS Quick Start Guide Sitekit Support Team t: e: w: Document Version: 1.

v9.5 Sitekit CMS Quick Start Guide Sitekit Support Team t: e: w:  Document Version: 1. Sitekit CMS Quick Start Guide v9.5 Sitekit Solutions Ltd Sitekit House Broom Place Portree Isle of Skye IV51 9HL Sitekit Support Team t: 0845 299 0900 e: support@sitekit.net w: http://www.sitekit.net/v9

More information

Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003

Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003 Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003 Objectives Create your Web page in layout view Insert Flash Text and Flash Button objects

More information

Form Builder Manual. A brief overview of your website s Form Builder with screenshots.

Form Builder Manual. A brief overview of your website s Form Builder with screenshots. A brief overview of your website s with screenshots. 1 Table of Contents:...1...3 Creating a New Web Form...4 Editing a Form Element...7 Creating a Form Action...9 Adding a Form Layout to an Action...11

More information

Table of contents. Advanced HTML Editor 3 Manual DMXzone.com

Table of contents. Advanced HTML Editor 3 Manual DMXzone.com Table of contents Table of contents... 1 About Advanced HTML Editor 3... 2 Features in Detail... 3 Tutorial: Using Advanced HTML Editor 3 with Insert Record Behavior... 20 Tutorial: Using Advanced HTML

More information