2440: 211 Intuitive Web Programming.


53 views
Uploaded on:
Description
E.g. Mosaic, Navigator, Internet Explorer, Mozilla, Opera. Web server ... To bolster more present programs and to remove any utilization of deplored components, ...
Transcripts
Slide 1

2440: 211 Interactive Web Programming Introduction to the Internet & the World Wide Web

Slide 2

World Wide Web Also called the Web Origins began at the European Laboratory for Particle Physics (CERN) in Geneva, Switzerland By Tim Berners-Lee In 1990/91 Introduction to Web Design

Slide 3

Web Terminologies Link ( hyperlink or hypertext join ) – content, realistic, or other Web components that associates with extra information on the Web Page – an archive on the Web Uniform Resource Locator ( URL ) - a remarkable location used to recognize records on the Web Browser – programming for showing Web pages E.g. Mosaic, Navigator, Internet Explorer, Mozilla, Opera Web server – makes Web pages accessible to the Web HyperText Transfer Protocol ( HTTP ) – program used to exchange records over the Web HyperText Markup Language ( HTML ) – the dialect used to characterize the structure and substance of Web pages Introduction to Web Design

Slide 4

HTML (HyperText Markup Language) Used to be the heart of each Web page A subordinate of SGML (Standard Generalized Markup Language) SGML is a global standard for speaking to content in an electronic structure for trading archives freely The World Wide Web Consortium (W3C) chose to cease HTML, as of October 2001 W3C is the Web norms board of trustees Introduction to Web Design

Slide 5

XML (eXtensible Markup Language) An arrangement of rules for delimiting content through an arrangement of labels Follows inflexible rules Introduction to Web Design

Slide 6

XHTML eXtensible HyperText Markup Language Slowly supplanting HTML Combines the strict tenets and grammar rules of XML (eXtensible Markup Language) with HTML Introduction to Web Design

Slide 7

Versions of HTML & XHTML Introduction to Web Design

Slide 8

HTML Page Format HTML pages take after a fundamental structure as takes after Introduction to Web Design

Slide 9

XHTML Page Format XHTML pages take after an essential structure as takes after Introduction to Web Design

Slide 10

XHTML Page Format… Below are the clarifications to the XHTML page structure XML revelation – distinguishes report as XHTML report Document Type Definition (DTD) – URL focuses to a record that diagrams the accessible components, characteristics, and utilization Name Space – URL focuses to a documents that gives point by point data about the specific XML vocabulary (XHTML) Introduction to Web Design

Slide 11

DTDs Transitional – bolsters a significant number of the presentational elements of HTML, including the belittled components and qualities Best utilized for more established archives with expostulated highlights Frameset – utilized for records containing outlines, furthermore underpins censured components and properties Strict – does not permit any presentational elements or deplored HTML components and traits Does not bolster outlines or inline outlines Best utilized for records that need to entirely fit in with the most recent gauges Introduction to Web Design

Slide 12

Creating Valid XHTML Documents The DTD utilized relies on upon the substance of the report and the necessities of your clients To bolster old programs, utilize the transitional DTD To bolster old programs in a confined Web website, utilize the frameset DTD To bolster more present programs and to weed out any utilization of deplored elements, utilize the strict DTD Introduction to Web Design

Slide 13

Creating a Valid Document Elements not permitted under the strict DTD: applet -iframe basefont -isindex center -menu dir -noframes font -s frame -strike frameset -u Introduction to Web Design

Slide 14

Attributes Prohibited in the Strict DTD Introduction to Web Design

Slide 15

Required XHTML Attributes Introduction to Web Design

Slide 16

Inserting the DOCTYPE Declaration The DOCTYPE affirmation tells XML parsers what DTD is connected with the archive <!DOCTYPE root sort "id" "url" > Introduction to Web Design

Slide 17

The XHTML Namespace A namespace is a one of a kind identifier for components and qualities starting from a specific report sort (like XHTML or MathML) Two sorts of namespaces: Default: connected to a root component and any component inside it < root xmlns=" namespace "> Introduction to Web Design New Perspectives on HTML and XHTML, Comprehensive 17

Slide 18

The XHTML Namespace Local: applies to just choose components Each component in the neighborhood namespace is set apart by a prefix appended to the component name xmlns: prefix =" namespace " Identify any component having a place with that namespace by adjusting the component name in the label: prefix: component Introduction to Web Design

Slide 19

Setting the XHTML Namespace To set XHTML as the default namespace for a record, add the xmlns ascribe to the html component with the accompanying worth: <html xmlns=http://www.w3.org/1999/xhtml> Introduction to Web Design New Perspectives on HTML and XHTML, Comprehensive 19

Slide 20

Using Style Sheets and XHTML Parsed character information (PCDATA) is content parsed by a program or parser Unparsed character information (CDATA) is content not prepared by the program or parser A CDATA segment denote a piece of content as CDATA so parsers overlook any content inside it Introduction to Web Design New Perspectives on HTML and XHTML, Comprehensive 20

Slide 21

HTML versus XHTML Some significant contrasts amongst HTML and XHTML incorporate the accompanying: All component properties names are in lowercases E.g. <p> rather than <P> All characteristic qualities must be contained inside single or twofold quotes E.g. <body bgcolor="#ffffff"> rather than <body bgcolor=#ffffff> All nonempty components must have an end label E.g. <p>XHTML</p> rather than <p>HTML All void labels ought to be composed with a space and a/image toward the end of the label E.g. <br/> rather than <br> Introduction to Web Design

Slide 22

HTML versus XHTML Introduction to Web Design

Slide 23

Creating a Well-Formed Document XHTML records should likewise incorporate a solitary root component that contains every single other component For XHTML, that root component is the html component Attribute minimization is the point at which a few qualities need characteristic qualities XHTML doesn\'t permit credit minimization Introduction to Web Design

Slide 24

File-Naming Conventions XHTML is substantially more prohibitive The accompanying limitations identify with document naming traditions: Do not utilize spaces Avoid capital letters Avoid unlawful characters Introduction to Web Design

Slide 25

Attribute minimization in HTML and XHTML Introduction to Web Design

Slide 26

CSS (Cascading Style Sheet) Used for a wide range of purposes Used for the most part to separate presentation from the structure of a page Presentation – "looks" of a page Structure – "signifying" of a page\'s substance Introduction to Web Design

Slide 27

CSS Versions CSS1 (1996) – presented styles for: Fonts Text Color Background Block-level components CSS2 (1998) – included backing for: Positioning Visual organizing Media sorts Interfaces CSS3 (still being developed) Introduction to Web Design

Slide 28

DHTML (Dynamic HTML) A gathering of various advancements including: XHTML JavaScript DOM (Document Object Model) CSS Introduction to Web Design

Slide 29

JavaScript Developed by Netscape in 1996 Has turned out to be practically as prominent as HTML Has nothing to do with the Java Programming Language But Netscape authorized the name from Sun Microsystems with expectations of expanding acknowledgment of the new scripting convention Introduction to Web Design

Slide 30

Web Application Web website that conveys dynamic information Other names include: Data-driven Database-driven Dynamic destinations Involves devices like: Database Server-side scripting –, for example, similar to Active Server Pages (ASP), Java Server Pages (JSP), ASP.NET, ColdFusion, PHP, and so on Introduction to Web Design

Slide 31

JavaScript A customer side scripting dialect Language that runs ( deciphered ) on a nearby Web program A mediator executes the dialect with a scripting motor Enables intuitiveness on Web pages Developed by Netscape in 1996 First presented in the Netscape Navigator program as LiveScript Different from the Java programming dialect Microsoft built up a rendition of JavaScript called JScript for its Internet Explorer program European Computer Manufacturers Association (ECMA) – built up a standard called ECMAScript to stay away from the distinctions in summons amongst JavaScript and Jscript Some Jscript orders can\'t be executed on the Navigator program Some JavaScript charges can\'t be executed on the Internet Explorer program Introduction to Web Design

Slide 32

JavaScript versus Java Below is a correlation amongst JavaScript and Java Introduction to Web Design

Slide 33

Versions of JavaScript 1.0 (1995) JavaScript 1.1 (1996) JavaScript 1.2 (1997) JavaScript 1.3 (1998) JavaScript 1.5 (2001) Both JScript 5.5 and JavaScript 1.5 adjust to ECMAScript 3 Web programs still allude to ECMAScript as JavaScript Introduction to Web Design

Slide 34

Web Application Web website that conveys dynamic information Uses assets like: Client-side scripting Server-side scripting Databases Introduction to Web Design

Slide 35

Client-Side Scripting dialect that keeps running on a neighborhood Web program Examples JavaScript – by Netscape JScript – by Microsoft Corporation ECMAScript – principles by ECMA VBScript – by Microsoft Corporation Introduction to Web Design

Slide 36

Server-Side Scripting dialect that executes on a Web server Examples: Active Server Pages (ASP) – utilizes JavaScript or VBScript ASP.NET – utilizes C# or Visual Basic Java Server Pages – utilizes Java PHP: HyperText Preprocessor (PHP) – linguistic structure obtained from C, Java & Perl ColdFusion Common Gateway Interface (CGI) – for the most part with Perl – has highlights from C, BASIC, and so forth Introduction to Web Design

Slide 37

Databases A gathering of data about related enti

Recommended
View more...