Dreamweaver Tutorial - Dreamweaver Interface

Size: px
Start display at page:

Download "Dreamweaver Tutorial - Dreamweaver Interface"

Transcription

1 Expertrating - Dreamweaver Interface 1 of 5 6/14/2012 9:21 PM ExpertRating Home ExpertRating Benefits Recommend ExpertRating Suggest More Tests Privacy Policy FAQ Login Home > Courses, Tutorials & ebooks > Dreamweaver Tutorial > Dreamweaver Interface Dreamweaver Interface Page 1 of 1 Index Dreamweaver Interface Making Website Site Structure and Content Style Sheets and Template Forms and User Intraction with ASP Database Dreamweaver Extensions Online Personal Trainer Personal Trainer (Spanish) Six Sigma Find a Personal Trainer Project Management Six Sigma Six Sigma Black Belt Master Black Belt Six Sigma Green Belt Lean Management Lean Six Sigma First Aid CPR Yoga Aerobics Pilates Business Analyst Introduction Dreamweaver is an easy to use web development application that covers up the gap between a developer and a designer. Dreamweaver is a powerful web development tool that helps you create attractive, dynamic, powerful websites. It includes advanced features to develop complex data-driven web applications. Dreamweaver s user friendly interface and extensive library not only enables even the amateur web designers to create professional websites easily, but helps one to structure the websites in such a way that they are easy to maintain after being built. This tutorial is a practical introduction to Macromedia Dreamweaver 8. Starting with explaining all the entities of the user interface, this tutorial will quickly get you used to the robust features of dreamweaver. Dreamweaver Interface Dreamweaver has a very easy and user friendly interface that lets the user develop and manage simple as well as complex websites. The interface features in Dreamweaver allows the user to quickly create web pages in the WYSIWYG mode. The various elements and assets can be dragged directly into the document from an easy to use panel. Developers can work directly with the page's code, making use of the various tools Dreamweaver provides for ensuring correct syntax. Dreamweaver comes with the support to directly import images created using Macromedia Fireworks and other graphics applications. In Windows, Dreamweaver provides an all-in-one-window integrated layout. In the integrated workspace, all windows and panels are integrated into a single larger application window.

2 Expertrating - Dreamweaver Interface 2 of 5 6/14/2012 9:21 PM SEO Online Photography Course & Online Business Writing Course & Baby Sitting Course & Time Management Health Club Management Medical Coding Medical Billing Business Analysis Course Master Trainer Total Quality Management Kaizen Creative Writing Test Search by Job Title Online survey software Virtual Assistant All Online Courses Figure-1.1 The toolbars contain the common commands. Many of these commands are also available in the Dreamweaver menus. Additional commands are available in the panel groups found on the right side of the Dreamweaver window; you can expand and collapse these groups as necessary. The Property inspector lets you examine and edit the most common properties for the currently selected page element, such as text or an inserted object. We will go through the brief introduction of each of these features. Insert Bar You can use the insert bar to create and insert objects such as tables, layers and images. It includes images, hyperlinks, tables, forms, and multimedia objects. When the mouse is rolled over a button, its tooltip comes up with the name of the command button. These command buttons are organized into categories. These categories can be switched on the left side of the bar. In addition to this the categories also appear when the current document contains server code such as ASP or Coldfusion documents. Figure-1.2 The various categories that these command buttons are grouped into are Common - The default category, which contains commands for adding hyperlinks, tables, images, and multimedia objects. Layout - It is used for designing the layout of the page, with the help of commands for tables, layers, and framesets. Forms - Contains commands for adding form elements to your page.

3 Expertrating - Dreamweaver Interface 3 of 5 6/14/2012 9:21 PM Text - Contains commands for applying various formatting to the text on your page, as well as for inserting special characters. HTML - Lets you select various HTML tags to insert into your page. Application - Contains commands for adding database elements to your page. Flash Elements - Lets you insert a Macromedia Flash movie into your page. Favorites - Lets you customize your own toolbar by grouping your favorite commands. To show or hide the Insert toolbar, open the View menu and select Toolbars, and then Insert. Document Toolbar The Document Toolbar can be used to toggle between different view modes i.e., Code, Design and Split View mode. In addition, there are some common commands related to viewing the document and transferring it between the local and remote sites. There are commands for naming, previewing, and publishing the current document: Figure-1.3 Show Code View - displays only the Code view in the Document window. Show Code and Design Views - displays Code view in part of the Document window and Design view in another part. When you select this combined view, the option Design View on Top becomes available in the View Options menu. Use this option to specify which view appears at the top of your Document window. Code view is updated automatically when you make changes in Design view. However, after making changes in Code view, you must manually update the document in Design view by clicking in Design view or pressing F5. Show Design View - displays only the Design view in the Document window. Document Title - Lets you specify a title for the page, which appears in the title bar of the browser's viewer. No Browser/Check Errors - Provides a menu of options for checking browser compatibility with the page. Validate Markup - lets you validate the current document or a selected tag. File Management - Provides a menu of file management options for the page, including a command to upload the page to your web server. Preview/Debug in Browser - Lets you preview the page in the browser you select. Refresh Design View - Refreshes the appearance of the page in Design view after you've made changes to it in Code view. View Options - Lets you specify various settings for the current view. Visual Aids - lets you use different visual aids to design your pages. If you don't see the Document toolbar, open the View menu and select Toolbars, and then Document to show it. Document Window The Document window shows the current document in either of the view modes among Design View, Code View and Split View. The Design View mode is used for visual page layout, visual

4 Expertrating - Dreamweaver Interface 4 of 5 6/14/2012 9:21 PM editing and rapid application development. In the Design View mode the document is available as a fully editable visual representation similar to the final output that you would be seeing in the browser. Code view provides the user with hard-core coding environment for writing and editing HTML and Javascript code as well as the backend server language code like PHP, coldfusion, ASP etc. The Split view mode lets the user view both code and design view in the same window. Figure-1.4 The title bar displays the title of the page and the file s path and name. An astrisk is displayed after the name if any changes have not been saved. When a Document window is maximized, tabs appear at the top of the Document window area showing the filenames of all open documents. To switch to a document, click its tab. Panel Groups The Dreamweaver Panel Groups are displayed vertically on the right side of the Dreamweaver window. Panel groups are collection of related panels and commands you will use to design your pages andbuild and publish your web site. A Panel group can be collapsed or expanded and docked or undocked along with the other panel groups. A panel appears as a tab in the panel group when selected. The commands available in the panel groups are far more extensive than the ones you'll find on the Insert bar, which contains the most common Dreamweaver commands. Figure-1.5 Each panel includes an Options menu in the upper right corner, which contains additional options for that panel. Design Panel Group

5 Expertrating - Dreamweaver Interface 5 of 5 6/14/2012 9:21 PM Figure-1.6 There are two panels in the design panel group: CSS Styles and Layers. CSS styles are used to maintain the styles in the document and creating and attaching style sheets. The layer panel shows all the layers of the open document. It can be used to lock or unlock, rearrange, and rename the layers. Code Panel Group Figure-1.7 You can use the Code panel group to work with the code in the document like HTML, JavaScript, and ASP. You can save code snippets using the Snippets panel, which can be reused later. The Reference panel contains HTML reference library. ExpertRating Dreamweaver - Get Certified Now!! Home About Us Privacy Policy Site Map FAQs Contact Us ExpertRating All Rights Reserved.

6 Expertrating - Dreamweaver Interface 1 of 4 6/14/2012 9:22 PM ExpertRating Home ExpertRating Benefits Recommend ExpertRating Suggest More Tests Privacy Policy FAQ Login Home > Courses, Tutorials & ebooks > Dreamweaver Tutorial > Dreamweaver Interface Dreamweaver Interface Index Dreamweaver Interface Making Website Site Structure and Content Style Sheets and Template Forms and User Intraction with ASP Database Dreamweaver Extensions Application Panel Group Page 2 of 2 Online Personal Trainer Personal Trainer (Spanish) Six Sigma Find a Personal Trainer Project Management Six Sigma Six Sigma Black Belt Master Black Belt Six Sigma Green Belt Lean Management Lean Six Sigma First Aid CPR Yoga Aerobics Pilates Business Analyst Figure-1.8 The Application panel contains functions to include dynamic content into your web pages. You can manage data sources and define record sets and also add advanced server behaviors. Tag Inspector

7 Expertrating - Dreamweaver Interface 2 of 4 6/14/2012 9:22 PM SEO Online Photography Course & Online Business Writing Course & Baby Sitting Course & Time Management Health Club Management Medical Coding Medical Billing Business Analysis Course Master Trainer Total Quality Management Kaizen Creative Writing Test Search by Job Title Online survey software Virtual Assistant Figure-1.9 All the attributes of your page elements are displayed in the Tag Inspector. You use the tag inspector to edit any attribute of the selected HTML entity by typing into the corresponding attribute s box. Another way of doing this is by selecting it from a menu which pops up when clicked inside the box. Files Panel Group All Online Courses Figure-1.10 Files and Assets Panels are part of the Files Panel Group. The File panel is used for managing the website files like downloading and uploading files to and from the web server. This panel can also be used for defining new websites and to switch among various sites. Status Bar The status bar contains addition information about the document. The status bar is located at the bottom of the document window. Tag Selector Figure-1.11 The tag selector displays the hierarchy of tags surrounding the selection. You can Click any tag in the hierarchy to select that tag and all its contents. Clicking on the <body> selects the entire body of the document. Right-click (Windows) or Control-click (Macintosh), select a class or ID from among the items in the context menu to set the class or id attributes for a tag in the tag selector. Hand Tools The Hand tool is used to drag the document in the document window. Clicking on the Select tool disables the Hand tool.

8 Expertrating - Dreamweaver Interface 3 of 4 6/14/2012 9:22 PM Zoom Tool and Set Magnification pop-up Menu The zoom tool and the Set Magnification pop-up menu let you set a magnification level for your document. It can be used for checking the pixel accuracy of graphics, to select small items more easily, design pages with small text, design large pages, and so on. Window Size pop-up Menu Window size pop-up menu lets you resize the Document window to predetermined or custom dimensions. This menu is only visible in the Design view mode. The status bar displays the Document window s current dimensions (in pixels). In order to design a page that looks its best at a specific size, you can adjust the Document window to any of the predetermined sizes, edit those predetermined sizes, or create new sizes. Document Size and Estimated Download Time This shows the estimated document size and estimated download time for the page, including all dependent files such as images and other media files. The size is calculated based on the entire contents of the page, including all linked objects, such as images and plug-ins. The download time is estimated based on the connection speed entered in the Status Bar preferences. In addition to the user interface entities shown in the default UI view, there are more toolbars like the Coding Toolbar, The Style Rendering toolbar and tools like Reports in dreamweaver. The Coding Toolbar The Coding toolbar has buttons are used to perform many standard coding operations, like highlighting invalid code, collapsing and expanding code selections, editing comments, indenting code, inserting recently used code snippets etc. Figure-1.12 The Coding toolbar is visible only in Code view and appears vertically on the left side of the Document window. The Style Rendering Toolbar The Style Rendering toolbar is hidden by default. It contains buttons that lets you preview your design for different media types if you are using media-dependent style sheets. The Style Rendering Toolbar contains a button that lets you enable or disable CSS styles. To display the toolbar, select View > Toolbars > Style Rendering.

9 Expertrating - Dreamweaver Interface 4 of 4 6/14/2012 9:22 PM Figure-1.13 By default, Dreamweaver shows you how a page is rendered on a computer screen. There are different media type renderings which can be seen by clicking their respective buttons given in the Style Rendering Toolbar. Render Screen Media Type previews the page as it appears on a computer screen. Render Print Media previews the page as it appears on a printed piece of paper. Render Handheld Media previews the page as it appears on a handheld device, such as a mobile phone or a BlackBerry device. Render Projection Media Type previews the page as it appears on a projection device. Render TTY Media Type previews the page as it appears on a teletype machine. Render TV MediaType previews the page as it appears on a television screen. Toggle Displaying of CSS Styles is used for toggling the display of the css styles. Reports in Dreamweaver Reports in dreamweaver can be used to find content, troubleshooting or testing content. There are various types of reports that can be generated. Search can be used to search for tags and attributes or specific text within the tags. Validation is used for checking the code or syntax errors. Target Browser Check is used to test the HTML code in your documents to check if there are any tags or attributes that are unsupported by the target browsers. Link Checker is used to locate and fix broken links. Site reports are used to improve workflow and testing of html attributes in the website. There are workflow reports that contains checked out by, recently modified and designs notes information. FTP logging enables you to view the file transfer log. ExpertRating Dreamweaver - Get Certified Now!! Home About Us Privacy Policy Site Map FAQs Contact Us ExpertRating All Rights Reserved.

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Macromedia Dreamweaver 8 Developer Certification Examination Specification Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this

More information

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) In this project, you will learn the web publishing skills you need to: Plan a website Define a

More information

Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo

Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo Dreamweaver CS3 THE MISSING MANUAL David Sawyer McFarland POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo Table of Contents The Missing Credits Introduction 1 Part

More information

COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA

COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA COURSE OUTLINE FACULTY OF INFORMATION AND COMMUNICATION TECHNOLOGY UNIVERSITI TEKNIKAL MALAYSIA MELAKA ADOBE DREAMWEAVER AUTHORING TOOL DTM 3612 SEMESTER 1 SESI 2010/2011 DTM 3612 ADOBE DREAMWEAVER AUTHORING

More information

ACE: Dreamweaver CC Exam Guide

ACE: Dreamweaver CC Exam Guide Adobe Training Services Exam Guide ACE: Dreamweaver CC Exam Guide Adobe Training Services provides this exam guide to help prepare partners, customers, and consultants who are actively seeking accreditation

More information

Dreamweaver CS6 Basics

Dreamweaver CS6 Basics Dreamweaver CS6 Basics Learn the basics of building an HTML document using Adobe Dreamweaver by creating a new page and inserting common HTML elements using the WYSIWYG interface. EdShare EdShare is a

More information

Dreamweaver. Introduction to Editing Web Pages

Dreamweaver. Introduction to Editing Web Pages Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel

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

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

More information

Content Management Manual

Content Management Manual Content Management Manual Holcim Ltd Holcim CMS Handbook November 2010 Managing the Holcim corporate website 5 1. General 5 1.1 Target group 5 1.1.1 What is TYPO3? 5 1.2 Access 6 1.2.1 Frontend 6 1.2.2

More information

Please select one of the topics below.

Please select one of the topics below. Thanks for choosing WYSIWYG Web Builder! In this section we will give a short introduction to Web Builder so you can start building your web site in (almost) no time. Please select one of the topics below.

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

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

About XML in InDesign

About XML in InDesign 1 Adobe InDesign 2.0 Extensible Markup Language (XML) is a text file format that lets you reuse content text, table data, and graphics in a variety of applications and media. One advantage of using XML

More information

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu Revised 4/28/2014 CONTENTS The eclps Overview... 3 Objectives... 3 Adding the Syllabus or Lessons Tool to

More information

Basic Web Development @ Fullerton College

Basic Web Development @ Fullerton College Basic Web Development @ Fullerton College Introduction FC Net Accounts Obtaining Web Space Accessing your web space using MS FrontPage Accessing your web space using Macromedia Dreamweaver Accessing your

More information

How to create pop-up menus

How to create pop-up menus How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached

More information

Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION. oittraining@uta.

Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION. oittraining@uta. OIT Training and Documentation Services Cascade Server End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2013 CONTENTS 1. Introduction

More information

How To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For

How To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this

More information

Site Maintenance Using Dreamweaver

Site Maintenance Using Dreamweaver Site Maintenance Using Dreamweaver As you know, it is possible to transfer the files that make up your web site from your local computer to the remote server using FTP (file transfer protocol) or some

More information

CourseBuilder Extension ADOBE elearning SUITE 6

CourseBuilder Extension ADOBE elearning SUITE 6 CourseBuilder Extension ADOBE elearning SUITE 6 Legal notices Legal notices For legal notices, see http://help.adobe.com/en_us/legalnotices/index.html. iii Contents Chapter 1: Getting Started Overview..............................................................................................................

More information

Apple Applications > Safari 2008-10-15

Apple Applications > Safari 2008-10-15 Safari User Guide for Web Developers Apple Applications > Safari 2008-10-15 Apple Inc. 2008 Apple Inc. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system,

More information

Content Author's Reference and Cookbook

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

More information

CLASSROOM WEB DESIGNING COURSE

CLASSROOM WEB DESIGNING COURSE About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered

More information

Dreamweaver CS5. Module 2: Website Modification

Dreamweaver CS5. Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,

More information

Hypercosm. Studio. www.hypercosm.com

Hypercosm. Studio. www.hypercosm.com Hypercosm Studio www.hypercosm.com Hypercosm Studio Guide 3 Revision: November 2005 Copyright 2005 Hypercosm LLC All rights reserved. Hypercosm, OMAR, Hypercosm 3D Player, and Hypercosm Studio are trademarks

More information

How To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font

How To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading

More information

Using ADOBE CONTRIBUTE CS5

Using ADOBE CONTRIBUTE CS5 Using ADOBE CONTRIBUTE CS5 Legal notices Legal notices For legal notices, see http://help.adobe.com/en_us/legalnotices/index.html. iii Contents Chapter 1: What s new Chapter 2: Setting up Contribute The

More information

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5

More information

Content Management System

Content Management System OIT Training and Documentation Services Content Management System End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2009 CONTENTS 1.

More information

SiteBuilder 2.1 Manual

SiteBuilder 2.1 Manual SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can

More information

Chapter 12 Creating Web Pages

Chapter 12 Creating Web Pages Getting Started Guide Chapter 12 Creating Web Pages Saving Documents as HTML Files Copyright This document is Copyright 2010 2012 by its contributors as listed below. You may distribute it and/or modify

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

Features. Main features:

Features. Main features: Overview Web Page Maker is an easy to use web creator that helps you make your own web pages with no experience or HTML knowledge. Just drag and drop images, text, music and video.. into a layout. During

More information

Google Sites: Creating, editing, and sharing a site

Google Sites: Creating, editing, and sharing a site Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly

More information

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Chapter 14: Links. Types of Links. 1 Chapter 14: Links 1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and

More information

Site Maintenance. Table of Contents

Site Maintenance. Table of Contents Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...

More information

MyCompany Professional Web Developer Certification Examination Specification

MyCompany Professional Web Developer Certification Examination Specification MyCompany Professional Web Developer Certification Examination Specification Introduction This is a sample of an exam specification and is not representative of any actual exam specification. The exam

More information

How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)

How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer) ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn

More information

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy USER GUIDE Unit 2: Synergy Chapter 2: Using Schoolwires Synergy Schoolwires Synergy & Assist Version 2.0 TABLE OF CONTENTS Introductions... 1 Audience... 1 Objectives... 1 Before You Begin... 1 Getting

More information

Terminal Four (T4) Site Manager

Terminal Four (T4) Site Manager Terminal Four (T4) Site Manager Contents Terminal Four (T4) Site Manager... 1 Contents... 1 Login... 2 The Toolbar... 3 An example of a University of Exeter page... 5 Add a section... 6 Add content to

More information

Creating a Website with Publisher 2013

Creating a Website with Publisher 2013 Creating a Website with Publisher 2013 University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2015 KSU Division of University Information Technology

More information

TUTORIAL 4 Building a Navigation Bar with Fireworks

TUTORIAL 4 Building a Navigation Bar with Fireworks TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar

More information

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators Version 1.0 Last Updated on 15 th October 2011 Table of Contents Introduction... 3 File Manager... 5 Site Log...

More information

New Features Overview

New Features Overview Master Web Site Development AceHTML 6 Pro is a highly effective tool that allows you to build and manage professional Web sites with ease, control, and efficiency. By balancing power and flexibility, AceHTML

More information

Reference Guide for WebCDM Application 2013 CEICData. All rights reserved.

Reference Guide for WebCDM Application 2013 CEICData. All rights reserved. Reference Guide for WebCDM Application 2013 CEICData. All rights reserved. Version 1.2 Created On February 5, 2007 Last Modified August 27, 2013 Table of Contents 1 SUPPORTED BROWSERS... 3 1.1 INTERNET

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK

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

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

OU Campus Web Content Management

OU Campus Web Content Management DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT OU Campus Web Content Management Table of Contents OU Campus Web Content Management... 1 Introduction

More information

Fireworks 3 Animation and Rollovers

Fireworks 3 Animation and Rollovers Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos

More information

Content Builder: How-To Guide

Content Builder: How-To Guide Content Builder: How-To Guide In-Line Editing Several of the components have in-line editing where you can format the text and include hyperlinks. To access the in-line editing, click the pencil button

More information

Foxit Reader Quick Guide

Foxit Reader Quick Guide I Contents Foxit Reader Contents... II Chapter 1 Get Started... 1 Foxit Reader Overview... 1 System Requirements... 1 Install Foxit Reader... 2 Uninstall Foxit Reader... 2 Update Foxit Reader... 2 Workspace...

More information

Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP

Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP Introduction This document describes how to create a basic web page with Netscape/Mozilla Composer and how to publish

More information

WP Popup Magic User Guide

WP Popup Magic User Guide WP Popup Magic User Guide Plugin version 2.6+ Prepared by Scott Bernadot WP Popup Magic User Guide Page 1 Introduction Thank you so much for your purchase! We're excited to present you with the most magical

More information

WEB& WEBSITE DESIGN TRAINING

WEB& WEBSITE DESIGN TRAINING WEB& WEBSITE DESIGN TRAINING Introduction to Websites Course Content: Introduction to Web Technologies Protocols and Port Numbers Domain Names, DNS and Domaining Client and Server Software. Static, Dynamic

More information

Adobe Dreamweaver - Basic Web Page Tutorial

Adobe Dreamweaver - Basic Web Page Tutorial Adobe Dreamweaver - Basic Web Page Tutorial Window Elements While Dreamweaver can look very intimidating when it is first launched it is an easy program. Dreamweaver knows that your files must be organized

More information

Dreamweaver. Links and Tables

Dreamweaver. Links and Tables Dreamweaver Links and Tables WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 ADDING HYPERLINKS... 2 New Text Hyperlink 2 Existing Text or Image Hyperlink 2 EXERCISE 1 3 New Text E-mail

More information

Tutorial JavaScript: Switching panels using a radio button

Tutorial JavaScript: Switching panels using a radio button Tutorial JavaScript: Switching panels using a radio button www.nintex.com support@nintex.com Contents About this tutorial... 3 Upload the JavaScript File... 4 Using JavaScript to hide or show a control

More information

User Guide. Chapter 6. Teacher Pages

User Guide. Chapter 6. Teacher Pages User Guide Chapter 6 s Table of Contents 1. Introduction... 4 I. Enhancements... 5 II. Tips... 6 2. Key Information... 7 3. How to Add a... 8 4. How to Edit... 10 I. SharpSchool s WYSIWYG Editor... 11

More information

Creating Online Surveys with Qualtrics Survey Tool

Creating Online Surveys with Qualtrics Survey Tool Creating Online Surveys with Qualtrics Survey Tool Copyright 2015, Faculty and Staff Training, West Chester University. A member of the Pennsylvania State System of Higher Education. No portion of this

More information

Introduction to Windows 8

Introduction to Windows 8 Introduction to Windows 8 Windows 8 is a completely redesigned operating system developed from the ground up with touchscreen use in mind as well as near instant-on capabilities that enable a Windows 8

More information

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

More information

How to Add a Transparent Flash FLV movie to your Web Page Tutorial by R. Berdan Oct 16 2008

How to Add a Transparent Flash FLV movie to your Web Page Tutorial by R. Berdan Oct 16 2008 How to Add a Transparent Flash FLV movie to your Web Page Tutorial by R. Berdan Oct 16 2008 To do this tutorial you will need Flash 8 or higher, Dreamweaver 8 or higher. You will also need some movie clips

More information

Adobe Acrobat: Creating Interactive Forms

Adobe Acrobat: Creating Interactive Forms Adobe Acrobat: Creating Interactive Forms This document provides information regarding creating interactive forms in Adobe Acrobat. Please note that creating forms requires the professional version (not

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

History Explorer. View and Export Logged Print Job Information WHITE PAPER

History Explorer. View and Export Logged Print Job Information WHITE PAPER History Explorer View and Export Logged Print Job Information WHITE PAPER Contents Overview 3 Logging Information to the System Database 4 Logging Print Job Information from BarTender Designer 4 Logging

More information

Using Spry Widgets. In This Chapter

Using Spry Widgets. In This Chapter B2 Using Spry Widgets One foundation of Web 2.0 is widespread user interactivity enabled by extensive use of CSS and JavaScript. This allows applications that run inside a Web browser to offer the kind

More information

(These instructions are only meant to get you started. They do not include advanced features.)

(These instructions are only meant to get you started. They do not include advanced features.) FrontPage XP/2003 HOW DO I GET STARTED CREATING A WEB PAGE? Previously, the process of creating a page on the World Wide Web was complicated. Hypertext Markup Language (HTML) is a relatively simple computer

More information

Dreamweaver Tutorials Creating a Web Contact Form

Dreamweaver Tutorials Creating a Web Contact Form Dreamweaver Tutorials This tutorial will explain how to create an online contact form. There are two pages involved: the form and the confirmation page. When a user presses the submit button on the form,

More information

Content Management System User Guide

Content Management System User Guide Content Management System User Guide Table Of Contents Getting Started Checklist... 1 Overview: Portal Content Management System... 3 Anatomy of a Portal Page... 3 Overview of the Content Management System...

More information

Chapter 12 Creating Web Pages

Chapter 12 Creating Web Pages Getting Started Guide Chapter 12 Creating Web Pages Saving Documents as HTML Files This PDF is designed to be read onscreen, two pages at a time. If you want to print a copy, your PDF viewer should have

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

Using HTML5 Pack for ADOBE ILLUSTRATOR CS5

Using HTML5 Pack for ADOBE ILLUSTRATOR CS5 Using HTML5 Pack for ADOBE ILLUSTRATOR CS5 ii Contents Chapter 1: Parameterized SVG.....................................................................................................1 Multi-screen SVG.......................................................................................................4

More information

BusinessObjects Enterprise InfoView User's Guide

BusinessObjects Enterprise InfoView User's Guide BusinessObjects Enterprise InfoView User's Guide BusinessObjects Enterprise XI 3.1 Copyright 2009 SAP BusinessObjects. All rights reserved. SAP BusinessObjects and its logos, BusinessObjects, Crystal Reports,

More information

How to Create a WordPress web site at www.blacksun.ca

How to Create a WordPress web site at www.blacksun.ca How to Create a WordPress web site at www.blacksun.ca by R. Berdan Dec 1, 2012 What you need. 1. Web Host & Domain name www.blacksun.ca with support for PHP 5.2.4 or greater, MySQL 5.0 or greater (you

More information

Legal Notes. Regarding Trademarks. 2012 KYOCERA Document Solutions Inc.

Legal Notes. Regarding Trademarks. 2012 KYOCERA Document Solutions Inc. Legal Notes Unauthorized reproduction of all or part of this guide is prohibited. The information in this guide is subject to change without notice. We cannot be held liable for any problems arising from

More information

User Guide. Chapter 6. Teacher Pages

User Guide. Chapter 6. Teacher Pages User Guide Chapter 6 s Table of Contents Introduction... 6 Tips for s... 7 Pitfalls... 8 Key Information... 9 I. Adding a... 10 II. Editing a... 12 SharpSchool s WYSIWYG Editor... 13 1) Uploading Images

More information

Mastering the JangoMail EditLive HTML Editor

Mastering the JangoMail EditLive HTML Editor JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

Web Portal User Guide. Version 6.0

Web Portal User Guide. Version 6.0 Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries

More information

<Chapter Heading> 1. RedDot CMS Training End User Guide. 2006 RedDot Solutions. RedDot CMS End User Training

<Chapter Heading> 1. RedDot CMS Training End User Guide. 2006 RedDot Solutions. RedDot CMS End User Training 1 RedDot CMS Training End User Guide 2006 RedDot Solutions RedDot CMS End User Training Privacy Policy Confidential & Proprietary This information is intended for the use of the individual

More information

ADOBE MUSE. Building your first website

ADOBE MUSE. Building your first website ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample

More information

Web Ambassador Training on the CMS

Web Ambassador Training on the CMS Web Ambassador Training on the CMS Learning Objectives Upon completion of this training, participants will be able to: Describe what is a CMS and how to login Upload files and images Organize content Create

More information

BAT Smart View for Budget Users. Miami-Dade County. BAT Smart View Training Activity Guide

BAT Smart View for Budget Users. Miami-Dade County. BAT Smart View Training Activity Guide Miami-Dade County BAT Smart View Training Activity Guide 1 Table of Contents Activity 1: Launch Microsoft Excel, Check User Options and Use the Connection Panel.... 3 Activity 2: Opening BAT Web Forms

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

Xtreeme Search Engine Studio Help. 2007 Xtreeme

Xtreeme Search Engine Studio Help. 2007 Xtreeme Xtreeme Search Engine Studio Help 2007 Xtreeme I Search Engine Studio Help Table of Contents Part I Introduction 2 Part II Requirements 4 Part III Features 7 Part IV Quick Start Tutorials 9 1 Steps to

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

FileMaker 11. Instant Web Publishing Guide

FileMaker 11. Instant Web Publishing Guide FileMaker 11 Instant Web Publishing Guide 2004 2010 FileMaker, Inc. All Rights Reserved. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, California 95054 FileMaker is a trademark of FileMaker, Inc.

More information

Lightworks v12. Quick Start Guide

Lightworks v12. Quick Start Guide Lightworks v12 Quick Start Guide Lightworks v12 Copyright and Disclaimer Copyright 2014 by EditShare This document, as well as any software described in it, is furnished under either a license or a confidentiality

More information

Dreamweaver: Managing Your Site and Content. Oxford University Computing Services

Dreamweaver: Managing Your Site and Content. Oxford University Computing Services Dreamweaver: Managing Your Site and Content Oxford University Computing Services How to Use This Book The Exercises This handbook accompanies the taught sessions for the course. Each section contains a

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

Adobe Illustrator CS5 Part 1: Introduction to Illustrator

Adobe Illustrator CS5 Part 1: Introduction to Illustrator CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Adobe Illustrator CS5 Part 1: Introduction to Illustrator Summer 2011, Version 1.0 Table of Contents Introduction...2 Downloading

More information

GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS

GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS Last Edited: 2012-07-09 1 Navigate the document interface... 4 Create and Name a new document... 5 Create a new Google document... 5 Name Google documents...

More information

In list view, the Finder window displays folder or volume contents as a list, which can be sorted by name, date, kind, or other criteria.

In list view, the Finder window displays folder or volume contents as a list, which can be sorted by name, date, kind, or other criteria. Using the Finder When you first start up your Mac, you're greeted by the Finder, which allows you to visually access practically everything on your Mac, including applications, hard disks, files, folders,

More information

Create a GAME PERFORMANCE Portfolio with Microsoft Word

Create a GAME PERFORMANCE Portfolio with Microsoft Word Create a GAME PERFORMANCE Portfolio with Microsoft Word Planning A good place to start is on paper. Get a sheet of blank paper and just use a pencil to indicate where the content is going to be positioned

More information

Content Management System User Guide

Content Management System User Guide Content Management System User Guide support@ 07 3102 3155 Logging in: Navigate to your website. Find Login or Admin on your site and enter your details. If there is no Login or Admin area visible select

More information

Configuring the JEvents Component

Configuring the JEvents Component Configuring the JEvents Component The JEvents Control Panel's Configuration button takes you to the JEvents Global Configuration page. Here, you may set a very wide array of values that control the way

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