 Introductions › Who am I? › Who are you?  Logistics  What is technology fluency and why should you care?  Browsers, servers, software.

Slides:



Advertisements
Similar presentations
1 Copyright © 2002 Pearson Education, Inc.. 2 Chapter 1 Introduction to Perl and CGI.
Advertisements

4.01 How Web Pages Work.
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.
 To create page, Komodo Editor  To share web page, UNC SERVER, ISIS (  To transfer page to ISIS,
 Question: What film character is a good analogy to a computer?  Answer Answer  It is actually a very simple machine: It executes exactly what it.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web.
 Introductions › Who am I? › Who are you?  Logistics  What is technology fluency and why should you care?
8 February How Computers Work: Algorithms The Internet.
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
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
11 October HTML: Links and Forms. Agenda News: William Knight Review of HTML Pages Meeting sheet passed HTML Links Networking and the Internet HTML Forms.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
MA10126 Introduction to HTML Gavin Shaddick
Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
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 & Dreamweaver 101 Aman Yadav. Definitions HTTP – The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web.
13 February Building a Web Page. Links Links: One always links to an anchor point Every page has an implicit anchor point at the start In addition, can.
Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Introduction to Web Lingo
Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.
HTML CS1315 Fall What You Need to Get Started A *simple* text editor to write HTML – Windows: notepad – Mac: textedit (be sure to pick Format 
Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
Web Design Terms and Concepts Ms. Scales. Q. What is a Server? A. A server is a computer that stores information many people can access. It runs special.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
 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.
Lecturer: Ghadah Aldehim
CHAPTER 1 GETTING STARTED WITH HTML. LEARNING OBJECTIVES How a Web browser downloads and processes an HTML page for display What is the purpose of a Web.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
The Internet COM 366 Web Design & Production. Brief history Internet began as nationwide network for Department of Defense in 1960s –Expanded to universities.
OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.
COMP 101 Fluency in Technology Diane Pozefsky 19 August 2014.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
Chapter 1: The Internet and the WWW CIS 275—Web Application Development for Business I.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML Hyper Text Markup Language A simple introduction.
HTML I An Introduction to the Language of the Web Terry Bake
HTML ~ Web Design.
Managing Your Website C/IL 102. Managing Your Website  Where are things?  Building your website (on your PC)  You can see it  You can edit it  No.
CS 7: Introduction to Computer Programming Java and the Internet Sections ,2.1.
Slide No. 1 Slide No. 1 HTML and Web Publishing Continued CS 104 CS 104.
Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.
 How a computer works  The Internet  Browsers  Web Pages.
27.1 Chapter 27 WWW and HTTP Copyright © The McGraw-Hill Companies, Inc. Permission required for reproduction or display.
How Computers Work Part 3 18 February Data Types  Computer doesn’t know what the bits represents or what format is being used  Computer assumes.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
The idea of adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents.
Introduction to the World Wide Web & Internet CIS 101.
HTML HyperText Markup Language Victoria E. Kozlek.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
The Internet and WWW. This term we shall be learning more about the Internet and World Wide Web and their benefits and uses. We shall also be learning.
Week-10 (Lecture-1) Web Building STEPS OF BUILDING: create web pages using HTML add a consistent style using CSS add computer code using JavaScript add.
Cloud, Internet, and Browsers. Filezilla Checklist  ISIS access  COMP101 file on your computer  FILEZILLA installed  Saved passwords and certificate.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
11 October Building a Web Site.
WEB PAGES: CREATING AND MAINTAINING **
COMP 101 Introduction.
COMP 101 Introduction.
4.01 How Web Pages Work.
Presentation transcript:

 Introductions › Who am I? › Who are you?  Logistics  What is technology fluency and why should you care?  Browsers, servers, software

 The source of all information:  Important: › Laptops everyday › Keep up with the little things  OFFICE HOURS  Software › Open source › Microsoft Office  NO TEXT

 Late Policy › 3 free days › Extra credit if left at end  Redos › 7 days from grade return

 How to communicate data and information in today’s technologies  To be comfortable with the underlying principles  To learn to think quantitatively

 Demystify computers Fear is the main source of superstition … To conquer fear is the beginning of wisdom. - Bertrand Russell (1872 – 1970)  Skills to use computers and especially › Web pages › Spreadsheets

 Artifacts usable by people as well as computers › Working isn’t enough!  Solutions to complex problems › More than one step

 Challenge: › Name a field that has not been or will not be impacted by technology  Reality: › Future leaders will be those with the vision to embrace and harness technology. › Do you want to lead, follow or get left behind?

 Just do it!  As you learn new skills, we’ll delve deeper › Don’t do things that you don’t understand!  New tools … that you can always use

 The machines  The connections  The content

 Servers: contain information to share  Clients: machine with a web browser to access that information ServerClient Web Server Pages Browser

BROWSER software on your machine (client) > interprets instructions to display a web page > usually retrieves web page from server BROWSER: Web page processor (software program) Instructions Text

 Text file that says what to display › Web pages use HTML (HyperText Markup Language)  a little history a little history  Two types of information › Instructions on how or what to display › Text (the data)  Instructions are in the form of tags ›  Do NOT need any special tools to build › BUT tools can make it easier

Put your title here What will appear on the page Here … and there WARNING: This is not a complete page.

 Protocol: server-name/file-to-display HOW WHERE WHAT  Protocol: usually http  Have you ever seen others? https? telnet? ftp?  Server-name  The computer’s name  Usually begins with www  Usually ends with 3 characters that define the kind of site  However, there are no rules: as long as its registered, you can get there  File-to-display  Can be a whole path (just like Windows)

 Very fancy tools exist › Ease of building vs. Control › Cost  We will use an editor that help you get it right  We will NOT use tools that hide what you are doing  We will use Komodo EditorKomodo Editor

 Mainly, to demystify  But more than that -- even if using a package  Sometimes you … › can’t figure out how to make it do what you want › can’t figure out what is wrong › just want to make some minor changes  If you understand how it works, YOU are in control

 Using Komodo Editor creates a web page on your machine › You can use the browser to look at it  But who else can see it? › NOBODY  Want it to be on a SERVER › UNC provides: ISIS

 UNC website › Everything that is going to be available on the web must be in your public_html folder › Treats index.html as your home page › Default is “This page is blank”  Creating WWW Pages at UNC-CH ›

 UNC discusses sftp (Windows) and fetch (Mac)  We will use FilezillaFilezilla  Why? › Simpler interface › Cross platform