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

Slides:



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

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
 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.
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.
 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  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  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.
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.
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.
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.
CIS101 Introduction to Computing
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.
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.
Lecture Beginning HTML. Early Internet Navigation Prior to 1989, users employed text- based UNIX commands to navigate the various resources on the WAN.
Creating and Publishing Your own website
Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.
1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
Create a Website Session I Key Components Hands-on HTML.
Julien Thibault  HTML is the basic building-blocks of webpages  It is not a language!! (despite its name)  Structure text/media.
A simple example An HTML file is a text (ASCII) file in a special format: Charles Ling's home page My first.
COMP 101 Fluency in Technology Diane Pozefsky 19 August 2014.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
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 stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Reading & Exam Zeid: Chapter 9: XHTML Essential p Read before EXAM 1 Exam is Monday Oct. 25 th Review on Friday Oct. 22 nd.
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.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
HTML: Hyptertext Markup Language Doman’s Sections.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
Scott Marino MSMIS Summer Session Web Site Design and Authoring Session 2 and 3 Scott Marino.
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.
 How a computer works  The Internet  Browsers  Web Pages.
Web programming Part 1: HTML 由 NordriDesign 提供
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
Introduction to HTML C151 Multi-User Operating Systems.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
CS 100 Introduction to Web Page Construction and HTML.
HTML Review * is used as a reference for most of the notes in this powerpoint.
HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
Introduction to HTML Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
Cloud, Internet, and Browsers. Filezilla Checklist  ISIS access  COMP101 file on your computer  FILEZILLA installed  Saved passwords and certificate.
Online PD Basic HTML The Magic Of Web Pages
COMP 101 Introduction.
COMP 101 Introduction.
Cheat Sheet CSCI 100 JW Ryder
Cheat Sheet CSCI 100 JW Ryder
Presentation transcript:

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

 To create your page, we will use Komodo EditorKomodo Editor  To share your web page, we will use the UNC SERVER, ISIS (  To transfer your page to ISIS, we will use FilezillaFilezilla

 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 ›

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

 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

 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

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

 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

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

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

Practice Additional Tutorials ient-Side-Coding/HTML/basics-of- html/page1.html Cheat Sheet: Bare Bones Guide to HTML