Websites 101 Technology Committee UPSOM. Web Class – Goals  Make a simple web page (or series of pages)  Upload that page to the internet  Feel comfortable.

Slides:



Advertisements
Similar presentations
WS_FTP File Transfer Protocol For Windows. Settings for Makani Contact your own ISP for specifics.
Advertisements

Web Designing Using Microsoft FrontPages Kashif Haqqi, M.D.
® Microsoft Office 2010 Appendix A: Introduction to SkyDrive and Office Web Apps.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
Exploring the Internet Creating and setting up your website Instructor: Michael Krolak Instructor: Patrick Krolak See also
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
Its easy to be an information provider Tutorial: Web Publishing.
Dreamweaver Basics In this section you will learn how to:
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Exploring the Internet Creating and setting up your website Instructor: Michael Krolak Instructor: Patrick Krolak See also
ETT 429 Spring 2007 Web Design Basics II. Publishing Web Pages Activating your NIU website Go to this.
HTML & Dreamweaver 101 Aman Yadav. Definitions HTTP – The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Web Publishing TutorialIS for Management1 Tutorial: Web Publishing.
ETT 229 Fall 2004 Web Design Basics III. Agenda 11:00-11:05 – Quiz 15 11:05-11:40 – Web Design Lecture 11:40-12:15 – Web Design Practice 3.
Creating and Publishing Your own website
How to Establish a Blog. What is a Blog A blog is a collection of informational articles/ideas intended to update a viewer on new information associated.
Creating a Web Page HTML, FrontPage, Word, Composer.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
How to create a website for free Panagiotis Kafkarkou.
Getting on the Web CCSD Technology Team. Post a page to the Web using a simple file transfer process Goal: Process: Create a Web page using Microsoft.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
CNIT 132 Intermediate HTML and CSS Publish Web Page.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
1 HTML (Set Up Public Folder) Some material on these slides is taken directly from
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
CPSC203 Introduction to Computers Lab 69 By Jie Gao.
How to develop your website Chapter Websites Denise R. E. Copeland
Search on the internet the different ways for building a website, and choose which one bests suits you for what website you are doing.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.
Creating and Publishing Your own web site PC Version SEAS 001 Professor Ahmadi.
How to use Microsoft Word. Where can I find Microsoft Word? How to select, copy and paste information Go to the document from which you wish to copy the.
CIS 250 Advanced Computer Applications Internet/WWW Review.
 Research on the best software that suits your preference. I recommend Adobe Dreamweaver as that is what I’m using to create my website.
Updating the Laboratory Website. Useful Info Address: Everything is saved in the desktop.
Patrick Bailey, MS IDIS110 Dreamweaver Setup. IDIS110 - RIT After you start Dreamweaver On the first time, if you are asked, select “Design Mode” Otherwise,
HOW TO UPLOAD A WEBSITE BY KATIE HARDAKER.  SEARCH THE INTERNET THE VARIETY OF OPTIONS AVAILABLE FOR CONSTRUCTING A WEBSITE AND CHOOSE THE APPROPRIATE.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
StopPreviousNext 1 Internet training course Workbook 2 How to use the Internet Easy English workbook July 2010.
Concepts  messages are passed through the internet by using a protocol called simple mail transfer protocol.  The incoming messages are.
Go to your school’s web locker site Your user name is the first letter of your first name, the first four letters of.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit A Creating an HTML Document.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
Uploading documents to the site Сlick “Add document” on the home page To send several files enable Add-on “Microsoft Office”
FrontPage Workshop By Dr. Carol A. Marinas Topics Getting into FrontPage Layout of FrontPage Edit Existing File Copying Templates Cutting/Pasting from.
How to use WS_FTP A Step by Step Guide to File Transfer.
Amy Jo Harrell 2006 Making your own web site Yes, I mean you!
File Transfer Protocol (FTP) CIS 130. File Transfer Protocol (FTP) Copy files from one internet host (server) to your account on another host –Need domain.
HTML Hyper Text Markup Language. Agenda Basics Tools Important tags Tables & databases Forms Publishing at Stern.
XP Creating Web Pages with Microsoft Office
Basic Web Design UVICELL Week 4 Templates and site management Week 4 Templates and site management.
Using iLocker.
Exploring Microsoft Word 2000
How to create a web page using word …
How to make and publish a web page
Services Course 9/9/2018 3:37 PM Services Course Windows Live SkyDrive Participant Guide © 2008 Microsoft Corporation. All rights reserved.
Appendix A: Introduction to SkyDrive and Office Web Apps
CoreFTP.
Configuring Internet-related services
CoreFTP.
Meet the CoTESOL Members’ Wiki
Presentation transcript:

Websites 101 Technology Committee UPSOM

Web Class – Goals  Make a simple web page (or series of pages)  Upload that page to the internet  Feel comfortable maintaining that page outside of this classroom

Tools  HTML editor –Allows you to create a web page with little/no knowledge of HTML, the web page language –Microsoft Frontpage (free at the computer labs)  File Transfer Protocol (FTP) tool –Allows you to move your web page and all the web page info to the place on the internet where it can be seen –FTP Commander (free on the web)

Microsoft Frontpage  “My Documents” and create a directory of your group’s name  Start Frontpage  Save the file in Frontpage as index.html

Microsoft Frontpage – it’s just like Microsoft Word  Add text  Add a table  Add a picture  Add a link  Add an address  SAVE!!!!

Copying Files to the Internet  First you need permission  Contact the technology committee at if you need permission

FTP  FTP to unixs.cis.pitt.edu  When prompted, enter Pitt userid and password  Look at the box on the right-hand side – this is the target / host / internet computer  The file whose name is “..” means go back a directory  Click on “..” until you are at “afs/pitt.edu”

FTP – What to Click Next  “home”  “p”  “i”  “pittmed”  “public”  “html”  “groups”  [group name]

FTP – Almost there…  With the right window showing the correct target, we’ll make the left window show the correct source  Click the “ChgDir” button  Type “w:\”  Click on My Documents  Click on your directory name

FTP – you’re there.  Select from your target the files that you wish to copy “up” to the server  Click the “  ”arrow  Open up a new Explorer  Type in “

The Future…  Create multiple pages and upload them at will  Download your existing pages, change the information and upload them back again  Send other people links to your site’s web page

Questions?