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

Slides:



Advertisements
Similar presentations
HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
Advertisements

4.01 How Web Pages Work.
DT228/3 Web Development WWW and Client server model.
 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Project 1 Introduction to HTML.
Appendix A Introduction to Web Development PHP Programming with MySQL
© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
The Application Layer Chapter 7. Electronic Mail Architecture and Services The User Agent Message Formats Message Transfer Final Delivery.
Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.
Chapter 1 Introduction to Web Development. 2 Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European.
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.
© 2004, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet.
1st Project Introduction to HTML.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
Web Design Basic Concepts.
CSCI 323 – Web Development Chapter 1 - Setting the Scene We’re going to move through the first few chapters pretty quick since they are a review for most.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Databases and the Internet. Lecture Objectives Databases and the Internet Characteristics and Benefits of Internet Server-Side vs. Client-Side Special.
Chapter 1: Introduction to Web
With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.
2013Dr. Ali Rodan 1 Handout 1 Fundamentals of the Internet.
1 John Magee 9 November 2012 CS120 Lecture 17a: Publishing Web pages.
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.
BASIC UNDERSTANDING OF INTERNET AND WEB BRIDGE COURSE of INFORMATION & COMMUNICATION TECHNOLOGY Activity No. 8.
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
HTML ~ Web Design.
Web Engineering we define Web Engineering as follows: 1) Web Engineering is the application of systematic and proven approaches (concepts, methods, techniques,
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
1 Welcome to CSC 301 Web Programming Charles Frank.
Session I Chapter 1 - Introduction to Web Development
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 1 Key Concepts 1.
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 1.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
HOW THE WEB WORKS Reference: Learning Web Design (4 th edition) by Robbins 2012 – Chapter 2 (pp. 21 – 32)
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
IS-907 Java EE World Wide Web - Overview. World Wide Web - History Tim Berners-Lee, CERN, 1990 Enable researchers to share information: Remote Access.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
Introduction to the World Wide Web & Internet CIS 101.
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
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.
Overview Web Technologies Computing Science Thompson Rivers University.
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)
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Website Design and Construction Services and Standards.
Lesson 1: HTML and the Web Instructor: Mrs. KIM Lang.
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.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
Chapter 1 Introduction to HTML.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Project 1 Introduction to HTML.
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
Introduction to World Wide Web
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Presentation transcript:

Web Design (1) Terminology

Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets - describe how the content should look

Coding ‘languages’ (2) Java Script used to add interactivity to web pages e.g. carousels for photos PHP - Hypertext Preprocessor (originally ‘Personal Home Page’) for ‘server-side’ programming e.g. databases of products for sale

‘Client-side’ and ‘Server-side’ Client-side programming runs on the user’s machine Server-side programming runs on the server’s machine databases are often server-side

Browser a window on a computer monitor with a web page displayed in it. Some browsers: Explorer Chrome Safari Firefox Opera

The Internet and The Web The Internet network of connected computers called ‘servers’ because they ‘serve up’ documents on request The Web ( created by Tim Berners-Lee in 1989) operates within the Internet. To be part of the web, a computer must be running special web server software that allows it to handle HTTP (Hypertext Transfer Protocol) transactions.

Web Page Addresses URL (Uniform Resource Locator) every page on the Web has its own special address called a URL (protocol) (name of site) (absolute path) http – “get into web mode” www - not used for all web sites if no absolute path is given - server will look for ‘index.html’

Standards in Web Design W3C - World Wide Web Consortium sets standards, which (hopefully!) mean that coding in HTML, CSS & JavaScript will operate in all browsers.

Speed (Web Site Performance) Site performance is optimized by removal of unnecessary spaces keeping JavaScript to a minimum optimizing images