Bus119A Web Page Design John Wang, Diana Chou and Greg Windt Presented By.

Slides:



Advertisements
Similar presentations
Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
HTML popo.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
CS 121 Concepts of Computing II Introduction to Web Page/Site Development.
1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.
Adding HTML to Blackboard
Introduction to HTML CPS470 Software Engineering Fall 1998.
CIS101 Introduction to Computing HTML Project Two.
Learning HTML Week 6. Every Web Page Has the Same Basic Structure The title of your page The guts of the web page, text, graphics, links and so on.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
HTML FORMATTING. CONTENTS HTML Formatting Formatting Example Formatting Example Output Summary Exercise.
Why Worry About the WWW? Intranets -- with lots of HR applications »policies/procedures »job postings »benefits & other transactions »hiring & other workflows.
9/7: HTML & Website Design Website design considerations HTML (Hypertext Markup Language) Resources on the WWW image courtesy of
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Exploring Word Grauer and Barber 1 Committed to Shaping the Next Generation of IT Experts. Chapter 6: Introduction to HTML: Creating a Home Page.
Define html document byusing Example : Title of the document The content of the document......
Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT. LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
HTML Basic I IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
1 HTML John Sum Institute of Technology Management National Chung Hsing University.
Exploring the Digital Domain HTML Basics. HTML Hypertext Markup Language Standard (ASCII) text with embedded format codes Most HTML tags are paired Tags.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
Hypertext Mark-Up Language Web Page Creation HTML.
HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Web programming Part 1: HTML 由 NordriDesign 提供
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
CS 100 Introduction to Web Page Construction and HTML.
Writing HTML Document HTML Reference M:\Comp\HTML_Ref\Htmlref.hlp.
HyperText Markup Language (HTML) Developing a Web Page.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
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.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
HTML.
What is HTML?.
CAII 4.01 Web Page Design Terms List 2.
Presentation transcript:

Bus119A Web Page Design John Wang, Diana Chou and Greg Windt Presented By

How many people have HTML experience ? How many people have their own Web Site ? Frames Graphics Audio/Video

Bus119A HTML Basic Elements Presented By John Wang

The Basic HTML Document Skeleton Your basic document will look something like this: Bus 119A WebWorks HomePage This Paragraph will explain our Summary... This Paragraph will teach the HTML Basics... This Paragraph will discuss our slide show...

WebWorks' Main Page

Welcome to WebWorks' Home Page This page is under CONSTRUCTION. This is regular text This is BOLD text This is italic text A This is font size 1 in blue This is font size 7 in HOT PINK

Use the Big tag to make things bigger and the small tag to make things teeny Use subscripts and superscripts to create mathematical expressions like a 2 +b 2 =c 2, or for chemical expressions like H 2 O This a strike through This is underlined

Bus119A Text Formatting and Tables Presented By Diana Chou

Formatting & Tables This is regular text This is BOLD text This is Italic text First item Second item Point 1 Point 2

Table Personal Page Personal Page Business or Personal Page

Bus119A Images, Links and Frames Presented By Greg Windt

Links & Images <BODY Text="#000000" Background="satin1.jpg" " Link="#0000FF" Vlink="#800080" Alink="#FF0000"> Webworks WebWorks Summary

Frame If you are viewing this, your browser does not support frame documents. Don't worry! We've thought ahead and built our site to be navigational with non-frame browsers. Here's the link to our Home Page

Bus119A Presented By Greg Windt

Angelfire URL Angelfire’s Images Your Images Powerpoint Slides Slides