Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1.

Slides:

Advertisements

Similar presentations

Murach’s C# 2010, C6 © 2010, Mike Murach & Associates, Inc.Slide 1.

Advertisements

Murach’s SQL Server 2008, C6© 2008, Mike Murach & Associates, Inc.Slide 1.

SQL for SQL Server, C6© 2002, Mike Murach & Associates, Inc.Slide 1.

Murach’s C# 2010, C3 © 2010, Mike Murach & Associates, Inc.Slide 1.

Murach's C# 2012, C3© 2013, Mike Murach & Associates, Inc.Slide 1.

Murach’s SQL Server 2008, C1© 2008, Mike Murach & Associates, Inc.Slide 1.

Murach’s C# 2010, C1© 2010, Mike Murach & Associates, Inc.Slide 1.

© 2013, Mike Murach & Associates, Inc.

Murach’s SQL Server 2008, C4© 2008, Mike Murach & Associates, Inc.Slide 1.

Murach’s C# 2010, C4 © 2010, Mike Murach & Associates, Inc.Slide 1.

Murach’s C# 2010, C4 © 2010, Mike Murach & Associates, Inc.Slide 1.

Murach's C , C4 © 2009, Mike Murach & Associates, Inc. Slide 1 © 2009, Mike Murach & Associates, Inc.Slide 1.

XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.

Multiple Tiers in Action

IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.

Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.

Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,

Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.

1 HTML (Set Up Public Folder) Some material on these slides is taken directly from

27.1 Chapter 27 WWW and HTTP Copyright © The McGraw-Hill Companies, Inc. Permission required for reproduction or display.

OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.

Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.

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.

How the Web Works Digital Histories Workshop Adam Crymble.

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

The Web and Web Services Jim Graham NR 621 Spring 2009.

HOW THE WEB WORKS Reference: Learning Web Design (4 th edition) by Robbins 2012 – Chapter 2 (pp. 21 – 32)

1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.

Web Server By Bhupendra Ratha, Lecturer School of Library and Information Science Devi Ahilya University, Indore

The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.

Chapter 1 Murach's JavaScript and jQuery, C1© 2012, Mike Murach & Associates, Inc.Slide 1.

Adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents. These.

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.

4.01 How Web Pages Work.

4.01 How Web Pages Work.

© 2008, Mike Murach & Associates, Inc.

CISC103 Web Development Basics: Web site:

Some bits on how it works

© 2010, Mike Murach & Associates, Inc.

© 2002, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

© 2002, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

© 2002, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

Navigating The World Wide Web

© 2002, Mike Murach & Associates, Inc.

© 2002, Mike Murach & Associates, Inc.

© 2002, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

© 2002, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

© 2002, Mike Murach & Associates, Inc.

© 2002, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

Document Structure & HTML

© 2002, Mike Murach & Associates, Inc.

© 2010, Mike Murach & Associates, Inc.

© 2007, Mike Murach & Associates, Inc.

4.01 How Web Pages Work.

© 2010, Mike Murach & Associates, Inc.

© 2017, Mike Murach & Associates, Inc.

© 2008, Mike Murach & Associates, Inc.

© 2017, Mike Murach & Associates, Inc.

Presentation transcript:

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 2

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 3 Computer Client Tablet Client Smart Phone Client

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 4

1.  HyperText Transfter Protocol - this is the default protocol if not specified 2.  domain name – often www. can be omitted 3./ourwork/  path / folder name 4.Index.html  filename – this or default.htm is the default if not specified Create names of folders and files that consist of lowercase letters, numbers, underscores or hyphens and the period (dot) Do not leave spaces in filenames! Use filename that clearly indicate what a page contains

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 6

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 7 Client requests a web page using a browser. Web server receives the request and gets the appropriate HTML (HyperText Markup Language) file. Server sends it back to the client and the page is displayed in the browser.

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 8

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 9 Client requests a web page using a browser. Web server receives the request and contacts the appropriate Application server. The Application server processes a script (program) that builds the web page (written using HTML, of course). It may need to access data from a Database server. The web page is returned to the client by the Web server to be displayed in the browser.

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 10

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 11 Image rollove r Image swap

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 12

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 13

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 14 Add this line to the section of your html document.

Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 15