A Dreamweaver Tutorial. Contents Page
|
|
- Ashlynn Tate
- 5 years ago
- Views:
Transcription
1 A Dreamweaver Tutorial Contents Page Page 1-2 Things to do and know before we start Page Setting up the website Page 5 How to save your web pages Page 6 - Opening an existing web page Page 7 - Creating more web pages Page Adding tables Page 10 - Inserting images Page 11 - Inserting text Page Inserting frames Page 14 - Changing background colour and adding title Page 15 - How to preview work Page 16 - Adding hyperlinks
2 Things to do and know before we start 1. Open Dreamweaver 2. On the first page click HTML in the create new menu: HTML 3. You are now in Dreamweaver design view Standard Menu Bar Page 1 This is where we design our Web Pages
3 4. Menu Bar Commands we need to know: File: Save As Preview in Browser > iexplore Insert: Image Table Modify: Page Properties Window: Properties 5. Click Window 6. If Properties is not ticked Click it: 7. You should now see a new box in the main window like this: Properties Window This lets you: Format Text Format Tables Add hyperlinks etc Page 2
4 How to Set up your Website Before we can start adding content we need to set up the site 1. Click Site New Site 2. Name your site then click next Naming Site 3. Choose No I do not want to use a server technology option Then click next Page 3
5 4. Make sure Edit local copies on my machine option is ticked Click folder icon and browse to your Animal Website folder Click Open Click Select Click next Click Folder icon then browse to your website folder 5. Select None when asked how to connect to remote server Then click next Selecting None 6. Review your final screen then click done Step by step guide to setting up your website is found here Page 4
6 How to Save your Web Pages This is how you save your file as a Web-Page 1. Click File Save As 2. New window will pop up: Choose where to save your file (Web Design Animal Website HTML folder) File name should be index.htm Click Save Location to Save in Name of Web Page (MUST be.htm at the end) Remember! File Extension for a Web-Page is.htm Page 5
7 Opening an existing Web Page When you need to open a Web Page to either make changes or complete it use the following steps: 1. Click: File Open 2. Select the Web Page you want to open 3. Click Open Select Web Page Click Open Tabs Your Web Page ready for editing Other Pages you are working on can be accessed using the Tabs Page 6
8 Creating more Web Pages Your Website is to be made up of more than one page. You need to be able to create these extra pages in Dreamweaver. To create new pages follow these steps: 1. Click: File New 2. In the window that appears click Basic Page HTML HTML 3. Then click Create Basic Page Create Tabs New Blank Page Other Pages you are working on can be accessed using the Tabs Page 7
9 Adding a Table 1. Click Insert Table 2. You now see this box: Here you can: Set number of columns/rows Set the Width of the table Set border thickness Set padding and spacing All these settings can be changed later in the Properties later 3. Set it up like this then press OK 4. We now have a table with: 4 Columns 5 Rows Page 8
10 5. Each Column or Row can be resized by clicking on the appropriate line and dragging: Click the Row Lines and Drag to correct size Click the Column Lines and Drag to correct size 6. You can also change table properties by using the properties window (Sizes, Borders, Border Colour etc) 7. Click the outside border of you table and it will become highlighted with a black border: Black Border Set Width and Height Set Width/Height in % or Pixels Align the table (Left, Centre, Right etc) 8. The properties for your table will now be active Add Columns or Rows Set Background and Border Colour Page 9 Choose Border thickness (0 = no border)
11 Inserting Images 1. Click Insert Image 2. New window will pop up 3. Browse to where your images are stored (Web Design Animal Website Images) 4. Select Image you want then click OK 5. If you see this message just click OK 6. Resize the Image to the correct size by clicking and dragging the handles or by using the Properties Window: Click and Drag Handles Set Size by adding values to W (Width) and H (Height) in Properties Page 10
12 Inserting Text 1. Inserting Text is very simple (Very similar to using Word) 2. Choose where you want to input your text (I always use a table to keep things neat) Inserting Text into a Table 3. Text can be formatted (Like in Word) by highlighting it and using the Properties Window to make changes: Change Font Change Colour Bold/Italic Change Size Align (Left, Centre or Right) Formatted Text Page 11
13 Inserting Frames 1. Frames are used to break the screen up into sections. 2. To insert a frame: Click Modify Frameset Choose which way to split the screen (I chose to the left) 3. The screen will now be split in half vertically The centre line can be repositioned to the desired position Each individual half of screen can be given different colours The frame itself can be modified using the properties Screen is now in 3 parts: i. Frame 1, Frame 2, Frameset (Collection of all frames) Frame 1 Frame 2 Position of frame can be changed Click one of the borders of frame to select it Use Properties to change appearance Page 12
14 4. To save the Frameset: Click File Click Save All o Save frameset (Collection of all frames) o Save right frame o Save left frame Frameset You know it is a frameset when whole screen is highlighted Give the frameset the name that you would have called the web page Right Frame You know it is the right frame when right side of screen is highlighted Give the right frame the name that you would have called the web page with _right on the end Left Frame You know it is the left frame when left side of screen is highlighted Give the left frame the name that you would have called the web page with _left on the end Page 13
15 Changing Background Colour and Adding Title 1. Very easy to do 2. Click Modify Page Properties: 3. To change Background Colour: Click Appearance option Click Background colour box Select new colour Click Ok Appearance Background Colour Box Choose Colour 4. To change the Title: Click Title/Encoding option Add you Title into the Title box Click Ok Adding a new Title Title/Encoding Page 14
16 How to Preview your work At times you will need to be able to see what your Web Pages will look like on the actual Internet To do this you need to be able to preview your work in a Web Browser (Internet Explorer for example) 1. Click File Preview in Browser Iexplore (Or F12) 2. Your Web Page will now appear in Internet Explorer and shows you exactly how it will appear online. Homepage as previewed in Internet Explorer Page 15
17 Adding Hyperlinks All the pages in your Website should be linked together using hyperlinks. Dreamweaver makes creating these links very, very easy. You can use either Images or Text as your Hyperlink. 1. Select the Image or Text which you want to be your Hyperlink: Selecting Text for Hyperlink 2. In the Properties Window: Click the Browse for File button Browse to your HTML folder Find the Web Page you want to open Click OK Browse for File HTML Folder Click OK Select Web Page Page 16
A Frontpage Tutorial. Contents Page
A Frontpage Tutorial Contents Page Page 1-2 Things to do and know before we start Page 3.How to save your web pages Page 4.Opening an existing web page Page 5..Creating more web pages Page 6-8.Adding tables
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 informationUsing Adobe Contribute 4 A guide for new website authors
Using Adobe Contribute 4 A guide for new website authors Adobe Contribute allows you to easily update websites without any knowledge of HTML. This handout will provide an introduction to Adobe Contribute
More informationMicrosoft FrontPage Practical Session
Ministry of manpower Higher college of technology Department of Information Technology QA Umbrella Workshop 30 th August- 3 rd September 2008 IT Skills Microsoft FrontPage Practical Session Copyright of
More informationCreating Forms. Starting the Page. another way of applying a template to a page.
Creating Forms Chapter 9 Forms allow information to be obtained from users of a web site. The ability for someone to purchase items over the internet or receive information from internet users has become
More informationCOMSC-031 Web Site Development- Part 2. Part-Time Instructor: Joenil Mistal
COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal Chapter 9 9 Creating Pages with Frames You can divide the display area of a Web browser into multiple panes by creating frames.
More informationQRG: Using the WYSIWYG Editor
WYSIWYG Editor QRG: Using the WYSIWYG Editor WYSIWYG stands for What You See Is What You Get. The WYSIWYG Editor is the reason you don t need to be an IT Programmer to write content for your web page.
More informationCiDA Certificate in Digital Applications
CiDA Certificate in Digital Applications CiDA EXAM TOP TIPS Make your home page with background colour, insert a table with 4 rows 3 columns and 0 padding. Add your fireworks banner, buttons, email
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationNVU Web Authoring System
NVU Web Authoring System http://www.nvu.com/index.php Table of Contents Using Nvu as Your Web Page Authoring System: Getting Started Opening a page, saving, and previewing your work...3 Formatting the
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationFRONTPAGE STEP BY STEP GUIDE
IGCSE ICT SECTION 15 WEB AUTHORING FRONTPAGE STEP BY STEP GUIDE Mark Nicholls ICT lounge P a g e 1 Contents Introduction to this unit.... Page 4 How to open FrontPage..... Page 4 The FrontPage Menu Bar...Page
More informationDreamweaver MX Overview. Maintaining a Web Site
Dreamweaver MX Overview Maintaining a Web Site... 1 The Process... 1 Filenames... 1 Starting Dreamweaver... 2 Uploading and Downloading Files... 6 Check In and Check Out Files... 6 Editing Pages in Dreamweaver...
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
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 informationThis Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.
This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step. Table of Contents Get Organized... 1 Create the Home Page... 1 Save the Home Page as a Word Document...
More informationStart by launching Mozilla To start making a web page, go to File -> New -> Composer Page
Creating a Web Page using Mozilla Composer- A Free Open Source Application Emily Hebard IT Lab School of Information University of Texas at Austin Spring 2003 Objectives Orient to the Mozilla Composer
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 informationElectronic Portfolios in the Classroom
Electronic Portfolios in the Classroom What are portfolios? Electronic Portfolios are a creative means of organizing, summarizing, and sharing artifacts, information, and ideas about teaching and/or learning,
More informationDreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets
Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually
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 informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
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 informationChapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10
CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties
More informationNauticom NetEditor: A How-to Guide
Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color
More informationBeginners Guide to Snippet Master PRO
Beginners Guide to Snippet Master PRO This document assumes that Snippet Master has been installed on your site. If not please contact the Bakas IT web team at webreg@bakasit.com.au. Initial Login Screen...
More informationORB Education Quality Teaching Resources
These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best
More informationDazzle the Web with Dynamic Dreamweaver, Part II
Dazzle the Web with Dynamic Dreamweaver, Part II In the second Dreamweaver workshop we will learn the following skills: 1. Adding hyperlinks to our home page 2. Adding images to our home page 3. Creating
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 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 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 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 informationZeppelin Website Content Manager User Manual
Zeppelin Website Content Manager User Manual 1. Introduction Zeppelin Website Content Manager is made for maintaining and editing the content of the website easily. Most of the contents inside the website
More informationInformation Systems Center. FrontPage 2003 Reference Guide for COMM 321 & 421
Information Systems Center FrontPage 2003 Reference Guide for COMM 321 & 421 September 2008 Table of Contents Portfolio Web Sites & Web Pages... 1 Open Your Portfolio Web Site in FrontPage for Editing...
More informationUnit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage
Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,
More informationInserting Flash Media
Inserting Flash Media Chapter 20 DreamWeaver allows you to directly import media created in Flash and you can even create Flash Text and Flash Buttons within DreamWeaver. Flash is a graphics program that
More informationEng 110, Spring Week 03 Lab02- Dreamwaver Session
Eng 110, Spring 2008 Week 03 Lab02- Dreamwaver Session Assignment Recreate the 3-page website you did last week by using Dreamweaver. You should use tables to control your layout. You should modify fonts,
More informationPage Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special.
This section describes how to add content to your pages including text, Microsoft Office documents, images, Flash, and other media content. Inserting Text To add text to your document, you can type the
More informationHandout created by Cheryl Tice, Instructional Support for Technology, GST BOCES
Handout created by Cheryl Tice, Instructional Support for Technology, GST BOCES Intro to FrontPage OVERVIEW: This handout provides a general overview of Microsoft FrontPage. AUDIENCE: All Instructional
More informationStep 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.
All Creative Designs HTML Web Tutorial for PC Using KompoZer New version 2012 now available at: http://www.allcreativedesigns.com.au/pages/tutorials.html Step 1 Download and Install KompoZer Step by step
More informationIntroduction to Dreamweaver CS3
TUTORIAL 2 Introduction to Dreamweaver CS3 In Tutorial 2 you will create a sample site while you practice the following skills with Adobe Dreamweaver CS3: Creating pages based on a built-in CSS page layout
More informationPBwiki Basics Website:
Website: http://etc.usf.edu/te/ A wiki is a website that allows visitors to edit or add their own content to the pages on the site. The word wiki is Hawaiian for fast and this refers to how easy it is
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 informationAbout Freeway. Freeway s Tools and Palettes
About Freeway The most important thing to appreciate before you start a site in Freeway is how the process works, especially if you have tried other Web publishing software before. Freeway is not an HTML
More informationWebsites. Version 1.7
Websites Version 1.7 Last edited 15 Contents MyNetball Information...3 Websites...4 Web packages...4 Setting up the layout...5 Uploading files and images...6 Using Dropbox to Increase your Website Data...7
More informationCreating a Website in Schoolwires Technology Integration Center
Creating a Website in Schoolwires Technology Integration Center Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Accessing Site Manager... 2 Section Workspace Overview...
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 informationCreating & Modifying Tables in Word 2003
Creating & Modifying Tables in Word 2003 This bookl LaTonya Motley Trainer / Instructional Technology Specialist Staff Development 660-6452 Table of Contents Overview... 1 Inserting Tables... 1 Using Pre-Set
More informationThis Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.
This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step. Table of Contents Just so you know: Things You Can t Do with Word... 1 Get Organized... 1 Create the
More informationHome page layout in Canvas
Home page layout in Canvas This document describes how to change the Home page layout to a custom home page in Canvas. St e p s: 1. Click on the home tab on the left hand pane when in a course. 2. Click
More informationICT IGCSE Practical Revision Presentation Word Processing
Page Layout Header & Footer Font Styles Image wrapping List Styles Indentation & Spacing Find & Replace Create/Format Table Common Mistakes Orphan & Widows Completed Example Mail Merge Page Layout (Size
More informationMicrosoft Word 2007 on Windows
1 Microsoft Word 2007 on Windows Word is a very popular text formatting and editing program. It is the standard for writing papers and other documents. This tutorial and quick start guide will help you
More informationMicrosoft Office Word 2010
Microsoft Office Word 2010 Inserting and Working with Pictures (Images) 1. Images in your work An image is a great way to liven up a document, but in academic uses is normally only included where something
More information< building websites with dreamweaver mx >
< building websites with dreamweaver mx > < plano isd instructional technology department > < copyright = 2002 > < building websites with dreamweaver mx > Dreamweaver MX is a powerful Web authoring tool.
More informationUnit 21 - Creating a Navigation Bar in Macromedia Fireworks
Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------
More informationCenter for Faculty Development and Support Making Documents Accessible
Center for Faculty Development and Support Making Documents Accessible in Word 2007 Tutorial CONTENTS Create a New Document and Set Up a Document Map... 3 Apply Styles... 4 Modify Styles... 5 Use Table
More informationP3e REPORT WRITER CREATING A BLANK REPORT
P3e REPORT WRITER CREATING A BLANK REPORT 1. On the Reports window, select a report, then click Copy. 2. Click Paste. 3. Click Modify. 4. Click the New Report icon. The report will look like the following
More informationCROMWELLSTUDIOS. Content Management System Instruction Manual V1. Content Management System. V1
Content Management System Instruction Manual V1 www.cromwellstudios.co.uk Cromwell Studios Web Services Content Management System Manual Part 1 Content Management is the system by which you can change
More informationDreamweaver 8. Project 5. Templates and Style Sheets
Dreamweaver 8 Project 5 Templates and Style Sheets Starting Dreamweaver and Opening the Colorado Parks Web Site Click the Start button on the Windows taskbar Point to All Programs on the Start menu, point
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 informationTitle and Modify Page Properties
Dreamweaver After cropping out all of the pieces from Photoshop we are ready to begin putting the pieces back together in Dreamweaver. If we were to layout all of the pieces on a table we would have graphics
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 informationQRG: Adding Images, Files and Links in the WYSIWYG Editor
QRG: Adding Images, Files and Links in the WYSIWYG Editor QRG: Adding Images, Files and Links in the WYSIWYG Editor... 1 Image Optimisation for Web use:... 2 Add an Image... 2 Linking to a File... 4 Adding
More informationEmbedding and linking to media
Embedding and linking to media Dreamweaver makes it incredibly easy to embed and link media files (these include audio files and movie files) into your web site. We ll start with linking. Linking to media
More informationCS Multimedia and Communications. Lab 06: Webpage Tables and Image Links (Website Design part 3 of 3)
CS 1033 Multimedia and Communications Lab 06: Webpage Tables and Image Links (Website Design part 3 of 3) REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Table Properties Reference Guide The Property
More informationCreating Buttons and Pop-up Menus
Using Fireworks CHAPTER 12 Creating Buttons and Pop-up Menus 12 In Macromedia Fireworks 8 you can create a variety of JavaScript buttons and CSS or JavaScript pop-up menus, even if you know nothing about
More informationUsing Microsoft Word. Working With Objects
Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects
More informationLesson 1 New Presentation
Powerpoint Lesson 1 New Presentation 1. When PowerPoint first opens, there are four choices on how to create a new presentation. You can select AutoContent wizard, Template, Blank presentation or Open
More informationCreating a Website in Schoolwires
Creating a Website in Schoolwires Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Navigating to an assigned section... 2 Accessing Site Manager... 2 Section Workspace
More informationBusinessObjects Frequently Asked Questions
BusinessObjects Frequently Asked Questions Contents Is there a quick way of printing together several reports from the same document?... 2 Is there a way of controlling the text wrap of a cell?... 2 How
More informationArchitectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions
Architectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions Your Thesis Drive (T:\) Each student is allocated space on the Thesis drive. Any files on this drive are accessible from
More informationHow to Request a Site
Contribute Outline: How to request a site Connection Key Browse to page Edit Page View in Browser Formatting (text, photos ) Undo Insert horizontal line Publish, Save for Later, Cancel Rollback to Previous
More informationWebsite Creating Content
CREATING WEBSITE CONTENT As an administrator, you will need to know how to create content pages within your website. This document will help you learn how to: Create Custom Pages Edit Content Areas Creating
More informationAdobe Dreamweaver CC Tutorial
Adobe Dreamweaver CC Tutorial The design of the Web site index.html Click main.html header Boys toys Girls toys Media Contact us content Links sidebar1 footer content1.html content2.html content3.html
More informationDreamweaver Tutorials Working with Tables
Dreamweaver Tutorials This tutorial will explain how to use tables to organize your Web page content. By default, text and other content in a Web page flow continuously from top to bottom in one large
More informationDREAMWEAVER QUICK START TABLE OF CONTENT
DREAMWEAVER QUICK START TABLE OF CONTENT Web Design Review 2 Understanding the World Wide Web... 2 Web Browsers... 2 How Browsers Display Web pages... 3 The Web Process at Sacramento State... 4 Web Server
More informationThis type of content can be added to any content area (such as Subject Materials) or a Learning Module.
1 Overview A variety of content can be added to your subject site including: Item: Create and style your own text or HTML content File: Add a document (e.g. Word, PDF, ZIP) for students to download Audio:
More informationLearning DreamWeaver MX 2004
Contents Users Notes Software Requirements...xi The DW Support Files...xi Copying the DW Support Files...xi Windows Systems...xi Macintosh Systems...xi Using the Activities in Schools... xii The Chapter
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 informationFish Eye Menu DMXzone.com Fish Eye Menu Manual
Fish Eye Menu Manual Page 1 of 33 Index Fish Eye Menu Manual... 1 Index... 2 About Fish Eye Menu... 3 Features in Detail... 4 Integrated in Dreamweaver... 6 Before you begin... 7 Installing the extension...
More informationMicrosoft FrontPage. An Introduction to. Lecture No.1. Date: April Instructor: Mr. Mustafa Babagil. Prepared By: Nima Hashemian
An Introduction to Microsoft FrontPage Lecture No.1 Date: April 20. 2007 Instructor: Mr. Mustafa Babagil Prepared By: Nima Hashemian 2006 An Introduction to FrontPage Mathematics Department Eastern Mediterranean
More informationFreedom VMS Guide. Creating emaps in V3.5. Contents
Freedom VMS Guide Creating emaps in V3.5 Contents About... 2 emap Requirements & recommended positioning... 2 Hyperlinks & map Controls... 2 Using emaps... 3 Displaying a camera using emaps... 3 Switching
More informationAn Introduction to Dreamweaver MX From Learn-ICT
An Introduction to Dreamweaver MX 2004 From Learn-ICT THE INTERFACE: When you open Dreamweaver you will be presented with a screen similar to that shown below. Similar if you still have all the default
More informationMicrosoft Powerpoint 2016
LIBRARY AND LEARNING SERVICES MS POWERPOINT 2016 www.eit.ac.nz/library/ls_computer_ppt2016.html Microsoft Powerpoint 2016 Contents Page PowerPoint Basics Chart Sound Video Smartart 2 7 9 11 18 Want more
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 informationDreamweaver Handout. University of Connecticut Prof. Kent Golden
Dreamweaver Handout University of Connecticut Prof. Kent Golden Kent@GoldenMultimedia.com www.goldenmultimedia.com Main goal of this handout: To give you the steps needed to create a basic personal website
More informationWord Processing: Basic Editing Skills Task 4 (2003)
Word Processing: Basic Editing Skills Task 4 (2003) TASKS 1. Open the document phones text from the www.teach-ict.com website but do NOT save it. 2. Open a blank Word document. 3. Using the window menu,
More informationRich Text Editor Quick Reference
Rich Text Editor Quick Reference Introduction Using the rich text editor is similar to using a word processing application such as Microsoft Word. After data is typed into the editing area it can be formatted
More informationTinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor.
Introduction TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor. What this means is that it will let you create html content on your web site. TinyMCE supports a lot of Operation
More informationTable of Contents. Overview... 4 Advanced Content Items... 4 Accessibility... 4 iframe Textpoppers Math Characters and Equations...
Dallas County Community College District Table of Contents Overview... 4 Advanced Content Items... 4 Accessibility... 4 iframe... 4 Insert a Web Page... 4 Insert a PDF... 6 Textpoppers... 8 Insert a Text
More informationBasic Content Management Introduction
Basic Content Management Introduction Logging into the editing process To begin editing your website you use your username and password to access your website's backend. The backend of your website can
More informationDreamweaver MX Technical Support Services. Office of Information Technology, West Virginia University. OIT Help Desk ext.
Dreamweaver MX 2004 Technical Support Services Office of Information Technology, West Virginia University OIT Help Desk - 293.4444 ext.1 http://oit.wvu.edu/support/training/classmat/ Instructors: Rick
More informationNetscape Composer: Working with Tables
Why tables? Netscape Composer: Working with Tables Tables on the Web can be divided into two categories: data display and page layout. Although the method for making both kinds of tables is the same, it
More informationElixir Ad-hoc Report. Release Elixir Technology Pte Ltd
Elixir Ad-hoc Report Release 3.5.0 Elixir Technology Pte Ltd Elixir Ad-hoc Report: Release 3.5.0 Elixir Technology Pte Ltd Published 2014 Copyright 2014 Elixir Technology Pte Ltd All rights reserved. Java
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 informationMadCap Software. Movies Guide. Flare 2017 r2
MadCap Software Movies Guide Flare 2017 r2 Copyright 2017 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document
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 informationEDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9
EDITOR GUIDE Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9 1 Button Functions: Button Function Display the page content as HTML. Save Preview
More informationHow to start as registered user? How to edit a content? How to upload a document (file)?... 8
Platform Tutorial This document provides HydroEurope participants with the basic procedures to use the platform and to update the different pages of the website with text and documents. How to start as
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 information