© Thierry Karsenti, Université de Montréal, 2004 Learning to Create Web Pages…

Slides:

Advertisements

Similar presentations

Building the e-Zine. The e-Zine is in the form of a Website and must contain the following: Several pages, which must be linked, including an Information.

Advertisements

SITE & FILE MANAGEMENT Beginning Web Site Creation: Dreamweaver CS4.

. Website and file organization. How websites work.

Power Point Demonstration Capabilities of Microsoft Power Point 2000.

PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.

PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.

PowerPoint Demonstration Capabilities of Microsoft PowerPoint Leave Presentation.

PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.

Its easy to be an information provider Tutorial: Web Publishing.

PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.

Powerpoint Demonstration Capabilities of Microsoft Powerpoint.

PowerPoint Demonstration Capabilities of Microsoft Power Point 2000 Kandy Lane.

Power Point Demonstration Capabilities of Microsoft Power Point.

PowerPoint Demonstration Capabilities of Microsoft PowerPoint.

PowerPoint Demonstration Capabilities of Microsoft PowerPoint.

PowerPoint Demonstration Capabilities of Microsoft PowerPoint 2000.

Power Point Demonstration Capabilities of Microsoft Power Point 2003.

Power Point Demonstration Free form text charts can be a little trickier than it would seem. To construct this slide, follow these steps.

This is a PowerPoint Presentation You can use this application to present ideas and information with text, pictures, sounds, animation, and video!

PowerPoint Demonstration Capabilities of Microsoft PowerPoint.

- Part 2 Your teachers are :. Review 1.Did you do your homework? Was it difficult, easy, or just right? 2.Turn to your partner and tell them your.

Putting Documents on the Web Vivien Hall Central Computing Services.

Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.

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.

A Free sample background from © 2001 By Default!Slide 1 Web Design Fundamentals.

What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.

Creating Your Own Website

PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!

1 Chapter 2 (Continued) Section 2.2 Section 2.2. Internet Service Provider (ISP) ISP - a company that connects you through your communications line to.

Dr. Omar Al Jadaan The Internet. Internet Service Provider (ISP) Content Providers: create and maintained material that can be accessed using the internet.

2 pt 3 pt 4 pt 5pt 1 pt 2 pt 3 pt 4 pt 5 pt 1 pt 2pt 3 pt 4pt 5 pt 1pt 2pt 3 pt 4 pt 5 pt 1 pt 2 pt 3 pt 4pt 5 pt 1pt Hardware Internet Word Processing.

James Bear. * Information * Assignments? * Entertainment? * Create Rapport? * More?

Unit 1 – Improving Productivity Josh Sherriff Instructions ~ 100 words per box.

Web Page Overview. What is a Web page? A document with.html file extension Possible incorporation of graphics Saved on a Web server Private Vs Public.

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.

Web Space CIS 141 – Basic Computer Literacy Western Kentucky University Bowling Green, KY.

Setting Up DreamWeaver NOTE: Use your mouse OR page down key to advance each page.

Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.

Introduction to web development and HTML MGMT 230 LAB.

 Research on the best software that suits your preference. I recommend Adobe Dreamweaver as that is what I’m using to create my website.

LAUNCH BUTTON Data Images Executable programs Music Etc. Files have a name and an extension – Filename.ext You assign the file name, the application.

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.

Basics By Jane Maringer-Cantu. What is ? n is electronic mail. n n You can exchange electronic mail ( ) with people around the.

Using the Internet. (WWW) and the Internet The World Wide Web (WWW) is a small part of the Internet. The Internet relates to all the hardware and software.

9/4/01Mary Price - The Internet1 9/4/01Mary Price - The Internet 2 T h e I n t e r n e t ? I n t e r n a t i o n a l N e t w o r k.

University of Oklahoma IT - Summer 2003 What can IT do for you?

Concepts  messages are passed through the internet by using a protocol called simple mail transfer protocol.  The incoming messages are.

Unit 1 – Improving Productivity Matthew Hazzard. 1.1Why did you use a computer? What other systems / resources could you have used? I used a computer.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

Walking with Wiki Presentation: Cameron Janzen. Overview What is a Wiki? What is the purpose? Example work Getting started – three main steps Creating.

Quick Launch. Google Drive 30 GB Cloud Space Document.

Prepare to set up you new Gmail Account. What are you using? Software Program Name Owned bySoftware Location Outlook ExpressMicrosoftOn Your Computer.

ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.

The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.

What is the Internet?. The Internet is millions of computers all over the world connected together so they can exchange information.

 Internet –INTERnational NETwork is the network of computer networks.  It is a Wide Area Network(WLAN).You can have unlimited access to internet. 

Introduction to HTML 4.0 Getting Started – Basic Terminology Teacher: Mr. Ho.

An Easy 21st Century Student-Centered Tool Your Class Can’t Be Without Wikis for Everyone!

Why was I not shown this sooner? Microsoft OneNote simplifying and supporting staff PLD. Theresa Bosch Baradene College of the Sacred Heart Deputy Principal.

Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.

4.01 How Web Pages Work.

Choosing A Username and Password

Web Page Development Tools

Posting your webpage In order for other people to be able to see your webpage, you must copy the files to a web server – a computer set up to share web.

Google Drive Introduction:

Web Page Development Tools

2. Press Browse and search for the video file you need.

Rob Britt CEAL Library Technology Committee Meeting April 2, 2008

Creating PowerPoint Presentations

Presentation transcript:

© Thierry Karsenti, Université de Montréal, 2004 Learning to Create Web Pages…

© Thierry Karsenti, Université de Montréal, 2004 In the Blink of an Eye Thierry Karsenti, Ph.D., Université de Montréal

© Thierry Karsenti, Université de Montréal, 2004 My goal To simplify Web page creation for teachers and other school staff. To simplify Web page creation for teachers and other school staff.

© Thierry Karsenti, Université de Montréal, 2004 Who am I ?

© Thierry Karsenti, Université de Montréal, 2004

Why create Web pages ?

© Thierry Karsenti, Université de Montréal, 2004 How is a Web page created ?

© Thierry Karsenti, Université de Montréal, 2004 It can be very, very difficult..

© Thierry Karsenti, Université de Montréal, 2004 It can also be very, very easy.

© Thierry Karsenti, Université de Montréal, 2004 Minimal knowledge of technology required.

© Thierry Karsenti, Université de Montréal, 2004 Microsoft Word Microsoft Word Organizing your files in your computer. Organizing your files in your computer.

© Thierry Karsenti, Université de Montréal, 2004 There are always three main steps to creating a Web page.

© Thierry Karsenti, Université de Montréal, 2004 … It takes me less than sixty seconds to create a Web page.

© Thierry Karsenti, Université de Montréal, 2004 … that’s because I’m much slower than my students.

© Thierry Karsenti, Université de Montréal, 2004 What are the main three steps ?

© Thierry Karsenti, Université de Montréal, 2004 What is a Web page ?

© Thierry Karsenti, Université de Montréal, 2004 Any page accessible on the Web…

© Thierry Karsenti, Université de Montréal, 2004

What would you have to do to create a Web page that could be accessed from anywhere, by anyone ?

© Thierry Karsenti, Université de Montréal, 2004 There are always three main steps to creating a Web page.

© Thierry Karsenti, Université de Montréal,

You CREATE a page on your computer… or any computer.

© Thierry Karsenti, Université de Montréal,

You SEND your page to a server.

© Thierry Karsenti, Université de Montréal, 2004 It can be your school server, your private server or any public server such as GOOGLE.

© Thierry Karsenti, Université de Montréal, 2004

3.

You VERIFY on the Web.

© Thierry Karsenti, Université de Montréal, 2004 A Web page in 60 seconds ?

© Thierry Karsenti, Université de Montréal,

You CREATE a page on your computer… or any computer.

© Thierry Karsenti, Université de Montréal, 2004

2.

You SEND your page to a server.

© Thierry Karsenti, Université de Montréal, 2004

3.

You VERIFY on the Web.

© Thierry Karsenti, Université de Montréal, 2004

A Web page in 30 seconds ?

© Thierry Karsenti, Université de Montréal,

You CREATE a page on your computer… or any computer.

© Thierry Karsenti, Université de Montréal, 2004 With almost any software… Microsoft Word, Claris, Frontpage, Dreamweaver

© Thierry Karsenti, Université de Montréal, 2004

2.

You SEND your page to a server.

© Thierry Karsenti, Université de Montréal, 2004

3.

You VERIFY on the Web.

© Thierry Karsenti, Université de Montréal, 2004

What about making it a little more difficult ?

© Thierry Karsenti, Université de Montréal, 2004 What are the “things” you find on a Web page ?

© Thierry Karsenti, Université de Montréal, 2004 Text Text Links Links Pictures/images Pictures/images Sound Sound video video ??? ???√

© Thierry Karsenti, Université de Montréal, 2004

Text Text Links Links Pictures/images Pictures/images Sound Sound video video ??? ???√√

© Thierry Karsenti, Université de Montréal, 2004 What about using Dreamweaver ?

© Thierry Karsenti, Université de Montréal, 2004

Text Text Links Links Pictures/images Pictures/images Sound Sound video video ??? ???√√ √

© Thierry Karsenti, Université de Montréal, 2004

Text Text Links Links Pictures/images Pictures/images Sound Sound video video ??? ???√√ √ √ √

© Thierry Karsenti, Université de Montréal, 2004 A few other things…

© Thierry Karsenti, Université de Montréal,

You CREATE a page on your computer… or any computer.

© Thierry Karsenti, Université de Montréal, 2004 When saving your file. No CAPs No CAPs No special characters No special characters No spaces No spaces

© Thierry Karsenti, Université de Montréal, 2004 When inserting pictures, sounds or videos…

© Thierry Karsenti, Université de Montréal, 2004 You must send your picture/image, sound or video file to your server with your Web file.

© Thierry Karsenti, Université de Montréal,

You SEND your page to a server.

© Thierry Karsenti, Université de Montréal, 2004 It can be your school server, your private server or any public server such as GOOGLE.

© Thierry Karsenti, Université de Montréal, “elements” are required to send things to ANY server.

© Thierry Karsenti, Université de Montréal, 2004 HOST (numbers or letters) HOST (numbers or letters) ID ID Password Password Directory Directory URL (Web address required to verify) URL (Web address required to verify)

© Thierry Karsenti, Université de Montréal, 2004 Questions?Questions?

Merci !

© Thierry Karsenti, Université de Montréal, thierrykarsenti.com