OFFERED BY INSTRUCTIONAL COMPUTING AT THE UNIVERSITY OF MISSOURI – ST.LOUIS.

Slides:



Advertisements
Similar presentations
This Presentation Contains Narration and Notes To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow.
Advertisements

This Presentation Contains Narration and Notes To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow.
The Client-Server Model for the Web 1. A Web Client (usually in the form of a web browser) makes an HTTP request to a specific web server. 2. The Web Server.
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
This Presentation Contains Narration To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow WITHOUT.
This Presentation Contains Narration and Notes To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
This Presentation Contains Narration To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow WITHOUT.
Spring Introduction Why do we have MAC OS, UNIX, WINDOWS ? Which one is better?
Using the New Studentmail Spring Features of New Studentmail  Brand New Look and Feel  Preview Pane  Drag and Drop Functionality (IE 6.0)  Larger.
SCANNING BASICS From a Windows Perspective OFFERED BY INSTRUCTIONAL COMPUTING UNIVERSITY OF MISSOURI – ST.LOUIS.
USING PHOTOSHOP ON PC (WINDOWS) SHORT COURSE SECTION II OFFERED BY INSTRUCTIONAL COMPUTING UNIVERSITY OF MISSOURI – ST.LOUIS.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
USING PHOTOSHOP ON PC (WINDOWS) SHORT COURSE SECTION I OFFERED BY INSTRUCTIONAL COMPUTING UNIVERSITY OF MISSOURI – ST.LOUIS.
This Presentation Contains Narration To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow WITHOUT.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
CIS101 Introduction to Computing
This Presentation Contains Narration and Notes To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow.
Spring PowerPoint Basics Why is it a good tool to use? Easier than 3 X 5 Note Cards Organized presentations are “heard” better.
This Presentation Contains Narration To hear the narration, turn on your speakers or plug in headphones. If you would like to view this slideshow WITHOUT.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTML Introduction HTML
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Create a Website Session I Key Components Hands-on HTML.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
HTML.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
Lecture # 3 HTML and Arrays. Today Questions: From notes/reading/life? From Lab # 2 – Preview of Lab # 2 1.Introduce: How do you make a Web Page?: HTML.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
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.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.
Introduction to web development and HTML MGMT 230 LAB.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Getting Started with Web Page Creation for Fuqua Authors Spring 1999.
Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
Web programming Part 1: HTML 由 NordriDesign 提供
HTML BASIC IST 210: Organization of Data IST210 1.
HTML HyperText Markup Language Victoria E. Kozlek.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
XP Creating Web Pages with Microsoft Office
How to create a web page using word …
OFFERED BY INSTRUCTIONAL COMPUTING UNIVERSITY OF MISSOURI – ST.LOUIS
Part 3 Creating basic HTML web pages
Cheat Sheet CSCI 100 JW Ryder
Cheat Sheet CSCI 100 JW Ryder
Part 3 Creating basic HTML web pages
Dreamweaver.
Fall
Presentation transcript:

OFFERED BY INSTRUCTIONAL COMPUTING AT THE UNIVERSITY OF MISSOURI – ST.LOUIS

TEXT FILE It is A TEXT FILE full of hints for your internet browser. TAGS ○ Those hints are called “TAGS” ○ “TAGS” tell your browser how to make your web page look. ○ Where it should place an image, text, a link to another document, etc.

 While you are working on webpage, you can save it on your computer, it does NOT have to be published on the WWW. “server”  If you want your page to be available online, it will have to be uploaded to the remote computer called a “server”

 Notepad  NVU  ADOBE Dreamweaver MX  Hotdog Professional  Microsoft Word 2007  Microsoft PowerPoint 2007

“index.html” 1. The start page should be called “index.html” 2. Following pages may have almost any name Some restrictions apply: *.html *.htm The filename should have a *.html or *.htm extension Recommendation – File name should not contain spaces and special characters

1. Click “Save as” in file menu 2. Change the file type from *.txt to “All files” “K: drive”“public_html”.  The best place to save the file is a folder in your “K: drive” called “public_html”. open to public cannot delete  This folder is open to public. People from all over the world can read files in it but they cannot delete them.  “K drive” “admiral.umsl.edu”.  “K drive” is nothing else but a storing space on the remote computer called “admiral.umsl.edu”.

 The address for your webpage is : “public_html” “index.html”  This link is an internet address for your “public_html” folder. According to the rules, the first file is named “index.html” “public_html”  If you have such file in your “public_html” folder it will show up in your browser window

 HyperText – text containing links to other texts  Markup Language – defines hints/Tags for the browser. Tags are only visible for the browser. The Browser interprets the Tags The result shows up in the Browser Window.

START>Programs>Web Publishing>Macromedia Dreamweaver

Menus Properties panel Toolbars

 Design view  Code View  Code And design view (split) You can switch back and forth between them using these 3 buttons

Modify/Page Properties Path: from the top menu choose Modify/Page Properties

 You can make it bold, Italic  Change color  Size  Font type  Center text  Create a link Create a link

 You can find html reference books in the following computer labs SSB 103 TJ 316 Ward E. Barnes  Of course there is a lot of help online too:

Questions? If any further questions arise, please contact a lab consultant in any of the following Instructional Computing Labs. SSB 103 SSB 452 Math TLC (UC 050) Ward E. Barnes Library Thomas Jefferson Research Commons

 The Microcomputer Program at the University of Missouri-St. Louis offers day and evening computer courses as part of the Chancellor's Certificate series.  Microsoft E-Learning Library has tutorials on many MS Office products available to all UMSL students and staff  The Online Student Technology Guide has answers to many computing questions.