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.

Slides:



Advertisements
Similar presentations
HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.
Advertisements

The Web Wizards Guide to HTML Chapter Four All About Hyperlinks.
The Web Wizards Guide to Freeware/Shareware Chapter Four Essential Tools for Web Page Authors.
HTML III. Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Need to define two things: › The destination › Something to click on to get there  Tag is click here  Can be text, special character or image (next.
Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.
 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.
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.
HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.
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.
27 September. Thursday’s Current Event: Follow Up Lands End Already offers VoIP eBay to purchase Skype Connect buyers and sellers Google Offers instant.
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.
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.
Images By Tara Frieszell By Tara Frieszell. Adding images to your website will make it more interesting and add to the design. However, some viewers aren’t.
Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
Web Page Creation Part II ST: Introduction to Web Interface Design Prof. Angela Guercio.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
Images: HTML and CSS. The Bells page without images in Source View and Design View.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.
Web Design (5) Navigation (1). Creating a new website called ‘Navigation’ In Windows Explorer, open the folder “CU3A Web Design Group”; and then the sub-folder.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Tutorial 30 – Bookstore Application: Client Tier Introducing.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
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.
XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
XHTML1 Images N100 Building a Simple Web Page. XHTML2 The Element The src attribute specifies the filename of an image file To include the src attribute.
CO1552 – Web Application Development Linking Pages - The Basis of the Web.
XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.
Why are links important to a website? Web Design Course.
Notes Chapter 10—Adding Graphics. There are two kinds of graphics on the Internet: those you can use on your own Web pages, and those you cannot.  Many.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
Tutorial 3 Adding and Formatting Text with CSS Styles.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
REEM ALMOTIRI Information Technology Department Majmaah University.
Chapter 5 BIE2313 | Web design. ALL RIGHTS RESERVED No part of this document may be reproduced without written approval from Limkokwing University of.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
`. Lecture Overview HTML Body Elements Linking techniques HyperText references Linking images Linking to locations on a page Linking to a fragment on.
CIS 228 The Internet Day 4, 9/8/11 Getting on the Internet.
Lecture 8 Introduction to Web Programming. Announcement  First In-class exam will be on Oct. 10 (Wednesday)  2.50pm – 4.05pm  Exam will cover all materials.
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.
 Pictures  Page backgrounds  Element backgrounds (list items!)  Link displays (arrows)  List markers.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
1 3/2/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Hyperlinks.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.
Computer Basics Introduction CIS 109 Columbia College.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.
HTML Newsletters Tips and Troubleshooting Mark Branom, IT Services.
AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis
Links. Links Links Need to define two things: The destination Something to click on to get there Tag is click here Can be text, special.
Images and Backgrounds
Cheat Sheet CSCI 100 JW Ryder
Cheat Sheet CSCI 100 JW Ryder
Links.
Enhancing Your Web Site—Adding Links Web Page
One Set of Styles Connected to As Many Pages as You Want!!!
How to add a photo gallery in html/css
© 2017, Mike Murach & Associates, Inc.
Presentation transcript:

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 CSS on Thursday

 Need to define two things: › The destination › Something to click on to get there  Can be text or image

 Links: always link to an anchor point › Implicit anchor point at top of page › Adding other anchor points  Insert->Named anchor point  Name = highlighted text OR chosen   To point to an anchor point on the SAME page › link text

 Other pages that are always kept with the current one › Not only the same machine, but the same folder  This is why we use folders!  Connect with the same access tag › Link text

 Use full url › Link text

 Exactly the same rules for referencing › No need for internal points  Tag is  “alt” for screen readers  Sources › Your own › Publicly available  Flickr and the Creative Commons Flickr  Google and labeled for reuse Google

 Exception to the rule of formatting in CSS  When using a SINGLE picture (not a page of photos), okay to place size in tag  Why? › Typically unique   However, all other attributes are ALWAYS in CSS

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