Introduction to Web Authoring Ellen Cushman our syllabus

Slides:



Advertisements
Similar presentations
HTML III. Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)
Advertisements

Surrey Libraries Computer Learning Centres January 2012 Internet Searching Teaching Script Totally New to Computers Internet Searching.
XP 1 Developing a Basic Web Site Tutorial 2: Web Site Structures & Links.
TS 313 Multimedia Applications Welcome to TS 313 Multimedia Applications There is no audio lecture associated with this set of introduction slides Refer.
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
THE WEB Monica Stoica Background Information n HTTP stands for Hypertext Transfer Protocol n FTP stands for File Transfer Protocol n Html stands for.
Chapter 14 Introduction to HTML
With Microsoft Office 2007 Introductory© 2008 Pearson Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Office 2007 Introductory.
Internet. Internet is Is a Global network Computers connected together all over that world. Grew out of American military.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
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.
1 HTML/XHTML Objectives Explain what HTML is and how Web pages use HTML Explain what HTML is and how Web pages use HTML Demonstrate how to create Web pages.
XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.
Tutorial #2 Creating Links. Tutorial #1 Review Basic Page (DOCTYPE, HTML, Head, Title, Body) Tags Structure( ),,,,,, Nested Tags content Tag Attributes.
Anatomy of a URL: Finding Broken Links Dr. Steve Broskoske Misericordia University.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Adding Hyperlinks To a Web Page. Hyperlink and Its Add-Ons Main way to connect web pages and move throughout a web site. Uses the Anchor Tag which is.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 4: Creating Hyperlinks Kelly L.
Developing a Web Site. Web Site Navigational Structures A storyboard is a diagram of a Web site’s structure, showing all the pages in the site and indicating.
 The tag to create a link is called, which stands for anchor.  You put the address of the page to link to in quotes after href=, like the following:
Exploring Microsoft Office Welcome to Cyberspace: The Internet and World Wide Web1 Exploring the Internet Chapter 1 Welcome to Cyberspace: The Internet.
Here you are at your computer, but you don’t have internet connections. Your ISP becomes your link to the internet. In order to get access you need to.
Adding Links Learning Web Design: Chapter 6. Lesson Overview Using the anchor tag Linking to other pages with relative or absolute pathnames Linking to.
The Internet and the World Wide Web (ch. 7) Internet-based communications other Internet services the World Wide Web.
Session I Chapter 1 - Introduction to Web Development
INTRODUCTORY Tutorial 6 Using Links on a Web Page.
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.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
XP 1 HTML Tutorial 2: Developing a Basic Web Site.
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 1.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Digital Literacy Concepts and basic vocabulary. Digital Literacy Knowledge, skills, and behaviors used in digital devices (computers, tablets, smartphones)
Chapter 6 Links. 3 Parts of Links 1. Destination: defines what happens when a user clicks the link. 2. Label: this is the text (or possibly an image)
01 - Introduction Informatics Department Parahyangan Catholic University.
Links Building a Website Lesson 5. Links There are various ways to use links on a website: Link to other sites Link to other pages on the same site .
Introduction to Web Authoring Ellen Cushman our syllabus
Introduction to Web Authoring Ellen Cushman /wra210.htm Class mtg. #2.
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
XP 1 Charles Edeki AIU Live Chat for Unit 2 ITC0381.
The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.
Introduction to Web Authoring Ellen Cushman Class mtg. #13.
Web Page Design XHTML Lesson 4. Adding Structure 4 A div tag –Used to divide up a web page and to add structural meaning to the page. –Will not change.
URLs & Web Protocols 18 URLs & Web Protocols 18. URLs & Web Protocols 18 A URL is a web address Uniform Resource Locator You say it like ‘earl’ A resource.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 2 Creating Links.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 2
World Wide Web. The World Wide Web is a system of interlinked hypertext documents accessed via the Internet The World Wide Web is a system of interlinked.
Basic Internet Skills. What is the internet? A large group of computers connected to one another Its purpose is to send information back and forth to.
Introduction to Web Authoring
Introduction to HTML Section A – Programming, HTML
Technologies and Applications
Exploring Microsoft Word 2000
Internal and External Links
Internal and External Links
Introduction to Computers
Understanding the internet
CS7026: Authoring for Digital Media HTML Authoring
Introduction to Web Authoring
Internet.
The Internet and the World Wide Web (ch. 7)
HTML5 Level I Session I Chapter 1 - Introduction to Web Development
Introduction to Web Authoring
Adding Links Chapter 6 4/9/2019.
The Internet and Electronic mail
Introduction to Web Authoring
An Introduction to the Internet
Presentation transcript:

Introduction to Web Authoring Ellen Cushman our syllabus our class page Class mtg. #3

Today In Class 1.Review what we’ve done: trinity of standards & file management. 2.Talk about new vocab: types of links, xhtml and CSS, forward and backward compatibility, integrity and portability, accessibility. 3. What are we learning from reverse engineering these sites? 4. Play with your project page more. Save your files and load these.

For Next Time… 1/16 1. Drafts of project pages are due. Be prepared to talk about what you’ve done and how. 2. CSS: what is it and how can we work with it? Read Chapter 9 Zeldman. 3. Be prepared to work with CSS basic grammars.

Review What are the trinity of web standards? 1.X 2.Y 3.Z

Review File Mangagement: How is a url (i.e. uniform resource locator) structured? Points to: domains, directories, files. http: (hypertext transfer protocols & ftp: file transfer protocols) Reading a personal page url.

What we’re learning re: html Let’s consider the strengths of html and weaknesses. What does CSS stand for? How might CSS address some of the later?

What we’re learning re: html What does CSS stand for? How might CSS address some of the problems with.html?

Add links (mail to, internal,external, absolute and relative) a table, and a border to your page. What is an internal and external link? What is an absolute and relative link? What is a mailto link? Adding links to your page

Links: External & Internal Anchors (Links) Within a Page “From” Link Go to Section 1 “To” Link Section 1

Links: absolute and relative Anchors (Links) to Another Page Absolute Bill’s page Relative Writing to the World Wide Web, section 4

Links: mailto Mailto Anchors Ellen’s Reload your page with these changes! Draft of your page due 1/16 for review.