Dreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views!
|
|
- Rosanna Powell
- 5 years ago
- Views:
Transcription
1 Dreamweaver CS6 Table of Contents Setting up a site in Dreamweaver! 2 Templates! 3 Using a Template! 3 Save the template! 4 Views! 5 Properties! 5 Editable Regions! 6 Creating an Editable Region! 6 Modifying the Template Using CSS! 7 Using Templates! 8 Adding Images! 8 Adding Links! 8 Using Your Site in Western Online! 8 Zip your Files! 8 Importing into Western Online! 9 Extract the Zip File! 9 Add the Site to a Learning Module! 9! Center for Innovation in Teaching and Research! 1
2 Setting up a site in Dreamweaver Before you set up your site in Dreamweaver you need to do two things. (1) Create a folder on your computer where all your site files will be located. In this folder create two more folders. Name one styles and the other images. (2) Determine where your site will be hosted. Everyone at WIU has web space available to them on Westerns servers. To be sure that your web space is enabled, go to After you login, click the Web link and follow the instructions. Once your folder is created you are ready to open Dreamweaver and set up your site. Click Site in the main menu and choose New Site to get the Site Setup window. Click Site on the left. Should be selected by default. Enter in the following information: - Site Name (Can be anything you want) - Local Root Folder (Click the folder icon on the right and choose the folder you created on your computer earlier) Click Servers. Click the Plus (+) icon at the bottom to set up your remote server where the site will be hosted. Enter in the following information: - Server Name - Can be whatever you want - Connect Using - Choose SFTP if using your WIU server space - SFTP Address - sftp.wiu.edu - Username - Your ECOM ID (i.e. ced101)! Center for Innovation in Teaching and Research! 2
3 - Password - ECOM password (If you want Dreamweaver to remember your password click the Save checkbox) - Root Directory - http/ Click Test to test that the info is correct and you can connect If connection is successful click OK Click Save Templates Dreamweaver allows you to create a template from your designs or use one of their predefined templates to help you get started. Using a Template Click File in the main menu and choose New. Click on Blank Template. Under the Template Type section choose HTML template. In the next column choose the layout you would like to begin with. (There will be a thumbnail preview to the right with a short description underneath). You can leave the DocType at it s default setting. Choose Create New File for Layout CSS (Or choose Link to Existing File if you already have a CSS file to use. Use the Attach Style Sheet button to browse to and select the file) Click Create. Change the name of the css file to something like styles.css or stylesheet.css. Make sure you save to the local folder that you created at the beginning. Put the file in the folder called styles. Click Save. (NOTE: This saves your.css file but you still have not actually saved the template yet.)! Center for Innovation in Teaching and Research! 3
4 Save the template Click File in the main menu and choose Save As Template You will get the following window: Choose your remote site folder from the Site drop down menu. Type in a name for the template in the Save as text box. Click Save. Your template is saved to a new folder titled Templates.! Center for Innovation in Teaching and Research! 4
5 Views There are three ways to view your web page as you are working on it: Code - Shows only the HTML code. Split - Show a side-by-side view of both Code and Design. Design - Shows the actual website as it will look. I recommend working in split view so you can see what is going on in the code as you are working on your site. Properties The properties window (Window > Properties) appears at the bottom of the screen and will show you the properties of anything that you have selected. You can make changes to the item here.! Center for Innovation in Teaching and Research! 5
6 Editable Regions Editable regions are areas in a page (created by the template) that are editable by the user. Any area in the page that is not made into an editable region locks out any editing of any kind. This is useful when you have areas such as a header or footer that you want to remain the same and do not want to accidentally make changes to it when updating content. Creating an Editable Region First select the area you want to make editable. Click Insert in the main menu, hover over Template Objects and choose Editable Region. In the New Editable Region dialog window, give the region a name such as Main Content Area. Click OK. The area now shows up in a colored box with the name you gave it in a tab at the top. The following has an editable region named Main Content Area.! Center for Innovation in Teaching and Research! 6
7 Be sure to save the changes to your template by clicking File in the main menu and choosing Save or using Ctrl + S for Windows or Command + S for mac. Modifying the Template Using CSS To view the CSS Styles window go click Window in the main menu and choose CSS Styles. In the CSS Styles list you should see the stylesheet file that was created when you created your template. To modify the stylesheet: Click the + (plus sign or arrow) to the left of the stylesheet to expand the styles in the file. Click the style you want to edit to select it. Click the Edit Style icon (pencil) located at the bottom of the CSS Styles window. Use the options in the window that appears to modify the template.! Center for Innovation in Teaching and Research! 7
8 Using Templates Now let s use the template to begin building a website. Go ahead and close the template and css files if they are still open. To create your first page in the site: Click File in the menu and choose New. Click on Page from Template located on the very left of the New Document window. Make sure your site folder is selected in the Site section. The template you created earlier will appear in the Template for Site... section. Select it and click Create. Your new page appears on the screen. Notice that the areas NOT defined as editable regions do not allow you to click on them or edit them in any way. However, the area defined as an editable region is outlined with the name located at the top. You can enter and edit your content in this area. After you have entered your content, save the page by clicking File in the main menu and choosing Save. Save your first page as index.html. This lets the users browser know that this is the first page to go to when the URL is typed in. For example, when you type in the first page you see has the file name index.html. Make sure you are saving it to your site folder that you created at the beginning. Adding Images A quick note about images: All your images should be in a folder in the same directory as your site files. Name the folder images. To add an image to your page: Click in the page where you want the image to appear. Click Insert in the main menu and choose Image. Navigate to your images folder for your site and choose the image you want to insert. Click Choose. Adding Links Type the text you want to make a link. Click and drag to highlight the text. In the Properties window, click and hold the Point to File icon. Drag your mouse to the Files window and hover over the file you want the text to link to and let go of the mouse Using Your Site in Western Online Once you have completed your web pages you can import them for use in Western Online. Before you can import your site files you must compress or zip your files. Zip your Files To Compress your files on a PC:! Center for Innovation in Teaching and Research! 8
9 Right click your site folder that you created. Go to Send To > Compressed (zipped) folder. To Compress your files on a Mac: Right click (Control Click) your site folder that you created. Choose Compress. Importing into Western Online Click Edit Course in the main menu. Click Manage Files under the Site Resources section. Click the Upload link. Click Upload. Navigate to and choose the.zip file you created. Click Save. Extract the Zip File Click Edit Course in the main menu. Click Manage Files. Hover over the.zip and click on the arrow that appears to the right and choose Extract. Add the Site to a Learning Module Click Resources in the nav bar and choose Content. Click to select the module you want to add the site to under the Table of Contents on the left. Click New and choose Add from Manage Files. Choose your sites index.html file. Click Add.! Center for Innovation in Teaching and Research! 9
10 Resources Use your mobile device to scan the following QR codes for some extra resources. Dreamweaver CS6 Help and Tutorials Creating a Page Layout with Adobe Dreamweaver CS6! Center for Innovation in Teaching and Research! 10
Creating and Publishing Faculty Webpages
Creating and Publishing Faculty Webpages The UNF Template The template we are using today provides a professional page that is easy to work with. Because the pages are already built, faculty members can
More informationADOBE DREAMWEAVER CS4 BASICS
ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 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 layout,
More informationAdobe Dreamweaver CC 17 Tutorial
Adobe Dreamweaver CC 17 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 informationAdobe Dreamweaver CS5 Tutorial
Adobe Dreamweaver CS5 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 layout,
More informationWeb Publishing Basics II
Web Publishing Basics II Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 Create a Site Definition... 3 The Dreamweaver CS4 Interface... 4 Panels are groups of icons
More informationCLASS 6: March 5, 2014 MULTIMEDIA TOOLS: DGIM 601-W01 (127469)
CLASS 6: March 5, 2014 MULTIMEDIA TOOLS: DGIM 601-W01 (127469) AGENDA: Homework Review: Website Logo (Save As: YourInitials_logo.psd ) Photoshop Lesson 6: Start Midterm Set-Up OBJECTIVE: Set-Up Photoshop
More informationHow to lay out a web page with CSS
How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).
More informationDreamweaver Template Tutorial - How to create a website from a template
Dreamweaver Template Tutorial - How to create a website from a template In this tutorial you will create a website using Dreamweaver s premade templates. You are going to learn how to style them using
More informationCS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!
CS 1033 Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 06: Introduction to KompoZer (Website Design - Part 3 of 3) Lab 6 Tutorial 1 In this lab we are going to learn
More informationFigure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.
Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take
More informationCAL 9-2: Café Soylent Green Chapter 12
CAL 9-2: Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CC. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping
More informationCafé Soylent Green Chapter 12
Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CS6. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping quite
More informationDreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production
Dreamweaver CS 5.5 Creating Web Pages with a Template University Information Technology Services Training, Outreach, Learning Technologies, and Video Production Copyright 2012 KSU Department of Information
More informationDreamweaver CS4: Layout Guide. Převzato z
Dreamweaver CS4: Layout Guide Převzato z www.bewebmaster.com Intro This tutorial will help you: 1. Define a new Dreamweaver web site 2. Create a new HTML file 3. Create a new CSS file and attach it to
More informationDreamweaver Basics Workshop
Dreamweaver Basics Workshop Robert Rector idesign Lab - Fall 2013 What is Dreamweaver? o Dreamweaver is a web development tool o Dreamweaver is an HTML and CSS editor o Dreamweaver features a WYSIWIG (What
More informationHow to lay out a web page with CSS
Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style
More informationWeb Publishing Basics 1
Web Publishing Basics 1 Website Maintenance Essentials Jeff Pankin Information Services and Technology Contents Course Objectives and Your Role As Site Maintainer... 3 Course Objectives... 3 Your Role...
More informationTaking Fireworks Template and Applying it to Dreamweaver
Taking Fireworks Template and Applying it to Dreamweaver Part 1: Define a New Site in Dreamweaver The first step to creating a site in Dreamweaver CS4 is to Define a New Site. The object is to recreate
More informationLab 5: Dreamweaver CS5, Uploading your Web site
Lab 5: Dreamweaver CS5, Uploading your Web site Setting up Local and Remote Information: 1. Launch Dreamweaver 2. Choose site->new site 3. By Site Name give your site a name. Make sure the name has no
More informationIntroduction to Dreamweaver
COMMUNITY TECHNICAL SUPPORT Introduction to Dreamweaver What is Dreamweaver? Dreamweaver helps you to create Web pages while it codes html (and more) for you. It is located on the bottom tray or in the
More informationXerte. Guide to making responsive webpages with Bootstrap
Xerte Guide to making responsive webpages with Bootstrap Introduction The Xerte Bootstrap Template provides a quick way to create dynamic, responsive webpages that will work well on any device. Tip: Webpages
More informationDreamweaver Publishing and Editing Files. Outline
Outline Before you begin... 1 Important Note... 1 Location of Files in Dreamweaver... 2 Local and Remote Files... 2 Local view... 2 Remote View... 2 Publish a entire Brand New Site... 3 Dependent Files
More informationTable of contents. Zip Processor 3.0 DMXzone.com
Table of contents About Zip Processor 3.0... 2 Features In Detail... 3 Before you begin... 6 Installing the extension... 6 The Basics: Automatically Zip an Uploaded File and Download it... 7 Introduction...
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationEditing your SiteAssist Professional Template
Editing your SiteAssist Professional Template This Solution Recipe shows you how you can edit your SiteAssist Professional created templates to suit your needs. SiteAssist Professional creates your entire
More informationDreamweaver MX The Basics
Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia
More informationFigure 1 Properties panel, HTML mode
How to add text Adding text to a document To add text to a Dreamweaver document, you can type text directly in the Document window, or you can cut and paste text. You modify text by using the Properties
More informationTutorial 4. Activities. Code o Editor: Expression Web o Focus : Base Layout, navigation with folders, external stylesheets, Open up Expression Web
Tutorial 4 Activities Code o Editor: Expression Web o Focus : Base Layout, navigation with folders, external stylesheets, Open up Expression Web Ensure that the editor is in code mode, down the bottom
More informationUsing Dreamweaver CS6
Using Dreamweaver CS6 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationWelcome to the CP Portal
Welcome to the CP Portal Access your school documents from home Launch Internet Explorer and navigate to: https://files.cpcsc.k12.in.us/htcomnet/ Click on Continue to this website (not recommended) Key
More informationOutline Definition of Dreamweaver Site... 1 Setup of a Faculty/Staff Website... 2
Outline Definition of Dreamweaver Site... 1 Setup of a Faculty/Staff Website... 2 Local Info... 2 Remote Server Setup... 3 Test your connection... 4 Your web address... 4 Setup of a Departmental Website...
More informationCafé Soylent Green Chapters 4
Café Soylent Green Chapters 4 You will be completing the Links Tutorial from your textbook, Chapter 4, pgs. 223-227 AND the Images Tutorial, Chapter 5, pgs. 278-287. You will need to be at a computer that
More informationDreamweaver is a full-featured Web application
Create a Dreamweaver Site Dreamweaver is a full-featured Web application development tool. Dreamweaver s features not only assist you with creating and editing Web pages, but also with managing and maintaining
More informationEvoq 8 Content Managers Training Manual
Evoq 8 Content Managers Training Manual Table of Contents Chapter 1: User Login... 2 User Login...2 User Login Screen...2 User Logout...2 Chapter 2: Navigating within Evoq 8...3 Editing Bar...3 Dashboard...4
More informationHow to lay out a web page with CSS
How to lay out a web page with CSS A CSS page layout uses the Cascading Style Sheets format, rather than traditional HTML tables or frames, to organize the content on a web page. The basic building block
More informationThis document contains information that will help you to create and send graphically-rich and compelling HTML s through the Create Wizard.
This document contains information that will help you to create and send graphically-rich and compelling HTML emails through the Create Email Wizard. or warranty by AT&T and is subject to change. 1 Contents
More informationDreamweaver is a full-featured Web application
Create a Dreamweaver Site Dreamweaver is a full-featured Web application development tool. Dreamweaver s features not only assist you with creating and editing Web pages, but also with managing and maintaining
More informationFairfield University Using Xythos for File Storage
Fairfield University Using Xythos for File Storage Version 7.0 Table of Contents I: Accessing your Account...2 II: Uploading Files via the Web...2 III: Manage your Folders and Files via the Web...4 IV:
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationEktron Advanced. Learning Objectives. Getting Started
Ektron Advanced 1 Learning Objectives This workshop introduces you beyond the basics of Ektron, the USF web content management system that is being used to modify department web pages. This workshop focuses
More informationSBCC Web File System - Xythos
Table of Contents Table of Contents...1 Purpose...1 Login Procedure...1 Creating and Sharing a Web Folder for MAT153...2 Dreamweaver Remote Info...4 I Forgot My Pipeline Credentials...6 Purpose This purpose
More informationUsing Blackboard Drive to upload/manage content in Blackboard Learn
Using Blackboard Drive to upload/manage content in Blackboard Learn Downloading and Installing Blackboard Drive 1. Login to Blackboard Learn, and click on the Utilities Tab. 2. Locate the Blackboard Drive
More informationUsing Google Drive Some Basics
Using Google Drive Some Basics Contents LOGIN 2 PURPOSE OF GOOGLE DRIVE 2 CREATE A FOLDER ON GOOGLE DRIVE 3 SHARE A FOLDER ON GOOGLE DRIVE 4 DOWNLOADING FROM GOOGLE DRIVE 5 UPLOADING TO GOOGLE DRIVE 6
More informationEvoq 9 Content Managers Training Manual
Evoq 9 Content Managers Training Manual Table of Contents Chapter 1: User Login... 2 User Login...2 User Login Screen...2 User Logout...2 Chapter 2: Navigating within Evoq 9...3 Editing Bar...3 Dashboard...4
More informationThe Dreamweaver Interface
The Dreamweaver Interface Let s take a moment to discuss the different areas of the Dreamweaver screen. The Document Window The Document Window shows you the current document. This is where you are going
More informationSurveyor Getting Started Guide
Surveyor Getting Started Guide This Getting Started Guide shows you how you can get the most out of Surveyor from start to finish. Surveyor can accomplish a number of tasks that will be extremely beneficial
More informationPart 2 Uploading and Working with WebCT's File Manager and Student Management INDEX
Part 2 Uploading and Working with WebCT's File Manager and Student Management INDEX Uploading to and working with WebCT's File Manager... Page - 1 uploading files... Page - 3 My-Files... Page - 4 Unzipping
More informationGetting Started (New Accounts)
Getting Started (New Accounts) 1. On any page with the menu, go to the faculty section and choose Faculty Website Access. 2. On the login page, make sure you are on Windows Login. Login with the username
More informationMicrosoft Word - Templates
Microsoft Word - Templates Templates & Styles. Microsoft Word come will a large amount of predefined templates designed for you to use, it is also possible to download additional templates from web sites
More informationArcGIS Online Tutorial
ArcGIS Online Tutorial ArcGIS Online allows users to make interactive maps or applications and easily share them with others. The University of Minnesota has an organizational account that can be logged
More informationPart 1. Module 3 MODULE OVERVIEW. Microsoft Office Suite Pt 3. Objectives. MS PowerPoint Screen. Microsoft PowerPoint
Module 3 Microsoft Office Suite Pt 3 Microsoft PowerPoint MODULE OVERVIEW Part 1 Overview MS PowerPoint Screen Part 2 Creating your PowerPoint Presentation Part 3 Working with content graphics & slides
More informationDreamweaver Tutorial #2
Dreamweaver Tutorial #2 My web page II In this tutorial you will learn: how to use more advanced features for your web pages in Dreamweaver what Cascading Style Sheets (CSS) are and how to use these in
More informationNew website Training:
New website Training: Table of Contents 1. Logging in and out of the new site. 2. Edit Content a. How to edit content b. Paragraph types c. Adding links d. Adding an image e. Adding a document f. Saving
More informationVirtueMart provides a module (mod_virtuemart_latestprod_1.1.5.j15.zip) in the complete installation package of VirtueMart.
VirtueMart Latest Product Module Introduction: People often check stores for new products. Therefore, displaying a list of the latest products is one promotional tool to attract customers to your store.
More informationToday s workshop introduces CommonSpot, ECU s Web Content Management System, through hands-on training.
Belinda Perkinson ITCS Training and Communication perkinsons@ecu.edu Introduction Today s workshop introduces CommonSpot, ECU s Web Content Management System, through hands-on training. 1. Introduction
More informationHow to set up a local root folder and site structure
Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where
More informationBCI.com Sitecore Publishing Guide. November 2017
BCI.com Sitecore Publishing Guide November 2017 Table of contents 3 Introduction 63 Search 4 Sitecore terms 66 Change your personal settings 5 Publishing basics 5 Log in to Sitecore Editing 69 BCI.com
More informationA TUTORIAL ON WORD. Katie Gregory
A TUTORIAL ON WORD Katie Gregory First, CLICK HERE Then, find Microsoft Word under programs and the Microsoft Office 2013 Folder This is what the document should look like when opened. SAVING A WORD DOCUMENT
More informationCOPYRIGHTED MATERIAL. Using Adobe Bridge. Lesson 1
Lesson Using Adobe Bridge What you ll learn in this lesson: Navigating Adobe Bridge Using folders in Bridge Making a Favorite Creating metadata Using automated tools Adobe Bridge is the command center
More informationDreamweaver CS5 Lab 4: Sprys
Dreamweaver CS5 Lab 4: Sprys 1. Create a new html web page. a. Select file->new, and then Blank Page: HTML: 2 column liquid, left sidebar, header and footer b. DocType: XHTML 1.0 Strict c. Layout CSS:
More informationUSER GUIDES OWNCLOUD WEB USER GUIDE. INTRODUCTION: This guide provides details on how to use owncloud via the web.
USER GUIDES OWNCLOUD WEB USER GUIDE INTRODUCTION: This guide provides details on how to use owncloud via the web. SYSTEM REQUIREMENTS: Most web browsers WHAT YOU MAY NEED & OTHER CONSIDERATIONS: An Internet
More informationConnecture Platform Manager
Connecture Platform Manager 1 P a g e Table of Contents Connecture Platform Manager... 1 Introduction to the Connecture Platform Manager... 3 Getting Started... 3 Login... 3 Dashboard... 3 Connecture Application
More informationTYPO3 Editing Guide Contents
TYPO3 Editing Guide Contents Introduction... 2 Logging in... 2 Selecting your Workspace for editing... 2 Working with Content Elements... 3 Working in the Editing Window... 4 Pasting content from MS Word
More informationDreamweaver CS3. Chapter 1. Creating a Dreamweaver Web Page and Local Site. Part 1
Dreamweaver CS3 Chapter 1 Creating a Dreamweaver Web Page and Local Site Part 1 Starting Dreamweaver Click the Start button on the Windows taskbar, point to Adobe Dreamweaver CS3 on the Start menu or point
More informationHands-On Introduction to Queens College Web Sites
Hands-On Introduction to Queens College Web Sites This handout accompanies training workshops for Queens College Content Editors who will manage and maintain the web content in their areas. Overview of
More informationThis module displays the different product categories you have set up. It acts as a menu when placed in the left or right sidebar.
VirtueMart Product Category Module Introduction: VirtueMart provides a product category module (mod_product_categories_1.1.5.j15.zip) in the complete installation package of VirtueMart. This module displays
More informationGDES218 Graphic Design for the Web
Using the Web Font in Dreamweaver CC Now that you have a custom font, you will use the Dreamweaver CC Manage Fonts feature to make adding the font to your pages as easy as adding a font from your own computer.
More informationCafé Soylent Green Chapter 1
Café Soylent Green Chapter 1 You will be completing the Dreamweaver Test Drive from your textbook, Chapter 1, pgs. 53-84. You will need to be at a computer that is connected to the Internet. Dreamweaver
More informationDreamweaver Website 1: Managing a Website with Dreamweaver
Page 1 of 20 Web Design: Dreamweaver Websites Managing Websites with Dreamweaver Course Description: In this course, you will learn how to create and manage a website using Dreamweaver Templates and Library
More informationDear Candidate, Thank you, Adobe Education
Dear Candidate, In preparation for the Web Communication certification exam, we ve put together a set of practice materials and example exam items for you to review. What you ll find in this packet are:
More informationVirtueMart Top Ten Module
VirtueMart Top Ten Module Introduction: VirtueMart provides a module (mod_virtuemart_topten_1.1.5.j15.zip) in the complete installation package of VirtueMart. mod_virtuemart_topten_1.1.5.j15.zip: This
More informationBuilding TPS Web Pages with Dreamweaver
Building TPS Web Pages with Dreamweaver Title Pages 1. Folder Management 7 2. Defining Your Site 8-11 3. Overview of Design Features 12-22 4. Working with Templates 23-25 5. Publishing Your Site to the
More informationCREATE AN EKTRON MICRO-SITE
CREATE AN EKTRON MICRO-SITE A self-guided tutorial, Ektron 9.02 Elements of an Ektron micro-site Whether you are creating an online issue of a newsletter consisting of 5 pages, or a much larger campaign-based
More informationCafé Soylent Green Chapter 12
Café Soylent Green Chapter 12 You will be completing the Forms Tutorial from your textbook, Chapter 12, pgs. 612-636. You will need to be at a computer that is connected to the Internet. Dreamweaver CS6
More informationYearbookFusion Online A Quick Start Guide
YearbookFusion Online A Quick Start Guide Welcome to YearbookFusion Online. This guide will help you get started and plan out your yearbook process from start to end. Step 1: Launch the Application In
More informationIT153 Midterm Study Guide
IT153 Midterm Study Guide These are facts about the Adobe Dreamweaver CS4 Application. If you know these facts, you should be able to do well on your midterm. Dreamweaver users work in the Document window
More informationTemplates. Dreamweaver Templates may be used to assist in creating a consistent look.
Templates One important feature of a good site is consistency. A well-designed site will have a consistent look and feel throughout. This includes placing certain elements in the same spot, using the same
More informationUpdating Your Course Homepage in D2L - Daylight
Updating Your Course Homepage in D2L - Daylight Introduction: An overview of homepage changes from Brightspace (D2L): In the Brightspace Daylight Experience, you can no longer set background colors or
More informationAdobe Dreamweaver CS3 English 510 Fall 2007
Adobe Dreamweaver CS3 English 510 Fall 2007 Important: Before going through this handout, you should create a WWW directory on your ISU e-mail account. Otherwise, you will not be able to upload and view
More informationHow To Add/Modify Your Website Content
How To Add/Modify Your Website Content Table of Contents Log In to your Website & Admin Area... 1 WordPress Dashboard... 2 WordPress Posts & Pages... 3 Add a Post or Page... 4 Edit a Post or Page... 5
More informationIn the fourth unit you will learn how to upload and add images and PDF files.
Introduction Here at SUNY New Paltz, we use the Terminal Four (T4) web content management system (CMS). This puts the power of editing content on our college s webpage in the hands of our authorized users.
More informationWelcome to InSite: A GUIDE TO PROOFING ONLINE. Getting Started Viewing Job Information Uploading Files Viewing Pages Requesting Corrections
Welcome to InSite: A GUIDE TO PROOFING ONLINE Getting Started Viewing Job Information Uploading Files Viewing Pages Requesting Corrections PROOF.REGISTERGRAPHICS.COM *NOTE: There is no www in this address.
More informationGetting Started with CSS Sculptor 3
Getting Started with CSS Sculptor 3 With CSS Sculptor, you can quickly create a cross-browser compatible layout with custom widths, margins, padding, background images and more. Additionally, you can use
More informationUsing Dreamweaver. 4 Creating a Template. Logo. Page Heading. Home About Us Gallery Ordering Contact Us Links. Page content in this area
4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan that is shown below. Logo Page Heading
More informationDreamweaver 101. Here s the desktop icon for Dreamweaver CS5: Click it open. From the top menu options, choose Site and New Site
Dreamweaver 101 First step: For your first time out, create a folder on your desktop to contain all of your DW pages and assets (images, audio files, etc.). Name it. For demonstration, I ll name mine dw_magic.
More informationTable of contents. DMXzone Nivo Slider 3 DMXzone
Nivo Slider 3 Table of contents Table of contents... 1 About Nivo Slider 3... 2 Features in Detail... 3 Reference: Nivo Slider Skins... 22 The Basics: Creating a Responsive Nivo Slider... 28 Advanced:
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationSection 6: Dreamweaver
Section 6: Dreamweaver 1 Building TPS Web Pages with Dreamweaver Title Pages 1. Dreamweaver Storyboard Pages 3 2. Folder Management 4 3. Defining Your Site 5-8 4. Overview of Design Features 9-19 5. Working
More informationBlackboard Portfolio Quick Reference Guide for Students
Blackboard Portfolio Quick Reference Guide for Students How to Create a Portfolio 1. On the My Institution tab, under Tools, click on the Portfolio link. 2. From the My Portfolios page, click the Create
More informationChapter 3 Using Styles and Templates
Getting Started Guide Chapter 3 Using Styles and Templates Using Consistent Formatting in Your Documents Copyright This document is Copyright 2018 by the LibreOffice Documentation Team. Contributors are
More informationPowerPoint Tips and Tricks
PowerPoint Tips and Tricks Viewing Your Presentation PowerPoint provides multiple ways to view your slide show presentation. You can access these options either through a toolbar on your screen or by pulling
More informationCreating a Website with Publisher 2016
Creating a Website with Publisher 2016 Getting Started University Information Technology Services Learning Technologies, Training & Audiovisual Outreach Copyright 2017 KSU Division of University Information
More informationClassroom Blogging. Training wiki:
Classroom Blogging Training wiki: http://technologyintegrationshthornt.pbworks.com/create-a-blog 1. Create a Google Account Navigate to http://www.google.com and sign up for a Google account. o Use your
More informationHow to deploy for multiple screens
How to deploy for multiple screens Ethan Marcotte, a developer in Boston, coined the phrase responsive design to describe a website that adapts to the size of the viewer s screen. A demonstration site
More informationCreating Web Pages with a Template
Creating Web Pages with a Template Adobe Dreamweaver Creative Cloud 2017 University Information Technology Services Learning Technologies, Training & Audiovisual Outreach Copyright 2017 KSU Division of
More informationUsing Dreamweaver CC. 6 Styles in Websites. Exercise 1 Linked Styles vs Embedded Styles
Using Dreamweaver CC 6 So far we have used CSS to arrange the elements on our web page. We have also used CSS for some limited formatting. In this section we will take full advantage of using CSS to format
More informationHow to use the Assets panel
Adobe Dreamweaver Guide How to use the Assets panel You can use the Assets panel in Dreamweaver to manage assets in the current site (Figure 1). The Assets panel displays assets for the site associated
More informationMicrosoft OneDrive. How to login to OneDrive:
Microsoft OneDrive The beauty of OneDrive is that is accessible from anywhere you have an Internet connection. You can access it from a Mac or Windows computer. You can even access it on your SmartPhone
More informationWestern Online Daylight Using Templates for Your Internal Course Pages
Introduction: Western Online Daylight Using Templates for Your Internal Course Pages Internal templates in D2L are designed to make it easier for you to create accessible, responsive visually appealing
More informationFrontPage 2000 Tutorial -- Advanced
FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right
More information