Upload Your Site. & Update. How to

Size: px
Start display at page:

Download "Upload Your Site. & Update. How to"

Transcription

1 15 From the book, The Non-Designer s Web Book, How to Upload Your Site by Robin Williams and john Tollett On the shelves in late September 1997 Robin Williams and John Tollett & Update Your web site is finished!! Hooray!! So now what?? If you leave your site on your home or office computer, no one but you will ever see it Your site must be posted on a server, a computer that s connected to the Internet 24 hours a day To post your site on a server, you must get the files to them When you send something from your computer to another computer, that is called uploading files You ll hear the term ftp often, and in many ways It stands for file transfer protocol, which is one way of transferring files from one place to another You are going to ftp your files to a server In this chapter first we ll we ll discuss exactly what should be in the web site folder you need to upload Then we ll show you how to upload your folder to the server Once your site is on the server, you need to test it again and fix any problems Then we ll show you how to update your own pages from your home or office, in just a matter of seconds It might seem confusing at first, but after you do it once or twice you ll realize it s actually pretty easy Before you upload Before you can even think about uploading your files to a server, you must first establish a relationship with a provider (relationship = pay them money) We are assuming you did this long ago, because you were supposed to ask them how they wanted the files named (htm or html, index or default for the first page) Just in case you haven t, you must now call your Internet Service Provider (or any other hosting service) and arrange for them to host your site Be sure to ask them if you can have ftp privileges to upload and update your own site If they say, No, that you must your site as an attachment and they will post it themselves, then you can skip this chapter You don t have to post your site to a service provider in your city you can post it anywhere in the world So if your provider doesn t give you a good deal, ask around and see what other people in your area are doing, whom they are using as a host But before you try to post your site, find a host!

2 262 T H E N O N - D E S I G N E R S D E S I G N B O O K Gather your files In the previous chapter you did a lot of testing and fixing We hope you were able to fix all or at least most of your problems, and that the only things you couldn t change were those things you have to live with, like text fonts and line breaks, etc Now you need to gather up all your files to send to the service provider or wherever you have decided to post your site All of your files might already be organized because you should have been doing that as you went along, and in the last chapter you should have discovered any missing links or graphics in the wrong place So at this point there are three critical points to remember: 1 Send every file your site needs Your folder should contain every HTML file, GIF, and/or JPG used in your site If you got really fancy and made movie clips or sound files, of course they should be in your folder as well 2 Don t send any files your site doesn t need Your folder should not have any TIFFs, PICTs, BMPs, EPSs, PNTs, PCXs, WMFs, or any other graphic files in it Nor should there be any text files, such as word processing or SimpleText files, or even text clippings 3 Make sure all your files are named properly Remember the conventions you learned in Chapter 4? Make sure you followed them: Every file name should have an extension: html or htm for web pages, gif for GIF graphics, and jpg for JPEG graphics All lowercase letters (this is not critical just good form) Only letters and numbers no odd characters like apostrophes, colons, slashes, etc Never use a space in a file name The only characters you can have in a file name besides letters and numbers are periods, the underscore ( _ ), created by typing Shift Hyphen, or the tilde (~), created by typing Shift ~, usually found in the upper left corner of the keyboard If you created folders within your primary web site folder, check each one of those as well Very important! If you changed any of the file names or moved any files from one folder to another, you will have to go back to the web pages and replace the graphics whose names or placements have changed, and relink any files whose names or placements have changed! Do that first and test it on your computer before you upload

3 1 5 : H O W T O U P L O A D A N D U P D A T E Y O U R S I T E 263 This is the folder (above and to the right) that contains the entire web site Every web page and every graphic (and even some sound files, wav and aiff) are in this folder This is the folder that was uploaded to the server On the Macintosh server this web site was sent to, the first page must be titled defaulthtml, as shown When a visitor enters the URL wwwratzcom, the browser looks in this folder, finds the defaulthtml file, and displays it The URL of all other web pages in this site would be wwwratzcom/whateverhtml Notice the other folders at the bottom of the window In this example, each of those folders contains another web site Each of those web site folders contains a file called defaulthtml The URL for Jimmy s web site, then, would be wwwratzcom/jimmy/ The browser knows to look inside that jimmy folder, find defaulthtml, and display it This web site, a display of Robin s Cheezy Shotglass Collection, is going to a Unix server that wants the first page to be named indexhtm Notice there are no superfluous files in this folder everything is either a web page or a GIF

4 264 T H E N O N - D E S I G N E R S D E S I G N B O O K Uploading files After you prepare your web site folder, you need to do two more things in preparation for uploading 1 Get the free software for uploading files This type of software is called an ftp client For a Macintosh, get Fetch For Windows 95, get WS_FTP95 There is other software you could use for this, and if your service provider recommends or gives you something else or you have something else that works great, then use that This is just a recommendation of the clients most people use If your provider doesn t give you the software, go to wwwsharewarecom and search It s easy to find and it s easy to download If the thought of searching for and downloading the program makes you nervous, have a friend do it for you 2 Ask your provider or host for your ftp information Write down the data they tell you, which should be info like this: Your host name, which will be something like ftpdomaincom Or it might be a string of numbers, like Your host type, which describes the kind of server you will be posting to (not always required), such as Ipswitch or MAC Peter Server Your user ID, which will probably be your name or something equivalent, such as robin Your password, which you help decide It will appear as bullets or asterisks when you enter it: ****** The directory path where your site will be stored It will look something like this: /WebSTAR 20/studiox/robin/ Once you have that set up, this is the basic procedure you will go through: 1 Do whatever you usually do to connect 2 Double-click the Fetch or WS_FTP95 icon It will open a dialog box as shown on the opposite page 3 Type in the data the service provider gave you Click OK If you get a message asking about data format, always choose raw data 4 The ftp client takes you to the actual server you are now looking inside that other computer! Notice the folder name your provider gave you is open and available, waiting for you to put files into it If you position your windows so you have the ftp client on one side of your screen and your web site folder open on the other, you can just drag files from your web site folder into the ftp window, drop them, and they land on the other computer (the server) Your pages are instantly on the World Wide Web!

5 1 5 : H O W T O U P L O A D A N D U P D A T E Y O U R S I T E 265 Fetch is a popular ftp client for Macintosh users This path name leads straight to the open folder on the server You can simply drag all the files for your web site from the site folder on your Desktop into the open server window You can also use the Put File button, or the menus (Do not drop the folder ratz into this window! Drag and drop the individual files!) WSFTP is a popular ftp client for Windows 95 users You can drag files from the web site folder on your computer directly into the server window Or on the left side of this window, open the web site folder on your hard disk Select a file or files, then click the right arrow to send them to the server

6 266 T H E N O N - D E S I G N E R S D E S I G N B O O K Test your site online As soon as you upload your files to the server, they are on the World Wide Web and anyone in the world can view them if they know the address Don t just post them and leave, though! Open the home page in your browser, online, and test the entire site Go through every page and click every link Make sure every graphic is there Make sure all forms work Make sure animated graphics are moving (and stopping), and that any sound files you created are loading and playing If you followed the directions in the previous chapter, you probably don t have much left to fix, if anything Once again, position your pages side by side the page you created in your web authoring software next to the same page on the web in your browser Leave your ftp client open and ready If you need to make a page change, follow these steps: 1 Make note of what went wrong in the browser 2 Open the page in your web authoring software 3 Make the changes, and save the page 4 You must now upload that page again! Follow the same procedure as when you uploaded your whole site drag the file or files that have changed into your folder on the server If you made a change in a graphic, upload the graphic, of course If you made a change that affected three pages and two graphics, upload all five files When you drag those files with the same names into the same folder on the server, the newer files will simply replace the older ones, as long as the new files have exactly the same names as the old ones 5 Click on your browser window to make it active To see the new changes, you have to reload the page But some browsers store the old page in their memory cache, so if you reload and don t see the changes, you must force the browser to go back to the server and get the new page instead of displaying the one in its memory cache Doing this is called a force reload To force reload on the Mac, hold down the Option key While the Option key is down, click the Reload button or choose Super Reload from the View menu (In Netscape Communicator 4, you can also force reload with the Shift key) To force reload in Windows Netscape, hold down the Shift key While the Shift key is down, click the Reload button or choose Reload from the View menu In Internet Explorer, the Refresh button is supposed to act as a force reload button It doesn t always work If the Shift key doesn t work in your browser, try the Alt key 6 Continue checking all pages, fixing things, uploading corrected files, and reloading the new ones to see how they look

7 1 5 : H O W T O U P L O A D A N D U P D A T E Y O U R S I T E 267 Ooops! How did this mistake sneak through all the testing? Open the page in your web authoring software and fix it Save it After you make and save the change on the page, use your ftp client and drag the changed page into the server folder Since the changed page has exactly the same name as the old page, the old one will be replaced by the new, changed one To delete a file from your web site: in your ftp client, select the file, then look through the menus for a Delete file command In your browser, Reload or Refresh the page If your browser doesn t display the changes, try holding the Option, Shift, or Alt key down and clicking the Reload or Refresh button again

8 268 T H E N O N - D E S I G N E R S D E S I G N B O O K Updating files You are going to want to update your files regularly You will especially want to update them once you see how easy it is in fact, you already went through the updating process on the previous page, while fixing your web pages It s simply a matter of making changes on the page, then uploading them into the same server folder, replacing the older one Let s say you want to change your family newsletter every two weeks The page is already created and every two weeks you change the text If nothing changes but the text and/or graphics on this one page, then all you have to do is upload this new page and the new graphics directly into your server folder (just like you uploaded the fixes, as shown on the previous page) As you ve discovered, if this new newsletter web page has the exact same HTML name as the existing newsletter web page you want to change, then this new one will drop in and replace the existing page But let s say you add an entirely new section altogether Let s say you add a New Babies section to your family web site because suddenly seven of your grandchildren are having babies This means you ll have several new files for the new section This also means your home page and probably other pages will have changes any page on which you add a new link to this New Babies section must be replaced So every page that has any change on it, plus the new pages for the new section, need to be uploaded The new pages will be added to the collection The changed pages will be replaced Additional web sites on your site If you want to add a whole new web site, all you need to do is upload the entire web site folder into your folder on the server Let s say you (your name is Matilda) have a web site address like this: wwwcoyotecom/matilda You have paid for 5 megabtyes of web site storage space, but you only use 15 MB, so you want to put your son s web site up with yours Your son creates his web site and puts it all in one folder His folder is named wilford You upload his folder, wilford, and drop it inside of your folder, matilda His web address will then be: wwwcoyotecom/matilda/wilford Each slash tells the browser to look down one more level, into another folder So this address tells the browser, Go to the domain coyotecom Look there for the folder matilda Look inside matilda for the folder called wilford The browser knows, when it looks inside wilford, to find and display the indexhtm file So your children could create their own web sites, put them into folders, and you can upload their folders inside of your own If they want to upload more files or update existing ones, they can go to your folder, double-click their own folders, and drag files into it Easier than you thought?

9 1 5 : H O W T O U P L O A D A N D U P D A T E Y O U R S I T E 269 When I did a web design workshop in Santa Fe, I made a new web page called workshophtml It had a couple of graphics on it So I uploaded all those files into ratzcom The web address of the new page was then wwwratzcom/ workshophtml I also changed the home page in ratzcom so it would have a link to the workshop page That means, of course, that I had to upload the changed home page (defaulthtml) I made the change, uploaded the file, and the new home page with the new link replaced the old home page This ftp window also shows the files that are on the domain ratzcom (same as above, it s just from a different computer and a different ftp client) On the web, you can get to ratzcom by entering wwwratzcom, right? To get to each of the files within ratzcom, you can enter wwwratzcom, add a slash to tell the browser to look inside the ratz folder, then type the name of the file you want to view Let s say you wanted to see columnshtml You would enter wwwratzcom/columnshtml Each folder you see in the above window is another self-contained unit My friend Julie Conner has her web site on ratzcom, stored inside the folder called conner Thus the address to her site is wwwratzcom/conner The browser will go to ratzcom The slash tells it to look down one more l evel, to a folder called conner if the browser is not told to find a specific HTML file (such as columnshtml ), it will look for and display the indexhtml or defaulthtml that it finds within that folder So when you see a long web address divided by slashes, it s an indication of a large domain with lots of subfolders which contain subfolders, etc, until you get to the HTML file, which is the actual web page:

10 270 T H E N O N - D E S I G N E R S D E S I G N B O O K Quiz! Answer these questions to make sure you understand how to upload and update your files Use the dialog box and folder window below to answer most of the questions Oh boy, it s a 1 If you made a change to the web page quoteshtml in your web authoring software and posted it to this folder on the server, would it: a update an existing file b be added as a new page to the web site 2 If you made a brand new web page, saved it as seahtml, and posted it to this folder on the server, would it: a update an existing file b be added as a new page to the web site 3 If you uploaded just the page in Question 2, above, would there be a link to get to this new page? If not, what should you do? a Don t worry there would already be links to this page because they are created automatically when you make new pages b No, there would not be a link; you need to make links on pages and upload every page with the new link 4 How many of the files above should not have been uploaded? Which ones? a two b three 5 If you added a new photo to an existing page on your site, how many files would you have to upload? a one graphic file b one web page file c one graphic file and one web page 6 If you remove three pages from your site, would you have to do any other updating to the site? a Change the photograph of your grandmother b Remove the links from remaining pages and upload those changes 7 If you add a web site folder called oceanmist, to the above window, what would the site s address be? a wwwseamaidcom/oceanmist b wwwoceanmistcom 8 What would the file structure look like for this web address (that is, name the folders inside of folders and any web pages): wwwseamaidcom/oceanmist/foam/moonladyhtm

How To Upload Your Newsletter

How To Upload Your Newsletter How To Upload Your Newsletter Using The WS_FTP Client Copyright 2005, DPW Enterprises All Rights Reserved Welcome, Hi, my name is Donna Warren. I m a certified Webmaster and have been teaching web design

More information

FTP Frequently Asked Questions

FTP Frequently Asked Questions Guide to FTP Introduction This manual will guide you through understanding the basics of FTP and file management. Within this manual are step-by-step instructions detailing how to connect to your server,

More information

Creating a multilingual site in WebPlus

Creating a multilingual site in WebPlus Creating a multilingual site in WebPlus One of the problems faced by a number of WebPlus users involves organizing a multilingual website. Ordinarily, the easiest way to do this is to create your primary

More information

ONLINE REGISTRATION: A STEP-BY-STEP GUIDE

ONLINE REGISTRATION: A STEP-BY-STEP GUIDE ONLINE REGISTRATION: A STEP-BY-STEP GUIDE We encourage all of our Walkers to register online at diabetes.org/stepout. It s quick. It s easy. And, you ll have the opportunity to take advantage of our online

More information

Staff Directory & Online Classroom: A Picture Book

Staff Directory & Online Classroom: A Picture Book Staff Directory & Online Classroom: A Picture Book eleventh in a series By Dennis Sulfsted Technology Coordinator Reading Community City Schools Holly Approved 2007 HRF Publications All current Picture

More information

Learn how to get started with Dropbox: Take your stuff anywhere. Send large files. Keep your files safe. Work on files together. Welcome to Dropbox!

Learn how to get started with Dropbox: Take your stuff anywhere. Send large files. Keep your files safe. Work on files together. Welcome to Dropbox! Learn how to get started with Dropbox: 1 2 3 4 Keep your files safe Take your stuff anywhere Send large files Work on files together Welcome to Dropbox! 1 Keep your files safe Dropbox lets you save photos,

More information

Installing and Configuring the Voice UPB Bridge updated 22-Jan-2018

Installing and Configuring the Voice UPB Bridge updated 22-Jan-2018 Installing and Configuring the Voice UPB Bridge updated 22-Jan-2018 Before starting these instructions, you should already have your Voice assistant installed and working. These instructions can be used

More information

Your . A setup guide. Last updated March 7, Kingsford Avenue, Glasgow G44 3EU

Your  . A setup guide. Last updated March 7, Kingsford Avenue, Glasgow G44 3EU fuzzylime WE KNOW DESIGN WEB DESIGN AND CONTENT MANAGEMENT 19 Kingsford Avenue, Glasgow G44 3EU 0141 416 1040 hello@fuzzylime.co.uk www.fuzzylime.co.uk Your email A setup guide Last updated March 7, 2017

More information

Adobe Dreamweaver CS5 Tutorial

Adobe 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 information

XP: Backup Your Important Files for Safety

XP: Backup Your Important Files for Safety XP: Backup Your Important Files for Safety X 380 / 1 Protect Your Personal Files Against Accidental Loss with XP s Backup Wizard Your computer contains a great many important files, but when it comes to

More information

How to Rescue a Deleted File Using the Free Undelete 360 Program

How to Rescue a Deleted File Using the Free Undelete 360 Program R 095/1 How to Rescue a Deleted File Using the Free Program This article shows you how to: Maximise your chances of recovering the lost file View a list of all your deleted files in the free Restore a

More information

OPEN THE HOTLINE CLIENT

OPEN THE HOTLINE CLIENT OPEN THE HOTLINE CLIENT Everything in the Hotline universe starts with the Client Toolbar; it launches all of the Client s major functions. 1 Double-click the Hotline icon on your desktop. The Hotline

More information

Hello World! Computer Programming for Kids and Other Beginners. Chapter 1. by Warren Sande and Carter Sande. Copyright 2009 Manning Publications

Hello World! Computer Programming for Kids and Other Beginners. Chapter 1. by Warren Sande and Carter Sande. Copyright 2009 Manning Publications Hello World! Computer Programming for Kids and Other Beginners by Warren Sande and Carter Sande Chapter 1 Copyright 2009 Manning Publications brief contents Preface xiii Acknowledgments xix About this

More information

Welcome to Mac OS X, the world s most advanced operating system. This book helps you start using Mac OS X. First install the software, then discover h

Welcome to Mac OS X, the world s most advanced operating system. This book helps you start using Mac OS X. First install the software, then discover h Welcome to Mac OS X Welcome to Mac OS X, the world s most advanced operating system. This book helps you start using Mac OS X. First install the software, then discover how easy it is to use. 2 Installing

More information

WORKSHOP DESCRIPTION... 1 FACULTY WEB SITE... 2

WORKSHOP DESCRIPTION... 1 FACULTY WEB SITE... 2 Faculty Web Site WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 FACULTY WEB SITE... 2 Web Design Review 2 Understanding the World Wide Web 2 Web Browsers 2 How Browsers Display Web

More information

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics FACULTY AND STAFF COMPUTER TRAINING @ FOOTHILL-DE ANZA Office 2001 Graphics Microsoft Clip Art Introduction Office 2001 wants to be the application that does everything, including Windows! When it comes

More information

Classroom Blogging. Training wiki:

Classroom 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 information

Word: Print Address Labels Using Mail Merge

Word: Print Address Labels Using Mail Merge Word: Print Address Labels Using Mail Merge No Typing! The Quick and Easy Way to Print Sheets of Address Labels Here at PC Knowledge for Seniors we re often asked how to print sticky address labels in

More information

Boise State University. Getting To Know FrontPage 2000: A Tutorial

Boise State University. Getting To Know FrontPage 2000: A Tutorial Boise State University Getting To Know FrontPage 2000: A Tutorial Writers: Kevin Gibb, Megan Laub, and Gayle Sieckert December 19, 2001 Table of Contents Table of Contents...2 Getting To Know FrontPage

More information

This 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. 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 information

Getting Started. Excerpted from Hello World! Computer Programming for Kids and Other Beginners

Getting Started. Excerpted from Hello World! Computer Programming for Kids and Other Beginners Getting Started Excerpted from Hello World! Computer Programming for Kids and Other Beginners EARLY ACCESS EDITION Warren D. Sande and Carter Sande MEAP Release: May 2008 Softbound print: November 2008

More information

Building TPS Web Pages with Dreamweaver

Building 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 information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,

More information

The name of our class will be Yo. Type that in where it says Class Name. Don t hit the OK button yet.

The name of our class will be Yo. Type that in where it says Class Name. Don t hit the OK button yet. Mr G s Java Jive #2: Yo! Our First Program With this handout you ll write your first program, which we ll call Yo. Programs, Classes, and Objects, Oh My! People regularly refer to Java as a language that

More information

Section 1: How The Internet Works

Section 1: How The Internet Works Dreamweaver for Dummies Jared Covili jcovili@media.utah.edu (801) 585-5667 www.uensd.org/dummies Section 1: How The Internet Works The Basic Process Let's say that you are sitting at your computer, surfing

More information

Welcome Back! Without further delay, let s get started! First Things First. If you haven t done it already, download Turbo Lister from ebay.

Welcome Back! Without further delay, let s get started! First Things First. If you haven t done it already, download Turbo Lister from ebay. Welcome Back! Now that we ve covered the basics on how to use templates and how to customise them, it s time to learn some more advanced techniques that will help you create outstanding ebay listings!

More information

How to make a Work Profile for Windows 10

How to make a Work Profile for Windows 10 How to make a Work Profile for Windows 10 Setting up a new profile for Windows 10 requires you to navigate some screens that may lead you to create the wrong type of account. By following this guide, we

More information

A new clients guide to: Activating a new Studio 3.0 Account Creating a Photo Album Starting a Project Submitting a Project Publishing Tips

A new clients guide to: Activating a new Studio 3.0 Account Creating a Photo Album Starting a Project Submitting a Project Publishing Tips Getting Started With Heritage Makers A Guide to the Heritage Studio 3.0 Drag and Drop Publishing System presented by Heritage Makers A new clients guide to: Activating a new Studio 3.0 Account Creating

More information

Getting Started ~ Student Web Design Basics Dreamweaver CS 5.5

Getting Started ~ Student Web Design Basics Dreamweaver CS 5.5 Outline *Viewing Note... 1 Myweb Important Setup Steps... 1 Before you begin... 1 Setting up your local folder... 1 Editing Pages... 4 Planning... 5 Layout... 5 Elements of Design Tips for Success!...

More information

Photoshop World 2018

Photoshop World 2018 Photoshop World 2018 Unlocking the Power of Lightroom CC on the Web with Rob Sylvan Learn how to leverage the cloud-based nature of Lightroom CC to share your photos in a way that will give anyone with

More information

How to Make a Book Interior File

How to Make a Book Interior File How to Make a Book Interior File These instructions are for paperbacks or ebooks that are supposed to be a duplicate of paperback copies. (Note: This is not for getting a document ready for Kindle or for

More information

Imagery International website manual

Imagery International website manual Imagery International website manual Prepared for: Imagery International Prepared by: Jenn de la Fuente Rosebud Designs http://www.jrosebud.com/designs designs@jrosebud.com 916.538.2133 A brief introduction

More information

A Quick-Reference Guide. To access reddot: https://cms.hampshire.edu/cms

A Quick-Reference Guide. To access reddot: https://cms.hampshire.edu/cms Using RedDot A Quick-Reference Guide To access reddot: https://cms.hampshire.edu/cms For help: email reddot@hampshire.edu or visit http://www.hampshire.edu/computing/6433.htm Where is... Page 6 Page 8

More information

Before you start a project, take a few minutes to get organized. This

Before you start a project, take a few minutes to get organized. This 1 Organizing Technique Save Time By Maintaining projects Navigating the File Browser Organizing your images Adding virtual notes and voice messages Image Files and Managing Projects Before you start a

More information

FILE ORGANIZATION. GETTING STARTED PAGE 02 Prerequisites What You Will Learn

FILE ORGANIZATION. GETTING STARTED PAGE 02 Prerequisites What You Will Learn FILE ORGANIZATION GETTING STARTED PAGE 02 Prerequisites What You Will Learn PRINCIPLES OF FILE ORGANIZATION PAGE 03 Organization Trees Creating Categories FILES AND FOLDERS PAGE 05 Creating Folders Saving

More information

ADOBE DREAMWEAVER CS4 BASICS

ADOBE 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 information

Dreamweaver is a full-featured Web application

Dreamweaver 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 information

HostPress.ca. User manual. July Version 1.0. Written by: Todd Munro. 1 P age

HostPress.ca. User manual. July Version 1.0. Written by: Todd Munro. 1 P age HostPress.ca User manual For your new WordPress website July 2010 Version 1.0 Written by: Todd Munro 1 P age Table of Contents Introduction page 3 Getting Ready page 3 Media, Pages & Posts page 3 7 Live

More information

If these steps are not followed precisely as demonstrated in this tutorial, you will not be able to publish your site!

If these steps are not followed precisely as demonstrated in this tutorial, you will not be able to publish your site! Outline *Viewing Note... 1 Myweb Important Setup Steps... 1 Before you begin... 1 Site Setup this must be done correctly in order to publish your files to the server... 2 Authentication Message... 4 Remove

More information

Touring the Mac S e s s i o n 4 : S A V E, P R I N T, C L O S E & Q U I T

Touring the Mac S e s s i o n 4 : S A V E, P R I N T, C L O S E & Q U I T Touring the Mac S e s s i o n 4 : S A V E, P R I N T, C L O S E & Q U I T Touring_the_Mac_Session-4_Feb-22-2011 1 To store your document for later retrieval, you must save an electronic file in your computer.

More information

One of the fundamental kinds of websites that SharePoint 2010 allows

One of the fundamental kinds of websites that SharePoint 2010 allows Chapter 1 Getting to Know Your Team Site In This Chapter Requesting a new team site and opening it in the browser Participating in a team site Changing your team site s home page One of the fundamental

More information

Keep Track of Your Passwords Easily

Keep Track of Your Passwords Easily Keep Track of Your Passwords Easily K 100 / 1 The Useful Free Program that Means You ll Never Forget a Password Again These days, everything you do seems to involve a username, a password or a reference

More information

PART 7. Getting Started with Excel

PART 7. Getting Started with Excel PART 7 Getting ed with Excel When you start the application, Excel displays a blank workbook. A workbook is a file in which you store your data, similar to a three-ring binder. Within a workbook are worksheets,

More information

Section 6: Dreamweaver

Section 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 information

This 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. 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 information

Browsing the World Wide Web with Firefox

Browsing the World Wide Web with Firefox Browsing the World Wide Web with Firefox B 660 / 1 Try this Popular and Featurepacked Free Alternative to Internet Explorer Internet Explorer 7 arrived with a bang a few months ago, but it hasn t brought

More information

Using Images in FF&EZ within a Citrix Environment

Using Images in FF&EZ within a Citrix Environment 1 Using Images in FF&EZ within a Citrix Environment This document explains how to add images to specifications, and covers the situation where the FF&E database is on a remote server instead of your local

More information

Zombie Chat, In Google SketchUp

Zombie Chat, In Google SketchUp This fun project shows how to create an animated dialog between two characters. The characters in this case are the zombies created in one of the other projects this month, so you might want to try out

More information

Using Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links

Using 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 information

(electronic mail) is the exchange of computer-stored messages by telecommunication.

(electronic mail) is the exchange of computer-stored messages by telecommunication. What is email? E-mail (electronic mail) is the exchange of computer-stored messages by telecommunication. E-mail is one of the protocols included with the Transport Control Protocol/Internet Protocol (TCP/IP)

More information

Subversion was not there a minute ago. Then I went through a couple of menus and eventually it showed up. Why is it there sometimes and sometimes not?

Subversion was not there a minute ago. Then I went through a couple of menus and eventually it showed up. Why is it there sometimes and sometimes not? Subversion was not there a minute ago. Then I went through a couple of menus and eventually it showed up. Why is it there sometimes and sometimes not? Trying to commit a first file. There is nothing on

More information

Taskbar: Working with Several Windows at Once

Taskbar: Working with Several Windows at Once Taskbar: Working with Several Windows at Once Your Best Friend at the Bottom of the Screen How to Make the Most of Your Taskbar The taskbar is the wide bar that stretches across the bottom of your screen,

More information

CAL 9-2: Café Soylent Green Chapter 12

CAL 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 information

Creating and Publishing Faculty Webpages

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 information

Chapter One Modifying Your Fonts

Chapter One Modifying Your Fonts Chapter One Modifying Your Fonts Steps to Modifying Fonts Opening Fonts Changing Character Weight About Font Piracy Creating Oblique Fonts Creating Fractions Creating Ligatures Creating Condensed Characters

More information

Lutheran High North Technology The Finder

Lutheran High North Technology  The Finder Lutheran High North Technology shanarussell@lutheranhighnorth.org www.lutheranhighnorth.org/technology The Finder Your Mac s filing system is called the finder. In this document, we will explore different

More information

Installing and Configuring the Voice UPB Bridge updated 1-Jan-2019

Installing and Configuring the Voice UPB Bridge updated 1-Jan-2019 Installing and Configuring the Voice UPB Bridge updated 1-Jan-2019 Before starting these instructions, you should already have your Voice assistant installed and working. These instructions can be used

More information

Using Microsoft Excel

Using Microsoft Excel About Excel Using Microsoft Excel What is a Spreadsheet? Microsoft Excel is a program that s used for creating spreadsheets. So what is a spreadsheet? Before personal computers were common, spreadsheet

More information

Creating and Using File Folders

Creating and Using File Folders Creating and Using File Folders ~ 1 ~ Creating and Using File Folders Introduction: File Folders are named storage areas which we create in our computers to keep any documents, pictures, music, videos

More information

Café Soylent Green Chapter 1

Café 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 information

Managing Your Sites. If you ve built one or two Web sites in the past, you ll likely agree that file. What Is a Local Root Folder?

Managing Your Sites. If you ve built one or two Web sites in the past, you ll likely agree that file. What Is a Local Root Folder? 3 Managing Your Sites What Is a Local Root Folder? 31 Defining a Site 32 Understanding Relative and Absolute URLs 37 Observing Links to Relative and Absolute URLs 38 Managing Files and Folders 40 Understanding

More information

Piktochart 101 Create your first infographic in 15 minutes

Piktochart 101 Create your first infographic in 15 minutes Piktochart 101 Create your first infographic in 15 minutes TABLE OF CONTENTS 01 Getting Started 5 Steps to Creating Your First Infographic in 15 Minutes 1.1 Pick a Template 1.2 Click Create and Start Adding

More information

DREAMWEAVER QUICK START TABLE OF CONTENT

DREAMWEAVER 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 information

Want to add cool effects like rollovers and pop-up windows?

Want to add cool effects like rollovers and pop-up windows? Chapter 10 Adding Interactivity with Behaviors In This Chapter Adding behaviors to your Web page Creating image rollovers Using the Swap Image behavior Launching a new browser window Editing your behaviors

More information

DESIGN YOUR OWN BUSINESS CARDS

DESIGN YOUR OWN BUSINESS CARDS DESIGN YOUR OWN BUSINESS CARDS USING VISTA PRINT FREE CARDS I m sure we ve all seen and probably bought the free business cards from Vista print by now. What most people don t realize is that you can customize

More information

Dreamweaver is a full-featured Web application

Dreamweaver 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 information

Text Only Version of Lessons

Text Only Version of Lessons Text Only Version of Lessons Introduction to Lessons Did you realize that creating web page is not much harder than creating word documents? Contrary to what you may believe, you do not need to know HTML,

More information

PowerPoint Basics: Create a Photo Slide Show

PowerPoint Basics: Create a Photo Slide Show PowerPoint Basics: Create a Photo Slide Show P 570 / 1 Here s an Enjoyable Way to Learn How to Use Microsoft PowerPoint Microsoft PowerPoint is a program included with all versions of Microsoft Office.

More information

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.

Figure 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 information

How to lay out a web page with CSS

How 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 information

Starting Microsoft FrontPage 2003

Starting Microsoft FrontPage 2003 Creating a Web Page and Web Site Using Microsoft FrontPage 2003 Starting Microsoft FrontPage 2003 In this tutorial we ll first create a single web page using Microsoft FrontPage 2003. Then, we ll create

More information

Introduction to Dreamweaver

Introduction 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 information

DIRECTV Message Board

DIRECTV Message Board DIRECTV Message Board DIRECTV Message Board is an exciting new product for commercial customers. It is being shown at DIRECTV Revolution 2012 for the first time, but the Solid Signal team were lucky enough

More information

Adobe Dreamweaver CC 17 Tutorial

Adobe 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 information

Café Soylent Green Chapters 4

Café 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 information

Moodle Student Introduction

Moodle Student Introduction Moodle Student Introduction City College Plymouth has chosen Moodle 1 as its Managed Learning Environment (MLE) to help support your learning, whatever course you are studying. Moodle courses are created

More information

Touring the Mac. S e s s i o n 3 : U S E A N APPLICATION

Touring the Mac. S e s s i o n 3 : U S E A N APPLICATION Touring the Mac S e s s i o n 3 : U S E A N APPLICATION Touring_the_Mac_Session-3_Jan-25-2011 1 This session covers opening an application and typing a document using the TextEdit application which is

More information

Arduino IDE Friday, 26 October 2018

Arduino IDE Friday, 26 October 2018 Arduino IDE Friday, 26 October 2018 12:38 PM Looking Under The Hood Of The Arduino IDE FIND THE ARDUINO IDE DOWNLOAD First, jump on the internet with your favorite browser, and navigate to www.arduino.cc.

More information

About Freeway. Freeway s Tools and Palettes

About 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 information

MainBoss 4.2 Installation and Administration

MainBoss 4.2 Installation and Administration MainBoss 4.2 Installation and Administration Copyright 2018, Thinkage Ltd. Revision 72 Permission granted to reproduce and/or translate all or part of this document provided that Thinkage s copyright notice

More information

CONVERSION TRACKING PIXEL GUIDE

CONVERSION TRACKING PIXEL GUIDE Conversion Tracking Pixel Guide A Step By Step Guide to Installing a conversion tracking pixel for your next Facebook ad. Go beyond clicks, and know who s converting. PRESENTED BY JULIE LOWE OF SOCIALLY

More information

Laboratory 1: Eclipse and Karel the Robot

Laboratory 1: Eclipse and Karel the Robot Math 121: Introduction to Computing Handout #2 Laboratory 1: Eclipse and Karel the Robot Your first laboratory task is to use the Eclipse IDE framework ( integrated development environment, and the d also

More information

ONLINE FUND RAISING: A STEP-BY-STEP GUIDE

ONLINE FUND RAISING: A STEP-BY-STEP GUIDE ONLINE FUND RAISING: A STEP-BY-STEP GUIDE All registered riders are encouraged to take advantage of Tour s user-friendly online tools to help meet their fundraising goals. You don t need to be a computer

More information

Microsoft FrontPage 2002 Tutorial. Contents

Microsoft FrontPage 2002 Tutorial. Contents Microsoft FrontPage 2002 Tutorial Contents Introduction... 1 Before You Begin... 2 Overview... 2 If you have Web server software installed... 2 FrontPage and Microsoft Internet Explorer... 3 If you are

More information

AppleWorks 5 Installation Manual. Includes information about new features FOR MAC OS

AppleWorks 5 Installation Manual. Includes information about new features FOR MAC OS apple AppleWorks 5 Installation Manual Includes information about new features FOR MAC OS K Apple Computer, Inc. 1998 Apple Computer, Inc. All rights reserved. Under the copyright laws, this manual may

More information

Creating Classroom Websites Using Contribute By Macromedia

Creating Classroom Websites Using Contribute By Macromedia Creating Classroom Websites Using Contribute By Macromedia Revised: 10/7/05 Creating Classroom Websites Page 1 of 22 Table of Contents Getting Started Creating a Connection to your Server Space.. Page

More information

What Are CSS and DHTML?

What Are CSS and DHTML? 6/14/01 10:31 AM Page 1 1 What Are CSS and DHTML? c h a p t e r ch01.qxd IN THIS CHAPTER What Is CSS? What Is DHTML? DHTML vs. Flash Browser Hell What You Need to Know Already Welcome to the world of CSS

More information

Password & Tutorials Packet

Password & Tutorials Packet & Tutorials Packet Print, staple, and use this & Tutorials Packet Sign up for Secure Backup Service: visit rowleyservices.com for a free trial & setup info Follow attached: Check iphone Camera Settings

More information

Dreamweaver MX 2004 Introduction

Dreamweaver MX 2004 Introduction Dreamweaver MX 2004 Introduction A Workshop for San Diego State University Faculty and Staff 2004. San Diego State University. All Rights Reserved Sponsored by Academic Affairs Where to Find Help When

More information

Café Soylent Green Chapter 12

Café 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 information

Burning CDs in Windows XP

Burning CDs in Windows XP B 770 / 1 Make CD Burning a Breeze with Windows XP's Built-in Tools If your PC is equipped with a rewritable CD drive you ve almost certainly got some specialised software for copying files to CDs. If

More information

Installing Dolphin on Your PC

Installing Dolphin on Your PC Installing Dolphin on Your PC Note: When installing Dolphin as a test platform on the PC there are a few things you can overlook. Thus, this installation guide won t help you with installing Dolphin on

More information

HAPPY HOLIDAYS PHOTO BORDER

HAPPY HOLIDAYS PHOTO BORDER HAPPY HOLIDAYS PHOTO BORDER In this Photoshop tutorial, we ll learn how to create a simple and fun Happy Holidays winter photo border! Photoshop ships with some great snowflake shapes that we can use in

More information

Using Dreamweaver CS6

Using Dreamweaver CS6 3 Now that you should know some basic HTML, it s time to get in to using the general editing features of Dreamweaver. In this section we ll create a basic website for a small business. We ll start by looking

More information

Assignment 0. Nothing here to hand in

Assignment 0. Nothing here to hand in Assignment 0 Nothing here to hand in The questions here have solutions attached. Follow the solutions to see what to do, if you cannot otherwise guess. Though there is nothing here to hand in, it is very

More information

JiFile. Documentation and PDF Optimization Manual. By Matthias Kleespies, Germany germanclimateblog.com principia-scientific.org

JiFile. Documentation and PDF Optimization Manual. By Matthias Kleespies, Germany germanclimateblog.com principia-scientific.org JiFile Documentation and PDF Optimization Manual By Matthias Kleespies, Germany germanclimateblog.com principia-scientific.org Preface: JiFile is a very powerful and versatile indexing and search software

More information

Dreamweaver Handout. University of Connecticut Prof. Kent Golden

Dreamweaver 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 information

Optimal Browser Settings Disable File Caching:

Optimal Browser Settings Disable File Caching: Optimal Browser Settings Disable File Caching: ICE Health Systems recommends that you disable any type of file caching in your internet browser, to avoid issues with storing older versions of documents

More information

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production

Dreamweaver 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

15 Minute Traffic Formula. Contents HOW TO GET MORE TRAFFIC IN 15 MINUTES WITH SEO... 3

15 Minute Traffic Formula. Contents HOW TO GET MORE TRAFFIC IN 15 MINUTES WITH SEO... 3 Contents HOW TO GET MORE TRAFFIC IN 15 MINUTES WITH SEO... 3 HOW TO TURN YOUR OLD, RUSTY BLOG POSTS INTO A PASSIVE TRAFFIC SYSTEM... 4 HOW I USED THE GOOGLE KEYWORD PLANNER TO GET 11,908 NEW READERS TO

More information