WEB PAGE AUTHORING WITH EXPRESSION WEB. What is the overall procedure for creating a web site?

Slides:



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

Copyright © 2003 Pearson Education, Inc. Slide 1-1 The Web Wizards Guide to PHP by David A. Lash.
Creating Web Pages By: Dr. Matt Dean. Common Terminology Webpage Webpage Website Website Web Browser Internet Explorer Firefox HTMLHypertext Markup Language.
How to Change The Fading Images on Your Home Page and Other Pages
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:
Services Course Windows Live SkyDrive Participant Guide.
Charmaine NormanCopyright What Is a Web Page Presented by Webpagemaker. Net Left click your mouse to view each frame, Web Page.
WeB application development
Teppo Räisänen LIIKE/OAMK 2010
Web Site Development Test 2 Working in DreamWeaver.
Project 1 Introduction to HTML.
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems
1 CA201 Word Application Creating Document for the Web Week # 9 By Tariq Ibn Aziz Dammam Community college.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Internet Publishing / Dreamweaver Luke E. Reese CARRS
Web Publishing TutorialIS for Management1 Tutorial: Web Publishing.
Microsoft FrontPage: An Introduction Eva M. Fernández Queens LOTE Consortium May 5, 2003.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
Designing a Classroom Web Site Using NVU Beginning Level.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
All About Creating a Website. How the SIR Websites are Built. SIR Branch 116 Phil Goff July 21, 2011.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
The Internet 8th Edition Tutorial 9 Creating Effective Web Pages.
DIGITAL GRAPHICS & ANIMATION Complete LESSON 2 Importing and Exporting Graphics.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Creating Integrated Web-based Projects using Microsoft Word.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
Applications Software. Applications software is designed to perform specific tasks. There are three main types of application software: Applications packages.
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
5 Chapter Five Web Servers. 5 Chapter Objectives Learn about the Microsoft Personal Web Server Software Learn how to improve Web site performance Learn.
Creating Web Documents Wk 2: HTML & PSP basics Discuss sites HTML, PSP lesson Assignment: first Web page due Day class: 1/23; Night class 1/28.
Unit 1 – Web Concepts Instructor: Brent Presley. ASSIGNMENT Read Chapter 1 Complete lab 1 – Installing Portable Apps.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Table of Contents How to save documents using various software
E-Commerce: Introduction to Web Development 1 Dr. Lawrence West, Management Dept., University of Central Florida Topics What is a Web.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
F-1 Management Information Systems for the Information Age Copyright 2004 The McGraw-Hill Companies, Inc. All rights reserved Extended Learning Module.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
File Name Extensions Computer Applications 7th grade.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
How to Create a PowerPoint Presentation By Carrie Heninger Adapted from ELI Student Workshop by Laurie Miller.
Software. Generic Software  e.g. word processing, spreadsheet and database. – This simply implies that any of the dozens of spreadsheet packages, for.
Introduction to web development and HTML MGMT 230 LAB.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
1 © Copyright 2000 Ethel Schuster The Web… in 15 minutes Ethel Schuster
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.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Software AS Module Heathcote Ch. 22. Importance of Information  Information technology is fundamental to the success of any business  The information.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
PHP Form Processing * referenced from
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
XP Creating Web Pages with Microsoft Office
Chapter 1 Introduction to HTML.
Computing Fundamentals
Introduction of FrontPage
Using FrontPage Express
Presentation transcript:

WEB PAGE AUTHORING WITH EXPRESSION WEB

What is the overall procedure for creating a web site?

How to make a term paper in 2 easy steps

How to make a web page in 2 easy steps

Everyone at Illinois State University already has space reserved for him/her on the ISU web server.

Some helpful hints:

Keep it simple. Make it legible. Proofread your pages(s) before putting them up on the web. Update your web site on a regular basis. Right-click on objects to change their properties.

Keep it simple. Make it legible. Proofread your pages(s) before putting them up on the web. Update your web site on a regular basis. Right-click on objects to change their properties.

Keep it simple. Make it legible. Proofread your pages(s) before putting them up on the web. Update your web site on a regular basis. Right-click on objects to change their properties.

A web page is simply a text file containing commands written in the hypertext markup language. When you visit a web page, your web browser first downloads the html file (along with any associated images, sounds, animations, videos, scripts, etc.), and then executes the instructions in the file. As long as you point your web browser to the correct location, it does not matter if the page is on the web or on a disk in your computer. The page will be displayed. OR

Keep it simple. Make it legible. Proofread your pages(s) before putting them up on the web. Update your web site on a regular basis. Right-click on objects to change their properties.

Keep it simple. Make it legible. Proofread your pages(s) before putting them up on the web. Update your web site on a regular basis. Right-click on objects to change their properties.

Tips to help you Avoid common problems:

Although programs like Microsoft Word, Publisher, and PowerPoint can be used to create web sites, they should be avoided because they often generate files that are difficult to edit. Instead, use a program like Microsoft FrontPage that is specifically designed to create web pages, and stick with that program.

When specifying the names of files and folders associated with your web site (or when creating links to these files and folders), avoid the use of capital letters, spaces, and punctuation marks. Simply use a short string of small letters and/or numbers to provide meaningful names for these items. IncorrectCorrect Index.htm horse.JPG my dog and cat pictures.htm dr. jones’ presentation made on 12/5/06.htm index.htm horse.jpg petpics.htm jp htm some examples:

To aid in the web page creation process and subsequent uploading of your site to the ISU web server, gather all of the images associated with your site into a single folder before starting to write your web page(s). images

There are a great many image file formats. Only a few of these, however, are suitable for posting on web pages. Acceptable image files are those with names ending in.gif,.jpg (or sometimes.jpeg), and.png extensions. If you wish to use images that are not in the correct file format, they must be converted into one of the above-mentioned formats.

Please create the “master copy” of your web site on one of the following types of media:

Out of the three choices just listed, it is recommended that you create the “master copy” of your site on a flash drive.

If you created your web site in a folder on your flash drive, DO NOT copy the folder containing your site to the ISU web server. Instead, simply copy the contents of the folder (i.e., the individual web pages and folder containing your images) to the server. This will result in a much shorter address for your web site. The WRONG way… The RIGHT way…

Another way to make the address of your web site as short as possible is to name the first page on your site index.htm. (Note that you do not need to type the.htm extension as Expression Web will insert it automatically.) index.htm

Just as a dog “instinctively” knows how to seek out food and distinguish it from other items in his environment,

web browsers like Internet Explorer are “programmed” to find web pages named index.htm and distinguish them from other pages on a web site. index.htm start.htm page1.htm

A few useful links:

Handouts and videos summarizing many of the procedures discussed in this workshop can be found at:

An excellent source of graphics for your web site can be found at: AND

The address of your web site will be: where “yourULID” is your ISU universal log-in ID (i.e., the part of your ISU address before sign)

The End B.F. 2/14/12