History Before designing web pages it is important to know how it all came about… History Channel – The Invention of the Internet History Channel – The.

Slides:

Advertisements

Similar presentations

4.01 How Web Pages Work.

Advertisements

 A markup language  Structures content on the internet  Commonly used by web browsers.

HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.

HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.

Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,

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.

CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. Browser.

Web Design Basic Concepts.

Web Browser: Netscape Navigator and Internet Explorer By Bhupendra Ratha, Lecturer School of Library and Information Science Devi Ahilya University, Indore.

Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 

Chapter 1 Variables in the Web Design Environment.

History Before designing web pages it is important to know how it all came about… Internet  WWW.

And Mobile Web Browsers

HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.

What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.

HINARI/Basic Internet Concepts (module 1.1). Instructions - This part of the:  course is a PowerPoint demonstration intended to introduce you to Basic.

Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.

2 pt 3 pt 4 pt 5pt 1 pt 2 pt 3 pt 4 pt 5 pt 1 pt 2pt 3 pt 4pt 5 pt 1pt 2pt 3 pt 4 pt 5 pt 1 pt 2 pt 3 pt 4pt 5 pt 1pt Hardware Internet Word Processing.

Web Browsers And Mobile Web Browsers. Guiding Questions What is a mobile Web browser? Why do Web pages look differently on different Web browsers? What.

The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

Microsoft Office XP Illustrated Introductory, Enhanced Started with Internet Explorer Getting.

 Internet network of connected computer › No company owns the internet › Purpose is to share information  World Wide Web (Web) one of the ways information.

Chapter 8 Browsing and Searching the Web. Browsing and Searching the Web FAQs: – What’s a Web page? – What’s a URL? – How does a browser work? – How do.

Objective Understand concepts used to web-based digital media. Course Weight : 5%

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

McLean HIGHER COMPUTER NETWORKING Lesson 6 Types of Browsers & WAP Explanation of browser functions Wireless access to the Internet Description of.

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

Accessing the World Wide Web

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

MODULE 3 Internet Basics © Paradigm Publishing, Inc.1.

TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.

Semantics vs. Style Importance of Standards Why we follow the rules.

Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.

Some Big Concepts You Need to Know REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 3.

The Internet and World Wide Web Sullivan University Library.

Web Browsing *TAKE NOTES*. Millions of people browse the Web every day for research, shopping, job duties and entertainment. Installing a web browser.

Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.

Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,

Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.

Internet Searching the World Wide Web. The Internet and the World Wide Web The Internet is a worldwide collection of networks that allows people to communicate.

Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)

Introduction of Presented by Neetu sharma MCA (8 th trim)

Website Design and Construction Services and Standards.

HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.

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.

Computer Basics Introduction CIS 109 Columbia College.

And Mobile Web Browsers

4.01 How Web Pages Work.

Dreamweaver – Setting up a Site and Page Layouts

Web-based structures, links and testing

Chapter 1 Introduction to HTML.

HTML 5 Tutorial Chapter 1 Introduction.

Project 1 Introduction to HTML.

Web Browsers & Mobile Web Browsers.

Process of Converting “PSD to HTML”

What is Web Design Encompasses several different areas: Graphic Design

Objective % Explain concepts used to create websites.

History Before designing web pages it is important to know how it all came about… History Channel – The Invention of the Internet Start at 17mins.

Computer Networks and Internet

Resolving Resolutions

Web: Big Concepts Ch. 3 1/10/2019.

ITI 163: Web, Mobile, and Social Media Design Introduction

4.01 How Web Pages Work.

And Mobile Web Browsers

4.01 How Web Pages Work.

And Mobile Web Browsers

Presentation transcript:

History Before designing web pages it is important to know how it all came about… History Channel – The Invention of the Internet History Channel – The Invention of the Internet

URL Uniform Resource Locator  The location part of the URI (Uniform Resource Identifier)

URLs/URIs can be complex

Default Files Depends on Web Server will load In general will load

Never know how sites we create will be viewed We don’t know:  which browser  desktop computer or portable  how large the browser window  what fonts are installed  whether JavaScript is enabled  speed of Internet connection  if pages being read by screen reader Designers need to resist the urge to make assumptions about any of the above

Mobile Browsers Sometime soon (it may have already happened), most WWW views will be using a browser on a mobile device. Screen size and low bandwidth change everything.  Optimizing graphics is important again.  Responsive web page layouts

How do we handle this diversity? Standardize WWW World Wide Web Consortium (W3C)  Sets the standards for HTML, CSS, and JavaScript  All browsers should(must) follow the standards Web Hypertext Application Technology Working Group (WHATWG)  Lead by Apple, Google, and Mozilla Firefox  Established because the W3C is moving too slowly to adopt new technology

HTML5 The new standard adopted by almost all browsers  Will soon be adopted by W3C (slowly) “Living Standard” / Progressive Enhancement  There may be no HTML6 ever Supports web applications  HTML5 Canvas + JavaScript

Progressive Enhancement No browser has implemented all the standards 100% Idea is to start with baseline experience for basic browsers and layer on advanced features

Responsive Web Design Strategy for providing custom layouts to devices based on size of browser window Think of the “conditional light box” from lab… what happened when you changed the size of the window?

Accessibility Need to consider:  Vision impairment  Mobility impairment  Auditory impairment  Cognitive impairment All sites benefit from these considerations, but government sites require adherence (508 compliance)

Site Performance Mainly speed  Optimize images so they are smallest size possible without sacrificing quality  Minimize HTML and CSS code  Keep JavaScript to a minimum  Other things that we will not cover in this class Why is this important?  Google has now added site speed to its search algorithm

Basic HTML Document