Introduction to Web Authoring

Slides:

Advertisements

Similar presentations

XP 1 Developing a Basic Web Site Tutorial 2: Web Site Structures & Links.

Advertisements

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)

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.

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.

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 4: Creating Hyperlinks Kelly L.

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

1 Chinese Information Processing : Using Computers to Teach and Learn Chinese Week 6 and 7: Creating and maintaining web pages - html and ftp.

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.

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)

Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.

01 - Introduction Informatics Department Parahyangan Catholic University.

Introduction to Web Authoring Ellen Cushman /wra210.htm Class mtg. #2.

Introduction to Web Authoring Ellen Cushman our syllabus

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.

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.

Glencoe Introduction to Multimedia Chapter 2 Multimedia Online 1 Internet A huge network that connects computers all over the world. Show Definition.

4.01 How Web Pages Work.

Introduction to Web Authoring

4.01 How Web Pages Work.

Introduction to HTML Section A – Programming, HTML

Technologies and Applications

Exploring Microsoft Word 2000

Introduction to Web Authoring

Internal and External Links

Internal and External Links

Introduction to Computers

Understanding the internet

Web Design and Development

Introduction to Web Authoring

The Internet and the World Wide Web (ch. 7)

HTML5 Level I Session I Chapter 1 - Introduction to Web Development

Computer Networks and Internet

Introduction to Web Authoring

Introduction to Web Authoring

Introduction to Web Authoring

Adding Links Chapter 6 4/9/2019.

4.01 How Web Pages Work.

Making Web pages (3).

Introduction to Web Authoring

One Set of Styles Connected to As Many Pages as You Want!!!

Introduction to Web Authoring

An Introduction to the Internet

Presentation transcript:

Introduction to Web Authoring Class mtg. #3 www.msu.edu/~cushmane/wra210.htm our syllabus www.msu.edu/~cushmane/wa.htm our class page Ellen Cushman Cushmane@msu.edu

Today In Class Review what we’ve done: trinity of standards & file management. 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? X Y 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?

Adding links to your page 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?

Links: External & Internal Anchors (Links) Within a Page “From” Link <A HREF=“#Section 1”> Go to Section 1</A> “To” Link <A NAME=“Section 1”> Section 1</A>

Links: absolute and relative Anchors (Links) to Another Page Absolute <A HREF=“http://www.rpi.edu/ ~hartdw/”>Bill’s page</A> Relative <A HREF=“wwww4.html”>Writing to the World Wide Web, section 4</A>

Links: mailto Mailto Anchors <A HREF=“mailto:cushmane@msu.edu”> Ellen’s e-mail</A> Reload your page with these changes! Draft of your page due 1/16 for review.