Presentation is loading. Please wait.

Presentation is loading. Please wait.

SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web.

Published by Modified over 9 years ago

Similar presentations

Presentation on theme: "SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web."— Presentation transcript:

1

2

3 SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server Pages Client Browser 1 3 2

4

5  To create your page, we will use Komodo EditorKomodo Editor  To share your web page, we will use the UNC SERVER, ISIS (http://help.unc.edu/?id=108)http://help.unc.edu/?id=108  To transfer your page to ISIS, we will use FilezillaFilezilla

6  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” › NOTE: These names are case sensitive  Creating WWW Pages at UNC-CH › http://help.unc.edu/?id=108 http://help.unc.edu/?id=108

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

8  Simple steps › Create your home page locally › Transfer pages › Test it from another machine  Have ONE folder where you always work locally  Be sure that you have the current version of your page

9  Change your ISIS web page to say something else and give it a new title  Steps: › Install software › Get your allocation › Download the page › Change the text in Komodo › Upload the page › Test it on another machine

10

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

12  Two types of commands › Single commands (only one left) › Start/end commands..  Difference?  Tags can have additional information associated with them – attributes … Main attribute that you will use is class  Blanks don’t matter

13  Regular text = paragraph  Headers  Effects › Bold › Italic › Underline  Lists › Ordered  Bulleted › Unordered  Numbers or letters › Definition  Terms and definitions

14  Need to define › Table › Row › Header (optional) › Data › Caption (optional)  Can contain anything › Other tables › Pictures › …

15 Practice http://www.w3schools.com/html/default.asp Additional Tutorials http://www.htmlcodetutorial.com/ http://www.opensourcetutorials.com/tutorials/Cl ient-Side-Coding/HTML/basics-of- html/page1.html Cheat Sheet: Bare Bones Guide to HTML http://werbach.com/barebones/download.html

Download ppt "SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web."

Similar presentations

HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.

HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.

HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
How Tags are used to form your Web Page

How Tags are used to form your Web Page
 To create page, Komodo Editor  To share web page, UNC SERVER, ISIS (http://help.unc.edu/?id=108)http://help.unc.edu/?id=108  To transfer page to ISIS,

 To create page, Komodo Editor  To share web page, UNC SERVER, ISIS (  To transfer page to ISIS,
INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.

INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.

SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
 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.

 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.
 Introductions › Who am I? › Who are you?  Logistics  What is technology fluency and why should you care?  Browsers, servers, software.

 Introductions › Who am I? › Who are you?  Logistics  What is technology fluency and why should you care?  Browsers, servers, software.
Server Web Server Pages Client Browser 1 3 2.  Office Hours on Thursday › Diane’s are CANCELLED › Belinda will hold 11:00-12:00  Belinda will be teaching.

Server Web Server Pages Client Browser  Office Hours on Thursday › Diane’s are CANCELLED › Belinda will hold 11:00-12:00  Belinda will be teaching.
Server Web Server Pages Client Browser 1 3 2.  HTML can do everything  We will limit our use to defining the content units – NOT formatting  Why? ›

Server Web Server Pages Client Browser  HTML can do everything  We will limit our use to defining the content units – NOT formatting  Why? ›
 Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting.

 Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting.
13 February Building a Web Page. HTML Files Two types of information Text Instructions on how to display Instructions are in the form of tags Tags are.

13 February Building a Web Page. HTML Files Two types of information Text Instructions on how to display Instructions are in the form of tags Tags are.
HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.

HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that.
IST 535 Week 1 Class Orientation / Review of Web Basics.

IST 535 Week 1 Class Orientation / Review of Web Basics.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.

Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
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 Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.
8 September Building a Web Page. Follow Ups Make-up classes: none You each will have 3 meetings with me Scheduling difficulty.

8 September Building a Web Page. Follow Ups Make-up classes: none You each will have 3 meetings with me Scheduling difficulty.
CIS101 Introduction to Computing

CIS101 Introduction to Computing
Information Technologies Anselm Spoerri PhD (MIT)

Information Technologies Anselm Spoerri PhD (MIT)
HTML Lesson 1 TBE 540 Farah Fisher. Prerequisites Before beginning this lesson, the student must be able to… Access web pages and navigate the web Access.

HTML Lesson 1 TBE 540 Farah Fisher. Prerequisites Before beginning this lesson, the student must be able to… Access web pages and navigate the web Access.

Similar presentations

Ads by Google