Start by launching Mozilla To start making a web page, go to File -> New -> Composer Page
|
|
- Christopher Reynolds
- 6 years ago
- Views:
Transcription
1 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 tools Create a basic web page Getting Started Step One Open a new Composer Page: Start by launching Mozilla To start making a web page, go to File -> New -> Composer Page Step Two Orient to the window: At the top you see many icons that are similar to those found in a word processing application such as new, open, save and print. Other icons are unique to web authoring such as image, which lets you insert an image in your page, and table which lets you insert a table. Also you see the link icon which lets you create a hyperlink in your page. Also notice the publish icon, this is Mozilla s FTP function which allows you to publish your web page to a server and make it viewable on the worldwide web. On the next tier of icons you have many of your text formatting tools. On the very left you can choose the format for the type of text you are typing, whether part of the text body or a heading. Next you can choose the color of your text by clicking on the black box in the fore ground and the color of your background by clicking on the white box in the background. The small and large A s let you change font size, and you can also choose if you want your text bold, italicized or underlined. Finally, you can add in bulleted or numbered lists and choose a justification for your text.
2 At the bottom of the window you see tabs. These will allow you to toggle between different views. These are normal view, which is the default view you see now, then the tags view, which shows what part of the page you are working on, then there is the code view which shows the HTML code for your page and the preview tab which will show you what your page will look like in a browser window. Saving your Page Step One Saving the file: Go to the menu item File -> Save As A window will pop up asking you to give a title to the current page, this will be the title that appears in the blue bar at the top of the page, and will also be the default title suggested by the program as you continue to save. Go ahead and type in a title and click O.K. Then, the standard Save window will open. If you are satisfied with the suggested title go ahead and leave it. Then browse to where you want your document to be saved and click Save. Step Two Saving your work as you go: To continue saving your work as you go along, go to the menu item file-> save. Notice that when there are no changes to save on the page, the Save selection is grayed out. Formatting text Step One Select the text: To format text, use your mouse to highlight the desired text. Then look in the toolbar at the top of the window to choose from the various formatting options. Step Two Apply formatting changes: - To increase the font size of the selected text, click on the large A - To bold the selected text, click on the bolded B - To align the text to the center, click on the align center button
3 Insert a Table Step One Specify table attributes: Go to the menu item Insert-> table Specify the number of rows and columns you want in the table Determine how big you want the table by specifying the table width in terms of the percent of the page it will take up Specify how thick or thin of a border you want around the table Click OK Step Two Align the table: First make sure that your cursor is in the table. Then, go to the menu item table then go to select -> table. This will highlight the entire table. Then click on the align center button in the tool bar. Insert an Image Step One Insert the image, Create alternate text: Go to the menu item insert -> image Click on the choose file button. Browse to where your image is saved and select it by clicking on it once. Then click the open button. Back in the image properties window, enter an appropriate description in the alternate text field. Then click O.K. Step Two Align the image: Use your mouse to click on it so that it is highlighted blue, then click on one of the alignment buttons. Step Three File management A web page with images in it is actually a collection of files. You have one file that is your web page containing the HTML code. And when you insert an image, you introduce another file, the image file. The image file does not live within your web page, it exists independently. Your web page only contains directions on how to retrieve the image which is usually the file name of the image. These directions are called the relative path. This kind of structure means you need to respect the relative path and be careful to always save your image and your web page in the same location- usually a single folder. If you put them in separate folders, the web page will not be able to find or display the image. If you have trouble getting your image to display on the web, a good troubleshooting strategy is to check to make sure your web page has the correct relative path to the image. To do this, go to your HTML code, and locate the code that says image source-
4 check the file name in the quotes and make sure the HTML code is referencing the correct file. WRONG: <imgsrc="file:///c:/documents%20and%20settings/labuser/desktop/mozillawindo w.jpg" CORRECT: <img src="mozillawindow.jpg" Make Hyperlinks Step One: Highlight the text Use your mouse to highlight the text you want to be a link Step Two: Make the link Next go to the toolbar at the top of the window and click on the link button. This will open a new window the link properties window. Type in the URL, then click O.K. Make an Internal Link Step One: Create a named anchor Place your cursor where you want to put the anchor (example: if you are creating a Back to top link, you will put the anchor at the top of the page) Next, go to the menu item Insert -> named anchor This will open a new window where you can type in the name of the anchor, type in something simple, like top Click O.K. The little yellow anchor icon that appears is the named anchor (the icon will not be visible on the web) Step Two: Link to the named anchor Place your cursor where you want the link to exist (example: if you are creating the Back to top link, you will make the link at the bottom of the page) Next, highlight the text that you want to make into a link with your mouse and click on the link button on the toolbar at the top of the window In the Link Properties window that will open, type in #titleofyournamedanchor The # sign indicates that it is a named anchor you are linking to. Click O.K.
5 Modify Page Properties Step One: Change the color of the background, text and links Go to the menu item edit -> preferences Go to the Appearance category and double click on it To change the background color of your page, click on the subtopic colors Then, in the right hand side of the window, click on the colored square next to background (or text or visited links ) a grid of palettes will appear, use your mouse to select the color you prefer Preview your Page in a Browser Step One: Previewing your page Click on the browse icon in the toolbar This will open a browser window so you can see how your page will appear after you load it on to a web server and make it viewable on the World Wide Web Step Two: Verifying your page location Remember, the preview function DOES NOT mean your page is on the web To verify the location of your page, look in the address bar at the top of the window A file path beginning with file:///c:/ is displayed, meaning that the file is stored on your local hard drive (the C drive is your local hard drive) A file path beginning with means that your file is on the World Wide Web Recommended sources: Go here for the latest version of Mozilla
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 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 informationMicrosoft Word Training
Microsoft Word Training Objectives: Become familiar with the Word Window, toolbars, and menus Learn to Save and Print Learn how to create tables, forms and templates Opening Word / Menus / Toolbars Click
More informationUsing Inspiration 7 I. How Inspiration Looks SYMBOL PALETTE
Using Inspiration 7 Inspiration is a graphic organizer application for grades 6 through adult providing visual thinking tools used to brainstorm, plan, organize, outline, diagram, and write. I. How Inspiration
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 informationSchoolwires Editor Best Practices. Schoolwires Centricity2
Schoolwires Editor Best Practices Schoolwires Centricity2 Schoolwires Centricity2 Editor Best Practices Table of Contents Introduction... 1 Practices for All Browsers... 2 Bullets Left Justify Bullets...
More informationWYSIWYG Editor: Users Manual
WYSIWYG Editor: Users Manual Table of Contents WYSIWYG Editor Overview.... 3 Adding Text... 4 Inserting an Image.... 7 Inserting a File.... 15 Embedding Media.... 21 Inserting an Email Link.... 25 Captiva
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 informationA Dreamweaver Tutorial. Contents Page
A Dreamweaver Tutorial Contents Page Page 1-2 Things to do and know before we start Page 3-4 - Setting up the website Page 5 How to save your web pages Page 6 - Opening an existing web page Page 7 - Creating
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 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 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 informationWebsite Management with the CMS
Website Management with the CMS In Class Step-by-Step Guidebook Updated 12/22/2010 Quick Reference Links CMS Login http://staging.montgomerycollege.edu/cmslogin.aspx Sample Department Site URLs (staging
More informationLava New Media s CMS. Documentation Page 1
Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the
More informationFormatting the Question Text and Adding Images, Media Objects, Tables etc.
Formatting the Question Text and Adding Images, Media Objects, Tables etc. Formatting the Text (Bold, Italics, Underline, and Super/Subscript) Highlight the text you want to modify and click the appropriate
More informationChapter 11: Going All Out with FrontPage
Chapter 11: Going All Out with FrontPage Creating a Product Page Easy Web Design project, Chapter 11 Most store sites need at least one product page. On the Notebooks Web site, the Products page is divided
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 informationResetting Your Password
School Teacher Page Training Logging In Before you can add or edit content, you need to log in. The web site address is: http://www.okaloosaschools.com/yourschool/user Enter your user name and password
More informationAPPENDIX THE TOOLBAR. File Functions
APPENDIX THE TOOLBAR Within the WYSIWYG editor, there are a variety of functions available to the user to properly update the page. Below is a list of all the functions available. Keep in mind that the
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 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 informationDRAFT. Table of Contents About this manual... ix About CuteSITE Builder... ix. Getting Started... 1
DRAFT Table of Contents About this manual... ix About CuteSITE Builder... ix Getting Started... 1 Setting up... 1 System Requirements... 1 To install CuteSITE Builder... 1 To register CuteSITE Builder...
More informationLayout Manager - Toolbar Reference Guide
Layout Manager - Toolbar Reference Guide Working with a Document Toolbar Button Description View or edit the source code of the document (for advanced users). Save the contents and submit its data to the
More informationEnhancing your Page. Text Effects. Paragraph Effects. Headings
Enhancing your Page You can make your pages more visually appealing and organize page content by using text effects, paragraph effects, macros, images, tables, etc. To begin, select the "Edit" button for
More informationSchoolWires. Table of Contents
SchoolWires Table of Contents Logging In pg. 2 Section Workspace pg. 3 o Tabs o Uploading files o Add New Pages Editing Your Page pg. 5 Full Screen View pg. 6 Format Text pgs. 7, 8 Font Name Font Size
More informationCreating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?
Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP 1. How does it all work? 2. What do I need to get started at Fairfield? 3. What is HTML coding? 4. The 10 HTML Tags that you should know.
More informationFCKEditor v1.0 Basic Formatting Create Links Insert Tables
FCKEditor v1.0 This document goes over the functionality and features of FCKEditor. This editor allows you to easily create XHTML compliant code for your web pages in Site Builder Toolkit v2.3 and higher.
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 informationTable of Contents. Page 2 of 72. High Impact 4.0 User Manual
Table of Contents Introduction 5 Installing High Impact email 6 Installation Location 6 Select Mail Client 6 Create a ReadyShare Account 6 Create a Default Profile 6 Outlook Configuration Message 6 Complete
More informationOU EDUCATE TRAINING MANUAL
OU EDUCATE TRAINING MANUAL OmniUpdate Web Content Management System El Camino College Staff Development 310-660-3868 Course Topics: Section 1: OU Educate Overview and Login Section 2: The OmniUpdate Interface
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 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 informationCreating Pages with the CivicPlus System
Creating Pages with the CivicPlus System Getting Started...2 Logging into the Administration Side...2 Icon Glossary...3 Mouse Over Menus...4 Description of Menu Options...4 Creating a Page...5 Menu Item
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 informationAdding Text and Images. IMCOM Enterprise Web CMS Tutorial 1 Version 2
Adding Text and Images IMCOM Enterprise Web CMS Tutorial 1 Version 2 Contents and general instructions PAGE: 3. First steps: Open a page and a block to edit 4. Edit text / The menu bar 5. Link to sites,
More informationBHM Website Teacher User Guide
BHM Website Teacher User Guide How to Login 1. Go to HUhttp://bhmschools.org/userUH 2. Enter your username and password and click Log in How to Change Your Password 1. Go to My Account in your Nav bar
More informationFrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved.
Master web design skills with Microsoft FrontPage 98. This step-by-step guide uses over 40 full color close-up screen shots to clearly explain the fast and easy way to design a web site. Use edteck s QuickGuide
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 informationThe SBCC Web Publishing Process The process of creating new web pages or editing existing pages within the OmniUpdate system is straightforward.
Table of Contents Introduction 2 The SBCC Web Publishing Process 2 Staging Server vs. Production Server 2 Roles, Permissions, Levels and Authority 2 Logging In 3 Workflow 3 Dashboard Tab, Content Tab,
More informationEditing Drupal 7 Sites. Basic page editing. June To begin editing, log in by clicking Login at the bottom of the homepage. Username.
Editing Drupal 7 Sites June 2013 Basic page editing To begin editing, log in by clicking Login at the bottom of the homepage Username Password Navigate to the page you want to edit Click the Edit tab at
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 informationBudget Exercise for Intermediate Excel
Budget Exercise for Intermediate Excel Follow the directions below to create a 12 month budget exercise. Read through each individual direction before performing it, like you are following recipe instructions.
More informationIntroduction to FrontPage 2002
Introduction to FrontPage 2002 Academic Computing Support Information Technology Services Tennessee Technological University August 2003 1. Introduction FrontPage 2002 is a program to help you build a
More informationFrontPage. Directions & Reference
FrontPage Directions & Reference August 2006 Table of Contents Page No. Open, Create, Save WebPages Open Webpage... 1 Create and Save a New Page... 1-2 Change the Background Color of Your Web 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 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 informationWeb Content. Overview. Web Content Mini WYSIWYG Editor
Web Content Overview Web Content Assets are used for entering HTML-formatted text or media items. They are created and edited via a mini-wysiwyg Editor. Web Content Assets support Dependency Manager tags
More informationDo It Yourself Website Editing Training Guide
Do It Yourself Website Editing Training Guide Version 3.0 Copyright 2000-2011 Sesame Communications. All Rights Reserved. Table of Contents DIY Overview 3 What pages are editable using the DIY Editing
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 informationFormatting, Saving and Printing in Word 2013
Revision 3 (--04) Computer Basics Formatting, Saving and Printing in Word 03 MICROSOFT WORD 03: This program allows you to create new documents, make easy changes, insert media, and effectively save and
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 informationTable of Contents. Look for more information at
OmniUpd ate @ De Anza Qui ck Guide Table of Contents Login... 2 Logout... 2 OmniUpdate Help Center... 2 Editing and Saving a Page... 3 Publishing... 5 View and Revert to Previously Published Page... 5
More informationJoomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual 1 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
More informationBest Practices for Using the Rich Text Editor
Best Practices for Using the Rich Text Editor Overview Many pages in ilearn contain large text entry boxes along with many icons and pull down lists (located above the actual text entry area). These icons
More informationApplication of Skills: Microsoft Excel 2013 Tutorial
Application of Skills: Microsoft Excel 2013 Tutorial Throughout this module, you will progress through a series of steps to create a spreadsheet for sales of a club or organization. You will continue to
More information1.0 Overview For content management, Joomla divides into some basic components: the Article
Joomla! 3.4.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 informationClassic Apps Editor Best Practices
Classic Apps Editor Best Practices Blackboard Web Community Manager Trademark Notice Blackboard, the Blackboard logos, and the unique trade dress of Blackboard are the trademarks, service marks, trade
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 informationPOS Designer Utility
POS Designer Utility POS Designer Utility 01/15/2015 User Reference Manual Copyright 2012-2015 by Celerant Technology Corp. All rights reserved worldwide. This manual, as well as the software described
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 informationUniversity of Pittsburgh Communications Services. Basic Training Manual Drupal 7
University of Pittsburgh Communications Services Basic Training Manual www.shrs.pitt.edu Drupal 7 Table of Contents Users... 3 Log In... 3 Log Out... 3 What is a Content Management System?... 4 What are
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 informationWEEK NO. 12 MICROSOFT EXCEL 2007
WEEK NO. 12 MICROSOFT EXCEL 2007 LESSONS OVERVIEW: GOODBYE CALCULATORS, HELLO SPREADSHEET! 1. The Excel Environment 2. Starting A Workbook 3. Modifying Columns, Rows, & Cells 4. Working with Worksheets
More informationWordpress Editor Guide. How to Log in to Wordpress. Depending on the location of the page you want to edit, go to either:
Wordpress Editor Guide How to Log in to Wordpress Depending on the location of the page you want to edit, go to either: http://www.necc.mass.edu/wp- admin (for the main website) Or http://facstaff.necc.mass.edu/wp-
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 informationFileMaker Pro 7 version of 3.8 Practical skills Presenting information
FileMaker Pro 7 version of 3.8 Practical skills Presenting information Creating a report Screens 1 to 15 show you how to create a basic report using the New Layout/Report assistant. Switch to layout view
More informationBest Practices for Using the Rich Text Editor
Best Practices for Using the Rich Text Editor Overview Many pages in Sakai contain large text-entry boxes along with many icons and pull-down lists (located above the actual text entry area). These icons
More informationIntroduction to the MODx Manager
Introduction to the MODx Manager To login to your site's Manager: Go to your school s website, then add /manager/ ex. http://alamosa.k12.co.us/school/manager/ Enter your username and password, then click
More informationMS Word Basics. Groups within Tabs
MS Word Basics Instructor: Bev Alderman L e t s G e t S t a r t e d! Open and close MS Word Open Word from the desktop of your computer by Clicking on the Start>All programs>microsoft Office >Word 2010
More informationMake a Mad-Libs activity using an Excel Workbook
Make a Mad-Libs activity using an Excel Workbook A sample is provided below to help you visualize your final product. For this activity we modified Mary Had a Little Lamb. These instructions are specific
More informationCreating Web Pages with Mozilla s Composer and Uploading Files with CuteFTP
Creating Web Pages with Mozilla s Composer and Uploading Files with CuteFTP INTRODUCTION This document describes how to create a basic web page with Mozilla Composer and how to publish it on the Bruin
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 informationGoogle Chrome 4.0. AccuCMS
Google Chrome 4.0 AccuCMS Outline Contents Google Chrome 4.0... 4 Thank you for choosing Blue Archer... 4 As an AccuCMS user you can:... 4 Getting Started... 4 AccuCMS allows you to:... 4 Logging in to
More informationADRION PROJECT WEBSITES USER S MANUAL
ADRION PROJECT WEBSITES USER S MANUAL September 2018 Summary 1. The ADRION Project Website... 3 2. Content instructions... 3 3. Contacts for technical assistance... 3 4. Login... 3 5. Editable contents...
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 informationCreating a Web Presentation
LESSON 9 Creating a Web Presentation 9.1 After completing this lesson, you will be able to: Create an agenda slide or home page. Create a hyperlink to a slide. Create a Web presentation with the AutoContent
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 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 informationQuick Start Guide. ARIS Architect. Version 9.8 Service Release 2
ARIS Architect Version 9.8 Service Release 2 October 2015 This document applies to ARIS Version 9.8 and to all subsequent releases. Specifications contained herein are subject to change and these changes
More informationApplication of Skills: Microsoft PowerPoint 2013 Tutorial
Application of Skills: Microsoft PowerPoint 2013 Tutorial Throughout this tutorial, you will progress through a series of steps to create a presentation about yourself. You will continue to add to this
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 informationAdobe Dreamweaver CS5/6: Learning the Tools
Adobe Dreamweaver CS5/6: Learning the Tools Dreamweaver is an HTML (Hypertext Markup Language) editor, authoring tool, and Web site management tool. Dreamweaver is a WYSIWYG (what you see is what you get)
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 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 informationTable of Contents. MySource Matrix Content Types Manual
Table of Contents Chapter 1 Introduction... 5 Chapter 2 WYSIWYG Editor... 6 Replace Text... 6 Select Snippet Keyword... 7 Insert Table and Table Properties... 8 Editing the Table...10 Editing a Cell...12
More informationCreating Simple Links
Creating Simple Links Linking to another place is one of the most used features on web pages. Some links are internal within a page. Some links are to pages within the same web site, and yet other links
More informationCreating a Website Using Weebly.com (July 2012 Update)
Creating a Website Using Weebly.com (July 2012 Update) Weebly.com is a website where anyone with basic word processing skills can create a website at no cost. No special software is required and there
More informationUnit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4
Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML 4.01 Version: 4.01 Transitional Hypertext Markup Language is the coding behind web publishing. In this tutorial, basic knowledge of HTML will be covered
More information13 FORMATTING WORKSHEETS
13 FORMATTING WORKSHEETS 13.1 INTRODUCTION Excel has a number of formatting options to give your worksheets a polished look. You can change the size, colour and angle of fonts, add colour to the borders
More informationWelcome to the advanced customization tutorial for the student template.
Table of Contents Changing Backgrounds... 2 Modifying Slide Content... 8 Customizing Font... 9 Chat Function... 12 Editing a Page Tab... 13 Digication Menu... 14 Copy or Delete an eportfolio... 15 1 Welcome
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 informationDrupal 7 guide CONTENTS. p. 2 Logging In
Drupal 7 guide Drupal is a widely used, open-source, free platform that has an easy-to-use content management system for updating websites. This guide was created by the Health Communication Core (www.healthcommcore.org)
More informationBT Web Hosting. Features and functionality
BT Web Hosting Features and functionality 1 Hopefully you will now have a website that is activated and potentially even published. This guide will take you through some of the additional features and
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 informationThe American University in Cairo. Academic Computing Services. Word prepared by. Soumaia Ahmed Al Ayyat
The American University in Cairo Academic Computing Services Word 2000 prepared by Soumaia Ahmed Al Ayyat Spring 2001 Table of Contents: Opening the Word Program Creating, Opening, and Saving Documents
More informationIntroduction. Format Text. Word 2010 Formatting Text. To Change the Font Size: Page 1
Word 2010 Formatting Text Introduction Page 1 To create and design effective documents, you need to know how to format text. In addition to making your document more appealing, formatted text can draw
More informationThe figure below shows the Dreamweaver Interface.
Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia
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 informationCS10001: Computer Literacy Lab Assignment #3, Part #2
CS10001: Computer Literacy Lab Assignment #3, Part #2 Notes: This lab is an independent study, and the steps are written for Word 2003. If you are using Word 2007 on your personal computer, then you will
More informationEventsNow. Getting Started Guide
EventsNow Getting Started Guide Contents Creating Your First Event... 3 Name Your Event... 3 Add an Event Contact... 3 Add Event Details... 5 Upload Your Logo/Image... 6 Add Tickets... 6 Add Donations...
More information