NASRULLAH KHAN.  Lecturer : Nasrullah   Website :http://iba-s13-cse308.wikispaces.com.

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
4. Internet Programming ENG224 INFORMATION TECHNOLOGY – Part I
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Internet Applications Development Lecture 2 L. Obead Alhadreti.
HTML. The World Wide Web Protocols Addresses HTML.
DT228/3 Web Development WWW and Client server model.
Understand Web Page Development Software Development Fundamentals LESSON 4.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.
CIS101 Introduction to Computing
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.
HTML Introduction HTML
Computer Science 101 Web Access to Databases Overview of Web Access to Databases.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Chapter 14 Introduction to HTML
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
INTRODUCTION TO WEB DATABASE PROGRAMMING
Introduction to ASP.NET. Prehistory of ASP.NET Original Internet – text based WWW – static graphical content  HTML (client-side) Need for interactive.
Chapter 1: Introduction to Web
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
2013Dr. Ali Rodan 1 Handout 1 Fundamentals of the Internet.
HTML HyperText Markup Language Constantly evolving - extra facilities being added regularly Java applets and JavaScript used to increase functionality.
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.
Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
Open Web App. Purpose To explain Open Web Apps To explain Open Web Apps To demonstrate some opportunities for a small business with this technology To.
Introduction to Internet Programming (Web Based Application)
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Understanding HTML Code
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.
HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.
1 John Magee 9 November 2012 CS120 Lecture 17: The World Wide Web and HTML Web Publishing.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
HTML: Hyptertext Markup Language Doman’s Sections.
1 © Copyright 2000 Ethel Schuster The Web… in 15 minutes Ethel Schuster
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
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,
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
Introduction to HTML. Today’s Discussion What is HTML ? What is HTML ? What is Web Page ? What is Web Page ? Web Server Web Server Web Browser Web Browser.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Web Page Creation Standard Grade Computing. WWW n The World Wide Web is a collection of information held in multimedia form on the Internet. n This information.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
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)
Information Networks. Internet It is a global system of interconnected computer networks that link several billion devices worldwide. It is an international.
Introduction to Computer CC111 Week 11 Introduction To HTML 1.
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 Programming Language
HTML Basics.
Egyptian Language School General Questions Prep.2
What is WWW? The term WWW refers to the World Wide Web or simply the Web. The World Wide Web consists of all the public Web sites connected to the Internet.
Warm Handshake with Websites, Servers and Web Servers:
Sec (4.3) The World Wide Web.
E-commerce | WWW World Wide Web - Concepts
E-commerce | WWW World Wide Web - Concepts
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
Introduction to Web Application Design
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
INFS 230 L Internet Technology
Presentation transcript:

NASRULLAH KHAN

 Lecturer : Nasrullah   Website :

 The World Wide Web, (WWW) is a system of interlinked hypertext documents accessed via the Internet. With a web browser, one can view web pages that may contain text, images, videos, and other multimedia and navigate between them via hyperlinks

 Web browser (client)  Web server (on which web site is hosted).

 A browser is an application that displays websites from remote server through the internet.  web browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web.  Most popular web browsers ?

 A web server is a piece of software that manages web pages and makes them available to client browsers via a local network or over the internet.  Web server :- Apache,IIS,Iplanet’s Enterprise server  We had to install IIS 7.0 services on our machine to make our machine a web server.

The primary function of a web server is to deliver web pages on the request to clients. This means delivery of HTML documents and any additional content that may be included by a document, such as images, style sheets and scripts.

 HTTP, short for HyperText Transfer Protocol, is the protocol for transferring hypertext documents that makes the World Wide Web possible. A standard web address  is called a URL; the prefix (http in the example) indicates its protocol.

 Hypertext is text displayed on a computer or other electronic device with references (hyperlinks) to other text that the reader can immediately access, usually by a mouse click or key press sequence.

 Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it is a markup language  A markup language is a set of markup tags  HTML uses markup tags to describe web pages

 Web applications are applications that use the Internet’s infrastructure to delivere their functionality.  A web application is an application that is accessed over a network such as the Internet or an intranet.  Web Applications do not use the more traditional client/server technologies,but are using web technologies such as web browsers and web servers.

 The Internet carries a vast range of information resources and services, such as the inter-linked hypertext documents of the World Wide Web (WWW) and the infrastructure to support electronic mail.  intranet is a private computer network that uses Internet Protocol technology to securely share any part of an organization's informationlectronic mail. It is an organization's internal website

 Web applications do not require any complex "roll out" procedure to deploy in large organizations. A compatible web browser is all that is needed  Browser applications typically require little or no disk space on the client  They require no upgrade procedure since all new features are implemented on the server and automatically delivered to the users

 Web applications integrate easily into other server-side web procedures, such as and searching.  They also provide cross-platform compatibility in most cases (i.e., Windows, Mac, Linux, etc.) because they operate within a web browser window.

 No special configuration or changes are need on user's PCs.  Lower costs.  Centralised data is secure and easy to backup. Updates can be made quickly and easily. Information is accessible to a wide audience anywhere in the world.  Available 24 hours a day, 7 days a week.  Everybody has a browser - familiar interface encourages.  Always up-to-date.

4Web server: a system on the internet containg one or more web site 4Web site: a collection of one or more web pages 4Web pages: single disk file with a single file name 4Home pages: first page in website

 A static website contains Web pages with fixed content. Each page is coded in HTML and displays the same information to every visitor. Static sites are the most basic type of website and are the easiest to create.

?

 We need to generate the html after the page is requested.

 Client side dynamic web pages:-  Server side dynamic web pages

 Javascript  Vbscript  activeX Controls  Java Applets  Curl

 CGI  ASP  JSP  COLDFUSION  PHP  ASP.NET

  IBA   IBA   IBA   IBA 

1.Use an text editor such as Notepad to write the document. 2.Save the file as filename.html on a PC. This is called the Document Source. 3.Open internet Explorer (or any browser) Off-Line 4.Switch to Explorer. 5.Click on File, Open File and select the filename.html document that you just created. 6.Your HTML page should now appear in Explorer.

7.You may now switch back and forth between the Source and the HTML Document switch to Notepad with the Document Source make changes save the document again switch back to Internet Explorer click on RELOAD and view the new HTML Document switch to Notepad with the Document Source......

contains information about the document  The element is a container for all the head elements. Elements inside can include scripts, instruct the browser where to find style sheets, provide meta information, and more.  The following tags can be added to the head section:,,,,,, and puts text on the browser's title bar. Heading: Center: Line Break, Phrase Markups:, Unordered list : Ordered list: Nested

ADD IMAGE  Use tags  Attributes of IMG tag -width, height -Alt -Align -<Img src=my.gif width=50 height=50 align=right alt=“My image”>  Use tags

contains information about the document  The element is a container for all the head elements. Elements inside can include scripts, instruct the browser where to find style sheets, provide meta information, and more.  The following tags can be added to the head section:,,,,,, and. 

 Norwegian Mountain Trip 

 Header 1 Header 2 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2