CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)
|
|
- Willis Hoover
- 8 years ago
- Views:
Transcription
1 CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main menu, select Site > New Site 2. Enter your site name (Choose any name that will help you to identify your web site) and browse to and select your site folder. Click Select and then click Save 3. The web site is created. Step 2 - Creating a new web page, adding page properties 5 POINTS 1. From the Main Menu, choose File > New. New Document dialog box opens. Choose Blank Page Category and choose HTML as a Page type.
2 2. Click Create. New blank page appears in the document window. 3. From the main Menu, choose File> Save As.. Name the file news_release.html. Click Save (CTRL+S). 4. Add the page title and meta tags. In the Document Toolbar (at the top of the document window) locate Title: input box and enter: News Release Vol. q, October 1, 2010 (as shown below) 5. Select the Common tab in the Insert bar and click the Head:Meta drop-down arrow. Choose Description from the list. 6. Enter the following description: My Company Name Newsletter 2001 Qtr 3 Alternative method: In Code view (click the CODE tab) type the following within the <head> tag, adding your name, your description, and keywords that pertain to your newsletter
3 <head> <title>newsletter 2011 Qtr 3</title> <meta name="description" content="my Company Name Newsletter 2001 Qtr 3" /> </head> Step 3 - Adding and formatting page heading - <h1> - 10 POINTS 1. Add the page heading. Click CTRL+1 and type: NetSpark Web conference or Your Company Name Newsletter Qtr 3 2. Set CSS styles for <h1> tags. In the CSS STYLES panel (if you don t see this panel, choose Window from the main menu and choose CSS Styles) click the New CSS Rule icon (+ icon). The New CSS Style window opens. 3. Choose selector type: Tag. Enter the h1 as a Selector Name. Set the Rule Definition as a New Style Sheet File. (Settings are shown below)
4 4. Click OK. Dreamweaver will prompt you to name the css file. Name it news.css. 5. Click Save. 6. The New Rule definition dialog box opens. Establish the font settings as shown below:
5 7. Select the Box Category. If you accidently closed the window, you can reopen it by clicking the Edit Rule.. button (Located at the bottom of the CSS STYLES panel the pencil icon. Alternatively, you can double-click the h1 rule in the panel. In the Box category, set the Width to 330px. 8. Select the Border category. Uncheck the Same for all check box for all three values and set the bottom border to double, 3px, set the border color to #C85C15 or your preferred color.
6 9. Click OK to accept the settings. Step 4 Inserting Graphics 5 POINTS 1. Place you mouse cursor immediately below the <h1> element (You may want to switch to the Code view to double check the position of your insertion point) 2. From the main menu, select Insert >Image, choose the image; enter the alt text in Image Tag Accessibility dialog box. (I used the webpros.jpg file) Step 5 - Inserting a <div> tag and creating custom class selector - 10 POINTS 1. Make sure that your insertion point is located right below the image. From the main menu select Insert > Layout Object > DIV tag. The Insert Div tag dialog box appears. 2. Enter the name of the class info_bar
7 3. Click OK. A new <div> placeholder appears in the document window. 4. With the new div selected in the Design View, click the New CSS style button (+ icon) in the CSS STYLES panel. 5. The New CSS Rule dialog box appears. The.info_bar is specified as a class selector 6. Click OK. 7. In the dialog box that appears set the following properties for the Font category: Font-weight:bold; Font-family: Verdana, Geneva, sans-serif
8 Color: #FFFFFF (of any desired color) 8. Select the Background category 9. Select the Box category. Set the Width to 550px and Height to 20px. 10. Uncheck the Same for all check box for the Padding property and set the padding: top to 4px, bottom to 4px, left and right to 20px (as shown below)
9 11. Select the Background category. Set the Background color to #C85C Remove the text placeholder and enter the number and the date of press release. Step 6 - Creating main content block, using an ID selector 10 POINTS 1. Add another <div> tag. Make sure that your mouse pointer is placed below the <div class= info_bar ></div> element. 2. From the main menu, select Insert > Layout Object > DIV tag. The Insert DIV tag dialog box appears. 3. Enter the name for a new ID content (as shown below)
10 4. In the CSS STYLES panel click the New CSS Rule button (+ icon). A new CSS rule dialog box appears with the ID #conent preselected. 5. Click OK to open the New Rule definition dialog box. 6. Select the Box category and set the Width property to 570px; set the Padding property to 10px (the Same for all sides). Click OK. 7. Insert mouse pointer inside the div #content and remove the placeholder text. Type the headline for the news, such as Do you Know? Select this text. From the Properties panel (below the document window) click the Format drop-down arrow and choose Heading Create your own style for the <h2>. Set font size and color properties for this element. 9. Enter two or three paragraphs the Press release lead. Remember, each time you press Enter, a new paragraph appears on the page. If you would like to enter a line break, press and hold Shift + Enter. 10. Enter at least one unordered list. To do so, Click Enter once to create a new paragraph. In the Properties panel (at the bottom) click the Bullets icon (Unordered list) and start typing first list item. Create a new list item by pressing Enter. To complete the list, click Enter twice. Step 7 Adding graphical button 10 POINTS 1. Place your mouse pointer below the text in the #content block. From the main menu, select Insert >Image. Select the register.png button from the images folder. Add the alternative text: Register now! Click OK to insert image. 2. Select the image on the page. In the Properties panel locate the Link input box. Enter the link to SCF web site (You can create a link to any related to your web site resource) and click Enter. Set Target to _blank and border to 0(zero):
11 3. Add another paragraph after the register button. Step 8 - Adding bottom bar, using class info_bar - 5 POINTS 1. Place mouse pointer after the end of the main content section (after <div id= container > </div>) 2. From the main menu, choose Insert > Layout Object > DIV tag. In the Insert DIV tag dialog box that appears, type the name of the Class selector: info_bar (as shown below). 4. Click OK. The bar identical to the top bar appears at the bottom of the page. Step 9 Adding hyperlinks - 5 POINTS 1. Remove the placeholder text and type : Visit our Website 2. Select this text. In the Properties panel enter index.html in the Link input box. Click Enter to complete the link. Step 10 Adding link to 5 POINTS 3. Add the link to the address. In the Insert panel click the Common. In the Common bar, click the link (envelope) icon
12 4. The Link window opens. 5. Enter the text for the link - us. Enter 6. Click OK to complete the link. Step 11 Styling links 10 POINTS 1. Place your mouse pointer over one of the links in the info_bar and click the link 2. In the CSS STYLES panel click the New CSS Rule icon (+ icon). In the New CSS Rule window enter the following Selector Name:.info_bar a:link,.info_bar a:visited (as shown below):
13 3. Click OK 4. In the Type category, set your preferred color (provide good contrast between background color and the text) 5. Click OK. 6. Click any hyperlink in the info bar again. Click the New CSS Rule icon (+ icon). In the New CSS Rule dialog box enter the following Selector Name:.info_bar a:hover (shown below)
14 7. Click OK. 8. Select the Type category. Set the color that would provide a high contrast between text and background Step 12 - Adding DIV wrapper 10 POINTS To give your page the finished look, set the width to the entire page content and create a border around page content. To do this, place a DIV tag around the entire page content. 1. Switch to the code view by clicking the Code tab at the top of the document window. 2. Locate the opening <body> tag and enter <div id= wrapper > tag as shown: <body> <div id="wrapper"> <h1>netspark Web Conference</h1> 3. Add closing </div> tag before </body> closing tag: </div> </body> 4. Switch to the Design view. 5. In the CSS STYLES Panel, click the New CSS Rule icon (+). In the New CSS Rule dialog box enter Selector Name: #wrapper 7. Click OK. 8. In the CSS Rule Definition dialog box, set your preferred settings for Font, such as Verdana, Arial, sans-serif, font-size: 0.9em
15 9. Select Background category. Set you background-image: click Browse and select the image, such as map.gif. 10. Set Repeat to no-repeat. 11. Background position: 250px (x) 350px (y) 12. Select the Border Category. Set border to solid, 1px wide, color to (the same for all sides) 13. Select the Box Category. Set the Width property to 590px. 14. Click OK to apply. his is a newsletter. This means there must be several paragraphs of text. Feel free to make up your own text, but make it relevant to your site. Save both the CSS and HTML files. Select File > Save All. Preview the page in a web browser. Step 13 VALIDATE YOUR CODE with validator.w3.org 10 POINTS Make sure you meet all the grading criteria listed on the Newsletter link on the online syllabus. Upload the two files: the.html and.css to your web server. Submit the URL through the Angel Dropbox.
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 informationCREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5
CREATING HORIZONTAL NAVIGATION BAR USING ADOBE DREAMWEAVER CS5 Step 1 - Creating list of links - (5 points) Traditionally, CSS navigation is based on unordered list - . Any navigational bar can be
More informationAdobe 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 informationCreating Web Pages With Dreamweaver MX 2004
Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic
More informationUsing 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 informationMicrosoft 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 informationWeb 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 informationUsing an external style sheet with Dreamweaver (CS6)
Using an external style sheet with Dreamweaver (CS6) nigelbuckner.com 2012 This handout explains how to create an external style sheet, the purpose of selector types and how to create styles. It does not
More informationIAS 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 informationMicrosoft 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 informationDreamweaver. 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 informationHow 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 informationIntroduction 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 informationA send-a-friend application with ASP Smart Mailer
A send-a-friend application with ASP Smart Mailer Every site likes more visitors. One of the ways that big sites do this is using a simple form that allows people to send their friends a quick email about
More informationAdobe Illustrator CS6. Illustrating Innovative Web Design
Overview In this seminar, you will learn how to create a basic graphic in Illustrator, export that image for web use, and apply it as the background for a section of a web page. You will use both Adobe
More informationRecreate 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 informationBasic 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 informationUsing 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 informationITP 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 informationCreating Your Personal Website
Creating Your Personal Website These instructions will show you how to create a personal webpage for CSULB students using Dreamweaver MX 2004. The page will consist of a title, background image, text,
More informationResponsive 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 informationCreating Web Pages with Dreamweaver CS 6 and CSS
Table of Contents Overview... 3 Getting Started... 3 Web Page Creation Tips... 3 Creating a Basic Web Page Exercise... 4 Create a New Page... 4 Using a Table for the Layout... 5 Adding Text... 6 Adding
More informationDesigning HTML Emails for Use in the Advanced Editor
Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into
More informationIntroduction to Macromedia Dreamweaver MX
Introduction to Macromedia Dreamweaver MX Macromedia Dreamweaver MX is a comprehensive tool for developing and maintaining web pages. This document will take you through the basics of starting Dreamweaver
More informationDreamweaver CS5. Module 1: Website Development
Dreamweaver CS5 Module 1: Website Development Dreamweaver CS5 Module 1: Website Development Last revised: October 29, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland, CA
More informationIn this example, Mrs. Smith is looking to create graphs that represent the ethnic diversity of the 24 students in her 4 th grade class.
Creating a Pie Graph Step-by-step directions In this example, Mrs. Smith is looking to create graphs that represent the ethnic diversity of the 24 students in her 4 th grade class. 1. Enter Data A. Open
More informationSite 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 informationBuilding 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 informationCreating a Newsletter with Microsoft Word
Creating a Newsletter with Microsoft Word Frank Schneemann In this assignment we are going to use Microsoft Word to create a newsletter that can be used in your classroom instruction. If you already know
More informationITCS QUICK REFERENCE GUIDE: EXPRESSION WEB SITE
Create a One-Page Website Using Microsoft Expression Web This tutorial uses Microsoft Expression Web 3 Part 1. Create the Site on your computer Create a folder in My Documents to house the Web files. Save
More informationContents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
More informationADOBE 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 informationCreating Personal Web Sites Using SharePoint Designer 2007
Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare
More informationJoomla! 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 informationTo change title of module, click on settings
HTML Module: The most widely used module on the websites. This module is very flexible and is used for inserting text, images, tables, hyperlinks, document downloads, and HTML code. Hover the cursor over
More informationWeb layout guidelines for daughter sites of Scotland s Environment
Web layout guidelines for daughter sites of Scotland s Environment Current homepage layout of Scotland s Aquaculture and Scotland s Soils (September 2014) Design styles A daughter site of Scotland s Environment
More informationTraining Manual Version 1.0
State of Indiana Content Management System Open Text v.11.2 Training Manual Version 1.0 Developed by Table of Contents 1. Getting Started... 4 1.1 Logging In... 4 1.2 OpenText Menu...5 1.3 Selecting a
More informationDreamweaver. 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 informationState of Indiana Content Management System. Training Manual Version 2.0. Developed by
State of Indiana Content Management System Training Manual Version 2.0 Developed by Table of Contents Getting Started... 4 Logging In... 5 RedDot Menu... 6 Selecting a Project... 7 Start Page... 8 Creating
More informationHow 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 informationcss href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family
technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title CANAJOHARIE CENTRAL SCHOOL
More informationDREAMWEAVER BASICS. A guide to updating Faculty websites Created by the Advancement & Marketing Unit
DREAMWEAVER BASICS A guide to updating Faculty websites Created by the Advancement & Marketing Unit Table of content Tip: Click on the links below to go straight to the desired section The W (Web Services)
More informationhttp://ipfw.edu Quick Guide for Accessible PDF July 2013 Training: http://ipfw.edu/training
Accessible PDF Getting Started Types of Documents best suited for PDF on the Web Document is longer than 5 pages. You need to preserve the formatting or layout of the original document, e.g., for printing.
More informationOutline of CSS: Cascading Style Sheets
Outline of CSS: Cascading Style Sheets nigelbuckner 2014 This is an introduction to CSS showing how styles are written, types of style sheets, CSS selectors, the cascade, grouping styles and how styles
More informationLogin: https://ipfw.edu/c Quick Guide for dotcms & Accessibility November 2014 Training: http://ipfw.edu/training
dotcms & Accessibility Folders Creating a New Folder Note: All folders showing on menu must have an index page. 1. Right-click the parent folder in which the new folder will reside. 2. Click New > Folder.
More informationSiteBuilder 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 informationCreate a Simple Website. Intel Easy Steps 1 2012 Intel Corporation All rights reserved.
Create a Simple Website Intel Easy Steps 1 2012 Intel Corporation Website Creating a Simple Website As more and more people are using the Internet to get information, it has become very important for businesses
More informationDreamweaver 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 informationContent 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 informationHow to Build a SharePoint Website
How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables
More informationIntro to Web Development
Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing
More informationHow to create buttons and navigation bars
How to create buttons and navigation bars Adobe Fireworks CS3 enables you to design the look and functionality of buttons, including links and rollover features. After you export these buttons from Fireworks,
More informationHTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading
More informationBuilding a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan
Building a Horizontal Menu in Dreamweaver CS3 Using Spry R. Berdan In earlier versions of dreamweaver web developers attach drop down menus to graphics or hyperlinks by using the behavior box. Dreamweaver
More informationDreamweaver 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 informationcss href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family
technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title PORT JERVIS CENTRAL SCHOOL
More informationMS Word 2007 practical notes
MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the
More informationInspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 2
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 2 CSS stands for Cascading Style Sheets, these allow you to specify the look and feel of your website. It also helps with consistency.
More informationSlicing and Coding the Navigation Background in CSS
CSS Template Tutorial Please take your time to visit http://www.freecss.info Table of Contents Step 1 Setting up. page 3 Step 2 Coding the basics.page 5 Step 3 Coding and slicing the header. page 9 Step
More informationSage Accountants Business Cloud EasyEditor Quick Start Guide
Sage Accountants Business Cloud EasyEditor Quick Start Guide VERSION 1.0 September 2013 Contents Introduction 3 Overview of the interface 4 Working with elements 6 Adding and moving elements 7 Resizing
More informationICE: HTML, CSS, and Validation
ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it
More informationBasic 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 informationQuick 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 informationMaximizing the Use of Slide Masters to Make Global Changes in PowerPoint
Maximizing the Use of Slide Masters to Make Global Changes in PowerPoint This document provides instructions for using slide masters in Microsoft PowerPoint. Slide masters allow you to make a change just
More informationCascade Server CMS Quick Start Guide
Cascade Server CMS Quick Start Guide 1. How to log in 2. How to open page 3. How to edit a page 4. How to create a new page 5. How to publish a page 6. How to change settings to view publish status page
More informationGo Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL
Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL K5 CMS The K5 Content Management System (CMS), previously known as Kwik-Az Updating, is a small downloadable program that permits
More informationWeb Publishing Basics 2
Web Publishing Basics 2 HTML and CSS Coding Jeff Pankin pankin@mit.edu Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What
More informationWORDPRESS MANUAL WEBSITEDESIGN.CO.ZA
WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://easywpguide.com/wordpress-manual/ to assist you with your website 1 WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA
More informationCaldes CM12: Content Management Software Introduction v1.9
Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge
More informationCreating a Web Page in Microsoft Office
Creating a Web Page in Microsoft Office You will create the classroom web page much like you create a regular Word document, using all the formatting tools. However, you will need to save the page in two
More informationHow to Edit an Email. Here are some of the things you can do to customize your email:
How to Edit an Email Editing a new email created during the Create an Email wizard or editing an existing email in the Edit Email section of the Manage Emails tab is easy, using editing tools you re probably
More informationMICROSOFT OUTLOOK 2010 WORK WITH CONTACTS
MICROSOFT OUTLOOK 2010 WORK WITH CONTACTS Last Edited: 2012-07-09 1 Access to Outlook contacts area... 4 Manage Outlook contacts view... 5 Change the view of Contacts area... 5 Business Cards view... 6
More informationHow 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 informationKOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
More informationDreamweaver Tutorial #1
Dreamweaver Tutorial #1 My first web page In this tutorial you will learn: how to create a simple web page in Dreamweaver how to store your web page on a server to view your page online what the Internet
More informationTABLE OF CONTENTS BACKGROUND: HIGH IMPACT EMAIL 4.0 PROFESSIONAL AND ACT!. 3 SELECT MAIL MERGE OPTION ON THE MAIN SCREEN.0 TEMPLATE.
TABLE OF CONTENTS BACKGROUND: HIGH IMPACT EMAIL 4.0 PROFESSIONAL AND ACT!... 3 SELECT MAIL MERGE OPTION ON THE MAIN SCREEN... 4 SELECT A HIGH IMPACT EMAIL 4.0 TEMPLATE... 5 SELECT A PROFILE TO BE USED
More informationTerminal 4 Site Manager User Guide. Need help? Call the ITD Lab, x7471
Need help? Call the ITD Lab, x7471 1 Contents Introduction... 2 Login to Terminal 4... 2 What is the Difference between a Section and Content... 2 The Interface Explained... 2 Modify Content... 3 Basic
More informationLotus Notes Client Version 8.5 Reference Guide
Lotus Notes Client Version 8.5 Reference Guide rev. 11/19/2009 1 Lotus Notes Client Version 8.5 Reference Guide Accessing the Lotus Notes Client From your desktop, double click the Lotus Notes icon. Logging
More informationMicrosoft PowerPoint 2008
Microsoft PowerPoint 2008 Starting PowerPoint... 2 Creating Slides in Your Presentation... 3 Beginning with the Title Slide... 3 Inserting a New Slide... 3 Slide Layouts... 3 Adding an Image to a Slide...
More informationJOOMLA 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 informationIntroduction to Microsoft Word 2003
Introduction to Microsoft Word 2003 Sabeera Kulkarni Information Technology Lab School of Information University of Texas at Austin Fall 2004 1. Objective This tutorial is designed for users who are new
More informationMicrosoft FrontPage 2003
Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State
More informationFireworks 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 informationCreate a Web Page with Dreamweaver
Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist
More informationRequirements for Developing WebWorks Help
WebWorks Help 5.0 Originally introduced in 1998, WebWorks Help is an output format that allows online Help to be delivered on multiple platforms and browsers, which makes it easy to publish information
More informationCreate 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 informationMastering 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 informationWeb Design with CSS and CSS3. Dr. Jan Stelovsky
Web Design with CSS and CSS3 Dr. Jan Stelovsky CSS Cascading Style Sheets Separate the formatting from the structure Best practice external CSS in a separate file link to a styles from numerous pages Style
More informationUNPAN Portal Content Management System (CMS) User Guide
UNPAN Portal Content Management System (CMS) User Guide www.unpan.org User Manual Version 1.0 260309 Page 1 of 36 Table of Contents A. UNPAN Sitemap... 3 B. DPADM Sitemap... 4 C. Introduction to UNPAN
More informationCreating A Webpage Using HTML & CSS
Creating A Webpage Using HTML & CSS Brief introduction. List key learning outcomes: Understanding the basic principles of hypertext markup language (HTML5) and the basic principles of the internal cascading
More informationHow to code, test, and validate a web page
Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on
More informationAdobe 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 informationFlash MX Image Animation
Flash MX Image Animation Introduction (Preparing the Stage) Movie Property Definitions: Go to the Properties panel at the bottom of the window to choose the frame rate, width, height, and background color
More informationPowerPoint 2013: Basic Skills
PowerPoint 2013: Basic Skills Information Technology September 1, 2014 1 P a g e Getting Started There are a variety of ways to start using PowerPoint software. You can click on a shortcut on your desktop
More informationUHR Training Services Student Manual
UHR Training Services Student Manual October 2012 1 Logging in to CareWorks Clicking the copyright symbol on the bottom left of the footer takes you to the sign-in screen and then to the control panel.
More informationHow to Edit Your Website
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
More informationMICROSOFT OUTLOOK 2010 READ, ORGANIZE, SEND AND RESPONSE E-MAILS
MICROSOFT OUTLOOK 2010 READ, ORGANIZE, SEND AND RESPONSE E-MAILS Last Edited: 2012-07-09 1 Read Emails... 4 Find the inbox... 4 Change new incoming e-mail notification options... 5 Read email... 6 Change
More informationCreating a Patch Management Dashboard with IT Analytics Hands-On Lab
Creating a Patch Management Dashboard with IT Analytics Hands-On Lab Description This lab provides a hands-on overview of the IT Analytics Solution. Students will learn how to browse cubes and configure
More informationSPHOL326: 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 informationApplication Note. Building a Website Using Dreamweaver without Programming. Nan Xia. MSU ECE 480 Team 5
Application Note Building a Website Using Dreamweaver without Programming Nan Xia MSU ECE 480 Team 5 11/16/2012 Table of Contents Abstract... 3 Introduction and Background... 3 Keywords... 3 Procedure...
More information