Create a Website on the CWU network Find “How to Post a Web Page with a PC”

Slides:



Advertisements
Similar presentations
How To Make Your Own Web Page: Basic Web Design
Advertisements

Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
DREAMWEAVER Welcome to our website!
Windows XP / Microsoft Word Computer Applications.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Congratulations! You are ready to launch your Decision Support System to the company’s web site. After you have finished the Excel, PowerPoint, Word, and.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
ETT 429 Spring 2007 Web Design Basics II. Publishing Web Pages Activating your NIU website Go to this.
Images By Tara Frieszell By Tara Frieszell. Adding images to your website will make it more interesting and add to the design. However, some viewers aren’t.
Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-
IWebFolio Using a Template Tutorial Images in this tutorial:
Creating and Publishing Your own website
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
Digital Media Webspace Publishing Quick Start. 1. Login to Webspace using your UT-EID and password at:
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 14 Sharing Documents 1 Morrison / Wells / Ruffolo.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Creating a Web Page HTML, FrontPage, Word, Composer.
Designing a Classroom Web Site Using NVU Beginning Level.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.
An Introduction to Microsoft Word. Microsoft Word This program allows you to type letters, papers, reports and even books. It is available through the.
Introduction to. What is Office 365 Office 365 is the same Office you already know and use every day. Office 365 is powered by “the cloud” which is a.
~ How to create a basic website ~ Prepared by Jann Bradshaw April 2010.
Wikispaces in Education Tutorial Jennifer Carrier Dorman
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Publications, design sets, web pages
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
IPAD Set Up. Gmail Account First, you need to set up a free gmail account with your name. If you have an existing one you may use that as long as: – A)
TERMS TO KNOW. Desktop This does not mean a computer desktop vs. a laptop. You probably keep a number of commonly used items on your desk at home such.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
Pasewark & Pasewark 1 Word Lesson 1 Word Basics Microsoft Office 2007: Introductory.
Introduction to Computers Seminar I. Parts of the Computer Personal Computer a PC (any non-Mac computer) has four major pieces of hardware-- keyboard,
Using a Template to Create a Resume and Sharing a Finished Document
HTML Hyper Text Markup Language A simple introduction.
Using Publisher to Create a Web Site Mr. Sandford’s U. S. History Class.
Lesson 2 – Editing a Document Microsoft Word
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
An Introduction to Microsoft Word. Microsoft Word This program allows you to type letters, papers, and other documents. This program allows you to type.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Creating and Publishing Your own web site PC Version SEAS 001 Professor Ahmadi.
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
Web Site Design and Editing Manual for Concordia Seminary Graduate School.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
My Documents MarysWebpage 1-WebpageFolders&Files Projects&Assignments MySpinPage SciFairProjPage The folders you should have in “My Documents” are shown.
Microsoft Office XP Illustrated Introductory, Enhanced with Programs, Files, and Folders Working.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit A Creating an HTML Document.
Introduction to FrontPage and Web Page Design. Topics Logging in to your site Creating a webpage Text formatting Page backgrounds Linking webpages Links.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
Amy Jo Harrell 2006 Making your own web site Yes, I mean you!
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Wikispaces in Education Tutorial ESA, Region 2 Mary Teply Marge Hauser.
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
HTML Hyper Text Markup Language. The Basics u HTML documents contain “tags” which instruct the Browser software on how to present the information within.
Computer Information Technology – Section 4-4 Some text and examples used with permission from: Note: We not endorsing or promoting.
This is the software we will use to load our html page up to the server. You can download a copy for home if you want to.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
HTML Hyper Text Markup Language. Agenda Basics Tools Important tags Tables & databases Forms Publishing at Stern.
FrontPage & Web Page Design. Starting FrontPage Click on the FrontPage icon in the task bar at the bottom of the screen or Locate it from the programs.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Sharing and Synching files
Using Publisher to Create a Web Site
Cheat Sheet CSCI 100 JW Ryder
Adding Images to PowerPoint
Using Templates and Library Items
A02 Creating my website NAME ______________.
An Introduction to Microsoft Word
Presentation transcript:

Create a Website on the CWU network Find “How to Post a Web Page with a PC”

1. Login to a CWU computer 2. Open My Computer (click on Start > My Computer> and locate your "I" drive (student "I" drives are named "Plato" or "Aristotle"):

3. Double-click on the "I" drive icon:

4. Double-click on your user name folder: 5. Double-click on the "public_html" folder. This folder is where all of your web documents must be placed for them to show on the Internet. Your home page must be named "index.html" (without the quotes but with the lowercase letters):

6. CWU's network scans for new index pages four times a day (5:30am, 12:30pm, 5:30pm, and 11:30pm). Once it detects a valid web page, you will be able to view your website at: user name) My user page…

Word offers a variety of options for creating new web pages. The user can simply open and start a new blank document or a new blank web page, use a template, or use one of the Word wizards. Each option allows the user to add content such as images and text to a document that will be converted to HTML format. To save the newly created document as a web page, go to File, Save As. Give the new web page a name that does not contain any spaces and is, preferably, eight characters or less in length. Click the arrow next to Save as Type and change the type from Word document to Web Page (*htm,*html). Word will automatically save the document in an HTML format and append the file extension.htm to the file name. It will also create a folder with the same name as the file plus _files and will store an XML instruction file and all image files within this folder. In other words, if I created a Word document and saved it as a web page, giving it the name jennifer, Word would create a file called jennifer.htm and a folder called jennifer_files. To publish my new web page to the Internet and have it appear correctly, you would need to make sure the file jennifer.htm and the folder jennifer_files plus its contents were all present in your web server directory.

The advantage of the Web Page option is that the page will look almost exactly like the printed document. The advantage of the Web Page, Filtered option is that the underlying code is much cleaner, the file size is significantly smaller, and most, if not all, of the look and feel of the original document is retained.

Word doesn’t handle a few features well while converting to HTML:  “Smart” quotes

 Spaces and Tabs Do not use them to line things up! Format with tables instead. Inside a table cell use for formatting. Use “Wrap Text” option to achieve formatting you want.

 Files synchronization Once you save your file as a Web Page, you can work on it as a Web Page… but, keep in mind that your old Word document will no longer contain your latest edits. You can:  Delete your old Word Document file and just work with the Web Page format from now on.  Continue working with Word Document file and every time you save it, save it also in Web Page format.

If you plan on putting up your site to the web, be careful not to include any personal information you don't intend to release in the document info. Creating HTML with any Microsoft Office product other than Expression Web is generally a bad idea. Just because a program can save a file as HTML doesn't make it a web design software. There are many options available…