PERSONAL WEBSITE DEVELOPMENT 101. Brought to you by the UB Graduate Student Association webmasters: Holly Keily & John Beverley

Size: px
Start display at page:

Download "PERSONAL WEBSITE DEVELOPMENT 101. Brought to you by the UB Graduate Student Association webmasters: Holly Keily & John Beverley"

Transcription

1 PERSONAL WEBSITE DEVELOPMENT 101 Brought to you by the UB Graduate Student Association webmasters: Holly Keily & John Beverley

2 THE BIG PICTURE You need a WEBSITE And we are here to help you build one You need a HOST And UB provides a reliable host You don t need to spend a lot of time worrying about either

3 UB FILE SPACE Let s start with your file space You have allocated space on UB s cloud system! ( You can upload/download files to your file space from several campus computer centers You can also upload/download files offcampus, but it requires a secure connection and Filezilla, Fetch, or similar program. We ll talk a bit about this later.

4 USEFULNESS OF FILE SPACE Uploading to Ubfs allows for greater access (via different devices wherever there is an internet connection) to your files! No forgetting a USB drive at home for you! You have some folders already: Windows Ubunix Public_html this will be the focus of our discussion today

5 WHERE DOES IT ALL GO? Just to give you an idea of where we re headed, let s assume you have a website Where will it go? Public_html folder 250,000 kb allocated (you may request more) Works with html files only *make sure to remove everything after you graduate, because it will be deleted after 6 months *

6 STEP 1: ACTIVATE! You need to activate your webspace so the outside world can view your website, follow the link with us:

7

8 STEP 2: LET S ACCESS YOUR UBFS! You need a file transfer application to access your file space. The following applications are available online for free: Windows: Filezilla / WinSCP Macintosh: Fetch / Cyberduck

9 STEP 3: ON CAMPUS OR OFF? On campus: UB Secure Off campus: UB Anyconnect

10 STEP 4: PUTTING STEPS TOGETHER In your favorite ftp application, access Ubfs with your UBIT name, password, host: Server: ubunix.buffalo.edu Username: UBITname Connection type: SFTP Port: 22 Now look at that, public_html just like we expected

11 sftp://ubunix.buffalo.edu

12

13 STEP 5: BUILDING A WEBSITE We need a website to upload! We will be using Coffee Cup, a free* html/css editing application There are many other editors and builders available, we include a few better-known ones on the handout Coffee Cup requires no signup and is known as a WYSIWYG editor what you see is what you get Basically, you get to watch yourself edit!

14

15 GETTING STARTED WITH COFFEE CUP We ll be working with a simple template today Html templates can be found all over the web, we ll be using a simple default template from coffee cup Starting a new project with this theme populates the majority of the web design (easier for you!)

16

17

18

19

20 WEB TEXT DESIGN Constructing an html page is basically like writing a paper (i.e. it s a bunch a text files) We re going to make an index.html page with a built-in theme Then we ll make some changes to the template!

21 Select File->New From Theme Layout, to get started

22 We ll be working with HTML5 Layout, One Column Fixed

23 Notice that index.html populated automatically in your project file

24 Now press F12 (or toggle in the View menu) to activate Split-Screen

25 Now you can click on the piece you d like to edit in the bottom screen and the program will highlight the code you need to look at:

26 GENERAL HTML TIPS HTML information is always between two HTML tags Always make sure you ve got an opening and a close: <p> </p> There are a couple ways to make HTML comments: /* Header */ <!-- Left Menu Code --> If you want a link to open in a new tab, you need to tell that to the code: <a href= " p?comicid=905", target=new>because my work is important</a>

27 ADDING LINKS! There are two main types of links: external links and internal links If you click on an external link you are taken away from your website If you click on an internal link you are taken to some other place on your website (folder, another page, etc.) Let s start by adding an external link, we ll discuss internal links later when we add pages

28 Find a website you like, copy the web address, then select Insert

29

30 Name the link; paste the web address you ve copied beside URL

31 ADDING IMAGES Here we ll walk through adding an image in Coffee Cup Just find a file on your local computer Then manipulate the image until you are satisfied

32

33

34

35 When prompted, make sure to copy the file to your website project!

36

37 The image file should show up with your index.html file

38 WRAPPING TEXT AROUND AN IMAGE Check out the location of the image. Maybe we want the text to wrap around the image? Let s try add the image again and pay attention to the align option in the uploading window

39

40 ADDING A PAGE.OR SIX Let s add a new page with the Quick Start option under File Provide a name for your new page and select OK Now, to extend the template, let s copy the code from the previous page, and paste it on the new page

41

42 Hold Control and press A on your keyboard to select all, then press C to copy the text

43 Now move to the next other tab, hold Control again and press A once more. Now, hold Control once more, and press V to paste the code

44 BACK TO LINKS! Now we need to make sure the first page can see the new page we just created That means we need to add a link somewhere on the first page that takes viewers who click on it, to the new page (recall, this is an internal link)

45 Select Insert->Link, give the link text a name, then select the page from your project space (you should see all the files you ve created in the same project space)

46 The link will populate in the code and in the page below

47 ADDING PDFS OR OTHER TEXT CONTENT Now that we have extended the template, there is quite a few changes we imagine you would like to make Let s add a document to the page below Content Goes Here We must first add the document to your project workspace, then we can add a link in the workspace to the document

48 Select My Computer, locate the file (look at the bottom left window), then right-click and select Copy File to Website Project

49 Check that the file was copied to the correct place, it should be in your project folder

50 Now find a place for the link on the first page, select Insert->Link, and give it a name

51 Select the file icon next to URL and then locate your CV

52 We can see the result, Curriculum Vitae below

53 STEP 6: UPLOAD YOUR PAGE TO UBFS Now, let s get this toy site on your file space! Don t worry that we haven t filled out the pages with correct content yet, we ll be back to handle that Open Filezilla or Fetch and use your UB login information to access your file space (follow the handout!)

54 Locate your CoffeeCup Software Projects folder on your computer. Your saved Project files should be there!

55 Select the project files you ve been playing with (all the files in the folder with your Project s title) and then drag/drop them to your public_html

56 STEP 7: TESTING! The transfer will take a moment, but when completed, let s test it out! Open up your browser and type in the following information: This is the link to your website!

57 Check it out (and make sure the links work!)

58 STEP 8: MAKING CHANGES Of course, this is likely not the site you want to represent you! Let s make some changes in Coffee Cup Pop Quiz Time: Change text, images, and the color scheme of the template (Holly and John will walk around and help) Now, let s upload the new pages to your space again We ve included an example for guidance

59 Example change: open Coffee Cup, then alter some text

60 Be sure to Save the changes!!!!!

61 Back in Filezilla, select the newly saved html file, and move it to your UB file space just like before. You will be prompted to overwrite, go ahead and select OK

62 Check if the changes were saved in your browser by refreshing

63 SOME OTHER BUILDERS Coffee Cup is easy to use, but you may want something more from your website builder Kompozer is another free easy to use html editor, and is highly regarded for its simplicity, and enormous online support community Adobe Dreamweaver is the industry standard for html editors, with full drag and drop capabilities so you can avoid even having to look at code. It s not free though, with current versions around $300

64 SAMPLE SITE FOR GUIDANCE We re done with the basics, but let s check out a good site to give you an idea of what you can do! Let s look at some of the more awesome features of Holly s website, hosted on her UBfs: Streamlined design Information and links to information readily available Downloadable content easy to access Photograph to let readers know who they re reading about

65 Streamlined design, no frills or distracting images

66 Information and links are readily available (and working!)

67 Downloadable content easy to access

68 Photograph to let readers know who they re reading about

69 Q&A And that s about it. Now get started mastering your file space! Also, Any Questions?

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

More information

Personal Portfolios on Blackboard

Personal Portfolios on Blackboard Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal

More information

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) In this project, you will learn the web publishing skills you need to: Plan a website Define a

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Dreamweaver CS6 Basics

Dreamweaver CS6 Basics Dreamweaver CS6 Basics Learn the basics of building an HTML document using Adobe Dreamweaver by creating a new page and inserting common HTML elements using the WYSIWYG interface. EdShare EdShare is a

More information

UF Health SharePoint 2010 Introduction to Content Administration

UF Health SharePoint 2010 Introduction to Content Administration UF Health SharePoint 2010 Introduction to Content Administration Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Last Updated 2/7/2014 Introduction to SharePoint 2010 2.0 Hours

More information

Using Microsoft Azure for Students

Using Microsoft Azure for Students Using Microsoft Azure for Students Dive into Azure through Microsoft Imagine s free new offer and learn how to develop and deploy to the cloud, at no cost! To take advantage of Microsoft s cloud development

More information

Using LCC s media web server to store files

Using LCC s media web server to store files Using LCC s media web server to store files Information Technology What is it? Lane s media server is a web repository for instructors to make electronic materials available via the web. Although it s

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

More information

SFTP Server User Login Instructions. Open Internet explorer and enter the following url: https://sftp.sae.org

SFTP Server User Login Instructions. Open Internet explorer and enter the following url: https://sftp.sae.org SFTP Server User Login Instructions Open Internet explorer and enter the following url: https://sftp.sae.org You will be prompted for a user id and password as such. Please enter your account id and password.

More information

Intro to Web Development

Intro to Web Development Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing

More information

Content Management System Help. basic tutorial on Evergreen s CMS

Content Management System Help. basic tutorial on Evergreen s CMS Content Management System Help cms.evergreen.edu Tips, tricks and basic tutorial on Evergreen s CMS Contents Vocabulary Login Opening a page Editing a page Creating a new page Inserting internal and external

More information

FTP SETUP USING FIREFTP(FIREFOX)

FTP SETUP USING FIREFTP(FIREFOX) Web Services FTP SETUP USING FIREFTP(FIREFOX) Web Client Access If you already have a TMCC faculty website hosting account set up, please read the following information on how to access your account using

More information

Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you

Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you can download a trial version at http://www.microsoft.com/enus/download/details.aspx?id=7764.

More information

Setting Up a Dreamweaver Site Definition for OIT s Web Hosting Server

Setting Up a Dreamweaver Site Definition for OIT s Web Hosting Server page of 4 oit UMass Office of Information Technologies Setting Up a Dreamweaver Site Definition for OIT s Web Hosting Server This includes Web sites on: https://webadmin.oit.umass.edu/~user http://people.umass.edu/

More information

Adobe Dreamweaver - Basic Web Page Tutorial

Adobe Dreamweaver - Basic Web Page Tutorial Adobe Dreamweaver - Basic Web Page Tutorial Window Elements While Dreamweaver can look very intimidating when it is first launched it is an easy program. Dreamweaver knows that your files must be organized

More information

How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)

How To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer) ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn

More information

Using Internet or Windows Explorer to Upload Your Site

Using Internet or Windows Explorer to Upload Your Site Using Internet or Windows Explorer to Upload Your Site This article briefly describes what an FTP client is and how to use Internet Explorer or Windows Explorer to upload your Web site to your hosting

More information

Unbranded Partner Site Customization Guide

Unbranded Partner Site Customization Guide Unbranded Partner Site Customization Guide Contents 3 Hi There! 4 Customization Checklist 5 Site Overview 8 What You Need 9 How to use Triangle 13 Site Structure 15 Customization 2 Hi There! Congratulations

More information

So you want to create an Email a Friend action

So you want to create an Email a Friend action So you want to create an Email a Friend action This help file will take you through all the steps on how to create a simple and effective email a friend action. It doesn t cover the advanced features;

More information

Install FileZilla Client. Connecting to an FTP server

Install FileZilla Client. Connecting to an FTP server Install FileZilla Client Secure FTP is Middle Georgia State College s supported sftp client for accessing your Web folder on Webdav howeve you may use FileZilla or other FTP clients so long as they support

More information

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)

More information

Creating Your Personal Website

Creating Your Personal Website Creating Your Personal Website These instructions will show you how to create a personal webpage for CSULB students using Dreamweaver MX 2004. The page will consist of a title, background image, text,

More information

How to Build a SharePoint Website

How to Build a SharePoint Website How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables

More information

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Chapter 14: Links. Types of Links. 1 Chapter 14: Links 1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and

More information

Making a Web Page with Microsoft Publisher 2003

Making a Web Page with Microsoft Publisher 2003 Making a Web Page with Microsoft Publisher 2003 The first thing to consider when making a Web page or a Web site is the architecture of the site. How many pages will you have and how will they link to

More information

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators Version 1.0 Last Updated on 15 th October 2011 Table of Contents Introduction... 3 File Manager... 5 Site Log...

More information

Chapter 15: Forms. User Guide. 1 P a g e

Chapter 15: Forms. User Guide. 1 P a g e User Guide Chapter 15 Forms Engine 1 P a g e Table of Contents Introduction... 3 Form Building Basics... 4 1) About Form Templates... 4 2) About Form Instances... 4 Key Information... 4 Accessing the Form

More information

Getting Started with KompoZer

Getting Started with KompoZer Getting Started with KompoZer Contents Web Publishing with KompoZer... 1 Objectives... 1 UNIX computer account... 1 Resources for learning more about WWW and HTML... 1 Introduction... 2 Publishing files

More information

Introduction to Macromedia Dreamweaver MX

Introduction to Macromedia Dreamweaver MX Introduction to Macromedia Dreamweaver MX Macromedia Dreamweaver MX is a comprehensive tool for developing and maintaining web pages. This document will take you through the basics of starting Dreamweaver

More information

Quick Start Guide. Hosting Your Domain

Quick Start Guide. Hosting Your Domain Quick Start Guide Hosting Your Domain http://www.names.co.uk/support/ Table of Contents Web Hosting... 3 FTP (File Transfer Protocol)... 3 File Manager... 6 SiteMaker... 7 2 Please keep these documents

More information

Creating a Website with MS Publisher

Creating a Website with MS Publisher Creating a Website with MS Publisher Getting Started with the Wizard...1 Editing the Home Page...3 Editing Text...3 Editing and Inserting Graphics...4 Inserting Pictures...6 Inserting a Table...6 Inserting

More information

DREAMWEAVER BASICS. A guide to updating Faculty websites Created by the Advancement & Marketing Unit

DREAMWEAVER BASICS. A guide to updating Faculty websites Created by the Advancement & Marketing Unit DREAMWEAVER BASICS A guide to updating Faculty websites Created by the Advancement & Marketing Unit Table of content Tip: Click on the links below to go straight to the desired section The W (Web Services)

More information

MiraCosta College now offers two ways to access your student virtual desktop.

MiraCosta College now offers two ways to access your student virtual desktop. MiraCosta College now offers two ways to access your student virtual desktop. We now feature the new VMware Horizon View HTML access option available from https://view.miracosta.edu. MiraCosta recommends

More information

Intellect Platform - Tables and Templates Basic Document Management System - A101

Intellect Platform - Tables and Templates Basic Document Management System - A101 Intellect Platform - Tables and Templates Basic Document Management System - A101 Interneer, Inc. 4/12/2010 Created by Erika Keresztyen 2 Tables and Templates - A101 - Basic Document Management System

More information

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy USER GUIDE Unit 2: Synergy Chapter 2: Using Schoolwires Synergy Schoolwires Synergy & Assist Version 2.0 TABLE OF CONTENTS Introductions... 1 Audience... 1 Objectives... 1 Before You Begin... 1 Getting

More information

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE DREAMWEAVER CS3 TUTORIAL ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO

More information

Creating a Website with Publisher 2013

Creating a Website with Publisher 2013 Creating a Website with Publisher 2013 University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2015 KSU Division of University Information Technology

More information

Creating a Web Site with Publisher 2010

Creating a Web Site with Publisher 2010 Creating a Web Site with Publisher 2010 Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This document may be

More information

Using JCPS Online for Websites

Using JCPS Online for Websites Getting Started Before you begin, an Online Group must be created for you. Send an email requesting the group along with the username of anyone you want added as an editor to mike.broderick@jefferson.kyschools.us.

More information

CMS Training. Prepared for the Nature Conservancy. March 2012

CMS Training. Prepared for the Nature Conservancy. March 2012 CMS Training Prepared for the Nature Conservancy March 2012 Session Objectives... 3 Structure and General Functionality... 4 Section Objectives... 4 Six Advantages of using CMS... 4 Basic navigation...

More information

Quick Reference Guide

Quick Reference Guide Simplified Web Interface for Teachers Quick Reference Guide Online Development Center Site Profile 5 These fields will be pre-populated with your information { 1 2 3 4 Key 1) Website Title: Enter the name

More information

CAS CLOUD WEB USER GUIDE. UAB College of Arts and Science Cloud Storage Service

CAS CLOUD WEB USER GUIDE. UAB College of Arts and Science Cloud Storage Service CAS CLOUD WEB USER GUIDE UAB College of Arts and Science Cloud Storage Service Windows Version, April 2014 Table of Contents Introduction... 1 UAB Software Policies... 1 System Requirements... 2 Supported

More information

ClickView Digital Signage User Manual

ClickView Digital Signage User Manual ClickView Digital Signage User Manual Table of Contents 1. What is ClickView Digital Signage?... 3 2. Where do I find ClickView Digital Signage?... 3 2.1. To find ClickView Digital Signage... 3 3. How

More information

Setting Up Dreamweaver for FTP and Site Management

Setting Up Dreamweaver for FTP and Site Management 518 442-3608 Setting Up Dreamweaver for FTP and Site Management This document explains how to set up Dreamweaver CS5.5 so that you can transfer your files to a hosting server. The information is applicable

More information

(These instructions are only meant to get you started. They do not include advanced features.)

(These instructions are only meant to get you started. They do not include advanced features.) FrontPage XP/2003 HOW DO I GET STARTED CREATING A WEB PAGE? Previously, the process of creating a page on the World Wide Web was complicated. Hypertext Markup Language (HTML) is a relatively simple computer

More information

GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website

GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website GEOGRAPHY 351: MULTIMEDIA CARTOGRAPHY FALL 2013 SFU 1 GEOG 351: Multimedia Cartography Lab Simon Fraser University Department of Geography Lab #1: Creating your own website Instructor Britta Ricker bricker@sfu.ca

More information

You can make your own layout / theme for your PowerPoint project.

You can make your own layout / theme for your PowerPoint project. About the PowerPoint Intermediate Workshop The purpose of the PowerPoint Intermediate workshop is to inform users more about the design aspect of making presentations. We will build on the skills learned

More information

Kentico Content Management System (CMS

Kentico Content Management System (CMS Kentico Content Management System (CMS Table of Contents I. Introduction... 1 II. Log into a Kentico CMS Desk to Edit GC Website... 1 A. Select a Browser (Internet Explorer or Firefox only)... 1 B. Login

More information

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title PORT JERVIS CENTRAL SCHOOL

More information

Sage Accountants Business Cloud EasyEditor Quick Start Guide

Sage Accountants Business Cloud EasyEditor Quick Start Guide Sage Accountants Business Cloud EasyEditor Quick Start Guide VERSION 1.0 September 2013 Contents Introduction 3 Overview of the interface 4 Working with elements 6 Adding and moving elements 7 Resizing

More information

WordPress websites themes and configuration user s guide v. 1.6

WordPress websites themes and configuration user s guide v. 1.6 WordPress websites themes and configuration user s guide v. 1.6 Congratulations on your new website! Northeastern has developed two WordPress themes that are flexible, customizable, and designed to work

More information

File Transfer With Win_SCP (on campus)

File Transfer With Win_SCP (on campus) File Transfer With Win_SCP (on campus) In order to transfer files from your local computer (the one you re working on now) to the server (your Web Space or P:/ drive, etc.) you need to complete the File

More information

SiteBuilder 2.1 Manual

SiteBuilder 2.1 Manual SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can

More information

Sentral servers provide a wide range of services to school networks.

Sentral servers provide a wide range of services to school networks. Wazza s QuickStart Publishing iweb Sites to a Sentral Server Background Mac OS X, Sentral, iweb 09 Sentral servers provide a wide range of services to school networks. A Sentral server provides a publishing

More information

Synthesis Migration Guide

Synthesis Migration Guide Synthesis Migration Guide The purpose of this guide is to provide you with simple step- by- step instructions for migrating your WordPress website from its current hosting to a premium managed Synthesis

More information

Page1. Tera Doty-Blance http://library.cortland.edu/ttc/training_center.asp

Page1. Tera Doty-Blance http://library.cortland.edu/ttc/training_center.asp Page1 Contents Setting Up a Student Web Account on the SUNY Cortland Web Server... 2 Opening the iweb Application and Choosing a Template... 3 Publishing Your iweb site to Student Web... 5 Creating a Copy

More information

SharePoint 2010. Rollins College 2011

SharePoint 2010. Rollins College 2011 SharePoint 2010 Rollins College 2011 1 2 Contents Overview... 5 Accessing SharePoint... 6 Departmental Site - User Interface... 7 Permissions... 8 Site Actions: Site Administrator... 8 Site Actions: General

More information

Step by Step. Use the Cloud Login Website

Step by Step. Use the Cloud Login Website Step by Step HOW TO Use the Cloud Login Website This How To article will show you how to use the Cloud Login Website to upload and download your files from the cloud. For a complete list of available How

More information

USC Aiken CMS Manual. A manual on using the basic functions of the dotcms system. Office of Marketing and Community Relations-USC Aiken

USC Aiken CMS Manual. A manual on using the basic functions of the dotcms system. Office of Marketing and Community Relations-USC Aiken USC Aiken CMS Manual A manual on using the basic functions of the dotcms system Office of Marketing and Community Relations-USC Aiken Table Of Contents Introduction/How to Use Manual... 2 Logging In...

More information

Creating Your Teacher Website using WEEBLY.COM

Creating Your Teacher Website using WEEBLY.COM Creating Your Teacher Website using WEEBLY.COM Gilbert, Akiba Maynard Jackson High School Creating Your Teacher Website Using WEEBLY.COM In this tutorial, we will learn how to build a simple FOUR PAGE

More information

How to create an email template

How to create an email template How to create an email template Templates are created the same way as you would for any other content page for an html or text email. By checking the box next to the Name this Content field on the Create

More information

PORTAL ADMINISTRATION

PORTAL ADMINISTRATION 1 Portal Administration User s Guide PORTAL ADMINISTRATION GUIDE Page 1 2 Portal Administration User s Guide Table of Contents Introduction...5 Core Portal Framework Concepts...5 Key Items...5 Layouts...5

More information

THE PLAN FOR TODAY. Welcome to Camp Tech!

THE PLAN FOR TODAY. Welcome to Camp Tech! CAMPTECH.CA THE PLAN FOR TODAY 1. What s the Internet? What s a website? 2. WordPress basics What is WordPress? WordPress.org vs WordPress.com Installing WordPress 3. Add your content Posts, pages, menus,

More information

CEFNS Web Hosting a Guide for CS212

CEFNS Web Hosting a Guide for CS212 CEFNS Web Hosting a Guide for CS212 INTRODUCTION: TOOLS: In CS212, you will be learning the basics of web development. Therefore, you want to keep your tools to a minimum so that you understand how things

More information

Basic Web Development @ Fullerton College

Basic Web Development @ Fullerton College Basic Web Development @ Fullerton College Introduction FC Net Accounts Obtaining Web Space Accessing your web space using MS FrontPage Accessing your web space using Macromedia Dreamweaver Accessing your

More information

Strategic Information Reporting Initiative (SIRI) User Guide for Student Dashboard

Strategic Information Reporting Initiative (SIRI) User Guide for Student Dashboard Strategic Information Reporting Initiative (SIRI) User Guide for Student Dashboard Table of Contents I. Signing into SIRI... 3 A. Logging on... 3 B. Accessing SIRI off campus... 4 C. Questions... 4 II.

More information

Disabling Microsoft SharePoint in order to install the OneDrive for Business Client

Disabling Microsoft SharePoint in order to install the OneDrive for Business Client Disabling Microsoft SharePoint in order to install the OneDrive for Business Client If you try to setup and sync your OneDrive online documents with the client software and Microsoft SharePoint opens,

More information

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1 UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

Making a Website with Hoolahoop

Making a Website with Hoolahoop Making a Website with Hoolahoop 1) Open up your web browser and goto www.wgss.ca/admin (wgss.hoolahoop.net temporarily) and login your the username and password. (wgss.ca is for teachers ONLY, you cannot

More information

DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site

DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site Page 1 of 22 DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site Before you create your Web site, ask yourself these questions: What do I want the site to do? Whom do I want to visit

More information

Hypercosm. Studio. www.hypercosm.com

Hypercosm. Studio. www.hypercosm.com Hypercosm Studio www.hypercosm.com Hypercosm Studio Guide 3 Revision: November 2005 Copyright 2005 Hypercosm LLC All rights reserved. Hypercosm, OMAR, Hypercosm 3D Player, and Hypercosm Studio are trademarks

More information

MailChimp Instruction Manual

MailChimp Instruction Manual MailChimp Instruction Manual Spike HQ This manual contains instructions on how to set up a new email campaign, add and remove contacts and view statistics on completed email campaigns from within MailChimp.

More information

Basic Website Creation. General Information about Websites

Basic Website Creation. General Information about Websites Basic Website Creation General Information about Websites Before you start creating your website you should get a general understanding of how the Internet works. This will help you understand what goes

More information

Build Your Mailing List

Build Your Mailing List Introduction MailChimp makes it fun and easy to send email newsletters, manage subscriber lists and track newsletter performance, but what does that have to do with you? Why should churches be concerned

More information

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title CANAJOHARIE CENTRAL SCHOOL

More information

Getting Started with Web Hosting at TechServ

Getting Started with Web Hosting at TechServ Getting Started with Web Hosting at TechServ 1/19/2011 http://www.dusers.drexel.edu/techserv/ CollegiateLink: TechServ techserv@drexel.edu Thank you for your interest in TechServ s Web and File Hosting

More information

TABLE OF CONTENTS SURUDESIGNER YEARBOOK TUTORIAL. IMPORTANT: How to search this Tutorial for the exact topic you need.

TABLE OF CONTENTS SURUDESIGNER YEARBOOK TUTORIAL. IMPORTANT: How to search this Tutorial for the exact topic you need. SURUDESIGNER YEARBOOK TUTORIAL TABLE OF CONTENTS INTRODUCTION Download, Layout, Getting Started... p. 1-5 COVER/FRONT PAGE Text, Text Editing, Adding Images, Background... p. 6-11 CLASS PAGE Layout, Photo

More information

Accessing Personal Web Folders Macon State College

Accessing Personal Web Folders Macon State College Accessing Personal Web Folders Macon State College 1. Download and Install Secure FTP Secure FTP is M State College s supported sftp client for accessing your Web folder on Webdav. You may use other FTP

More information

HOW TO CONNECT TO FTP.TARGETANALYSIS.COM USING FILEZILLA. Installation

HOW TO CONNECT TO FTP.TARGETANALYSIS.COM USING FILEZILLA. Installation HOW TO CONNECT TO FTP.TARGETANALYSIS.COM USING FILEZILLA Note: These instructions direct you to download a free secure FTP client called FileZilla. If you already use a secure client such as WS-FTP Pro

More information

Lab 1: Create a Personal Homepage

Lab 1: Create a Personal Homepage Objectives: Lab 1: Create a Personal Homepage Understand the basics of HTML Create a personal website, if you do not have one Learn how to submit your assignments Preparation 1. Create a folder with the

More information

MAILCHIMP INTEGRATION:

MAILCHIMP INTEGRATION: MAILCHIMP INTEGRATION: THE BASICS Our integration with MailChimp s powerful email suite makes contacting your fans and ticket buyers easier than ever before! STEP-BY-STEP INTEGRATION 1 If you re not already

More information

Email Marketing Product User s Guide Advanced Internet Technologies, Inc. AIT Center June 1, 2004

Email Marketing Product User s Guide Advanced Internet Technologies, Inc. AIT Center June 1, 2004 Email Marketing Product User s Guide Advanced Internet Technologies, Inc. AIT Center June 1, 2004 Search All Your Favorite Engines from a Single Source with tybit!!! (Download Now) Revision History: This

More information

Introduction to cpanel

Introduction to cpanel Introduction to cpanel Thank you for hosting your domain with Sierra Tel Internet. In order to provide modern and efficient service, we are housing your website s files on a server running the Linux operating

More information

Mail Chimp Basics. Glossary

Mail Chimp Basics. Glossary Mail Chimp Basics Mail Chimp is a web-based application that allows you to create newsletters and send them to others via email. While there are higher-level versions of Mail Chimp, the basic application

More information

Publishing a Website. That Nam Tran Ton

Publishing a Website. That Nam Tran Ton Publishing a Website on the UH Web Server That Nam Tran Ton Last updated: 05/2008 Overview These instructions are structured as follows: 1. Overview 2. Requirements before publishing a website 3. Directions

More information

Quick Start Guide. Installation and Setup

Quick Start Guide. Installation and Setup Quick Start Guide Installation and Setup Introduction Velaro s live help and survey management system provides an exciting new way to engage your customers and website visitors. While adding any new technology

More information

SITE MANAGEMENT INTRODUCTION DEFINING A SITE

SITE MANAGEMENT INTRODUCTION DEFINING A SITE SITE MANAGEMENT INTRODUCTION Those of you who have already built Web pages will likely agree that file management is one of the biggest challenges of this medium. By file management, I mean the organization,

More information

How to Setup and Connect to an FTP Server Using FileZilla. Part I: Setting up the server

How to Setup and Connect to an FTP Server Using FileZilla. Part I: Setting up the server How to Setup and Connect to an FTP Server Using FileZilla The ability to store data on a server and being able to access the data from anywhere in the world has allowed us to get rid of external flash

More information

Creating a Website with Google Sites

Creating a Website with Google Sites Creating a Website with Google Sites This document provides instructions for creating and publishing a website with Google Sites. At no charge, Google Sites allows you to create a website for various uses,

More information

Faculty Web Site with WCM

Faculty Web Site with WCM Faculty Web Site with WCM WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 FACULTY WEB SITE WITH WCM... 2 Introduction 2 Getting Started 3 Understanding the Template 4 The WCM Layout

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

MiniBase. Custom View Tips & Tricks. Schoolwires Centricity 2.0

MiniBase. Custom View Tips & Tricks. Schoolwires Centricity 2.0 MiniBase Custom View Tips & Tricks Schoolwires Centricity 2.0 Table of Contents Introduction... 1 Creating an Email Field... 2 Creating an HTML Linking Field... 3 Creating a File Linking Field... 4 Inserting

More information

The Energy Grid Powerful Web Marketing for the Alternative Energy Industry

The Energy Grid Powerful Web Marketing for the Alternative Energy Industry The Energy Grid Powerful Web Marketing for the Alternative Energy Industry The Energy Grid 10 Northern Blvd, Suite 7 Amherst, NH 03031 (603) 413-0322 Mark.Robinson@TheEnergyGrid.com The purpose of this

More information

UBC Workspace 2.0 Using the Self-Service Portal. Using the Self-Service Portal to access and manage your work-related and personal content

UBC Workspace 2.0 Using the Self-Service Portal. Using the Self-Service Portal to access and manage your work-related and personal content UBC Workspace 2.0 Using the Self-Service Portal Using the Self-Service Portal to access and manage your work-related and personal content Pilot Version 1.0, Mar 2015 Table of Contents Introduction...

More information

HOW TO RETRIEVE FILES FROM THE TARGET ANALYTICS FTP SITE

HOW TO RETRIEVE FILES FROM THE TARGET ANALYTICS FTP SITE HOW TO RETRIEVE FILES FROM THE TARGET ANALYTICS FTP SITE Note: These instructions direct you to download a free secure FTP client called FileZilla. If you already use a secure client such as WS-FTP Pro

More information

Create a GAME PERFORMANCE Portfolio with Microsoft Word

Create a GAME PERFORMANCE Portfolio with Microsoft Word Create a GAME PERFORMANCE Portfolio with Microsoft Word Planning A good place to start is on paper. Get a sheet of blank paper and just use a pencil to indicate where the content is going to be positioned

More information

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL K5 CMS The K5 Content Management System (CMS), previously known as Kwik-Az Updating, is a small downloadable program that permits

More information