Session I Chapter 1 - Introduction to Web Development

Slides:



Advertisements
Similar presentations
Overview Environment for Internet database connectivity
Advertisements

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
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.
AJAX – The Future of Web Development? Anders Moberg David Mörtsell David Södermark.
Beginning Web Site Creation: Dreamweaver CS4.  WK1 & WK2  File Management  BlackBoard  SWS  Planning, Design, and HTML review  WK3 & WK4  Dreamweaver.
© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
Multiple Tiers in Action
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
© 2004, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet.
E-Commerce The technical side. LAMP Linux Linux Apache Apache MySQL MySQL PHP PHP All Open Source and free packages. Can be installed and run on most.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
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.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
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.
Drboots presents. Web 101 Utility links | Join SWIFT | Pylons Navigation links Some place Another place Links Nothinghere Content goes here This is content…seriously.
Ajax, XSLT and SVG Displaying ATLAS conditions data with new web technologies Shaun Roe 1Ajax, XSLT & SVG (Shaun Roe, Atlas)CHEP'09 Prague.
Internet Applications Notes for Chapter 19 Digital Domain, 2 ed.
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.
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.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
World Wide Web Aaditya Bhatia CS 147. Agenda History OSI model Hardware IP address DNS Server - Client Peer-to-peer Web-Sites Web programming Search engines.
Client side web programming Introduction Jaana Holvikivi, DSc. School of ICT.
HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.
OWL Jan How Websites Work. “The Internet” vs. “The Web”?
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
What does WWW stand for? And following abbreviations? HTTP: Hyper Text Transfer Protocol HTML: Hyper Text Mark-up Language URL: Uniform Resource Locator.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Overview Web Session 3 Matakuliah: Web Database Tahun: 2008.
INTRODUCTION TO WEB APPLICATION Chapter 1. In this chapter, you will learn about:  The evolution of the Internet  The beginning of the World Wide Web,
Schedule Introduction to Web & Database Integration Tools and Resources HTML and Styles Forms and Client-Side Scripts DB Engines Forms Processing and Server-Side.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
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.
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.
1 Introduction to Web Application Review. 2 Five Layers Architecture HTML, CSS, Java Script ASP.net User ’ s.dll, Nunit, Web Services ADO.net SQL Server,
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 Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.
National College of Science & Information Technology.
Introduction to Internet Programming (Web Based Application)
Web Programming Language
Introduction to Information Security
Web Technologies Computing Science Thompson Rivers University
Chapter 1 Introduction to HTML.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
AJAX.
Web App vs Mobile App.
Introduction to Web Database By Rimpi Suman 1 1 Unit-6.
CMP Creating Your Personal and Small Business Web Sites
HTML5 Level I Session I Chapter 1 - Introduction to Web Development
Chengyu Sun California State University, Los Angeles
Secure Web Programming
CMP Creating Your Personal and Small Business Web Sites
Introduction to web development Murach's HTML and CSS, 4th Edition
Chengyu Sun California State University, Los Angeles
HTML5 Session I Chapter 1 - Introduction to Web Development Chapter 18 - How to Design a Web Site Chapter 19 - How to Deploy a Web.
ITI 163: Web, Mobile, and Social Media Design Introduction
Introduction to World Wide Web
Web Development 101 Workshop
Chengyu Sun California State University, Los Angeles
BOF #1 – Fundamentals of the Web
Web Technologies Computing Science Thompson Rivers University
Client-Server Model: Requesting a Web Page
Presentation transcript:

Session I Chapter 1 - Introduction to Web Development

Outline How Web Applications Work Intro to HTML & CSS Viewing Web Pages Critical Web Development Issues 8/1/2014Copyright © Carl M. Burnett2

8/1/2014Copyright © Carl M. Burnett3 Components of the Web

Web Request-Response Cycle Static Web Page 1.User Sends Request by URL 2. DNS Lookup 3. Request Transmitted 4. Web Server Processes Request 5.Results Formatted in HTML for Browser 6. Results Send to User 7.Browser Decodes HTML from Web Server 8.Results Displayed to User RequestResponse 8/1/2014Copyright © Carl M. Burnett 4

The Web Medium Dynamic Web Site 8/1/2014Copyright © Carl M. Burnett5 Database TCP/IP HTTP HTML5 CSS3 JavaScript AJAX XML ASP / Java C++ / C# Perl Ruby Python SQL PHP / XML AJAX Client Side Server Side

Desktop Web Browsers IE Firefox Chrome Opera Safari 8/1/2014Copyright © Carl M. Burnett6

Web Building Blocks 8/1/2014Copyright © Carl M. Burnett7 Hypertext Stylization Metadata Interactivity

Key Technologies Hypertext Markup Language - HTML HTML5 Cascading Style Sheets - CSS JavaScript Asynchronous JavaScript - AJAX XML 8/1/2014Copyright © Carl M. Burnett8

Server Side Scripting PHP ASP C++/C# Java Ruby PERL Python 8/1/2014Copyright © Carl M. Burnett9

HTML Standards VersionYearDescription HTML1991 HTML HTML HTML HTML XHTML Incorporated XML HTML52012Working Draft in /1/2014Copyright © Carl M. Burnett10

CSS Standards VersionYear /1/2014Copyright © Carl M. Burnett11

HTML Document JavaScript_Book.html 8/1/2014Copyright © Carl M. Burnett12

CSS Document body { font-family: Arial, Helvetica, sans-serif; font-size: 82.5%; width: 500px; margin: 0 auto; padding: 1em; border: 1px solid navy; } h1 { margin: 0; padding:.25em; color: navy; font-size: 250%; } img { float: left; margin: 0 1em; } p { margin: 0; padding-bottom:.5em; } 8/1/2014Copyright © Carl M. Burnett13

Viewing Web Pages 8/1/2014Copyright © Carl M. Burnett14 Protocol Domain Name Directories File Name URLURN URI - Uniform Resource Identifier URL - Uniform Resource Locator URN - Uniform Resource Name URI

Critical Web Development Issues Cross Browser Compatibility User Accessibility Search Engine Optimization (SEO) 8/1/2014Copyright © Carl M. Burnett15

Summary How Web Applications Work Intro to HTML & CSS Viewing Web Pages Critical Web Development Issues 8/1/2014Copyright © Carl M. Burnett16 Next – Chapter 18 - How to Deploy a Web Site on a Web Server

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2024 SlidePlayer.com Inc. All rights reserved.