ASP.NET 2.0 Chapter 1 Introduction to Web Programming.

Slides:



Advertisements
Similar presentations
Table, List, Blocks, Inline Style
Advertisements

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?
Introduction to HTML & CSS
Web Development & Design Foundations with XHTML
Chapter 2 HTML Basics Key Concepts
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
MR.Mohammed Sharaf al Shareef
Markup Languages Controlling the Display Of Web Content.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.
HTML Introduction HTML
Database-Driven Web Sites, Second Edition1 Chapter 2 INTRODUCTION TO HTML.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Table, Forms, Metatags and Frames.
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 Development & Design Foundations with XHTML Chapter 9 Key Concepts.
INTRODUCTION TO WEB DATABASE PROGRAMMING
Creating a Simple Page: HTML Overview
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
DAT602 Database Application Development Lecture 14 HTML.
ASP.NET 2.0 Chapter 1 Introduction to Web Programming.
HTML (HyperText Markup Language)
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
Web Development University of Khartoum. Web Development Web Programming Web Design University of Khartoum.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML Pt. 2.
HTML Hyper Text Markup Language It is used for describing web documents or web pages. A markup language is set of markup tags. HTML documents are described.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
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.
Copyright © 2013 MyGraphicsLab / Pearson Education STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
CA Professional Web Site Development Class 2: Anatomy of a Web Site and Web Page & Intro to HTML.
HTML: Hyptertext Markup Language Doman’s Sections.
XHTML 1.1  Derived from Standard Generalized Markup Language (SGML) of ISO  XHTML concerned primary with content rather than presentation and style 
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
CS3101 Internet Programming. Chapter 01 Introduction to XHTML 2Internet Programming - Chapter 01:XHTML Slides based on: Programming the World Wide Web.
INT222 – Internet Fundamentals
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 7 Representing Web Data:
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
1 Introducing Web Developer Tools Rapid application development tools ASP.NET-compatible web editors –Visual Studio.NET Professional Edition –Visual Studio.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Unit 4 Representing Web Data: XML
Basic XHTML Tables XHTML tables—a frequently used feature that organizes data into rows and columns. Tables are defined with the table element. Table.
Chapter 7 Representing Web Data: XML
1 Introduction to XHTML.
Introduction to HTML- Basics
Lesson 2: HTML5 Coding.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

ASP.NET 2.0 Chapter 1 Introduction to Web Programming

ASP.NET 2.0, Third Edition2 Objectives

ASP.NET 2.0, Third Edition3 Introducing Web Developer Tools Rapid application development tools ASP.NET-compatible web editors –Visual Studio.NET Professional Edition –Visual Web Developer Express (VWD) Freely available by download from Microsoft Can download from

ASP.NET 2.0, Third Edition4 Exploring Visual Web Editors

ASP.NET 2.0, Third Edition5 Exploring the Individual Windows

ASP.NET 2.0, Third Edition6 Create a New Web Application

ASP.NET 2.0, Third Edition7 Create a New Web Application (continued)

ASP.NET 2.0, Third Edition8 Introduction to HTML

ASP.NET 2.0, Third Edition9 The Fundamentals of Tags and Attributes There are two basic parts to an HTML tag: the opening tag and the closing tag; they are always enclosed within angle brackets (<>). – Course Technology –The tag tells the browser to bold the subsequent text until the browser finds a closing tag These attributes provide a means of altering the tag in some way The id attribute is used to provide a unique identifier for the tag within that document Standards are maintained by the World Wide Web Consortium (W3C)

ASP.NET 2.0, Third Edition10 HTML Structure All tags nested within the (html> ) tags Heading Section identified by ( ) –Title tags ( ) identify the page name in the title bar, in the history list, and in the favorites list within the browser application –Style sheets within the tags or external linked style sheets format the contents of the page –Meta tag ( ) can be used to force the browser to identify keywords and other global values, reload the page, and identify the character encoding scheme

ASP.NET 2.0, Third Edition11 HTML Structure (continued) Body Section identified by ( ) –The bgColor attribute is used to change the color of the background –Color value can also be identified by the hexadecimal number associated with the color

ASP.NET 2.0, Third Edition12 HTML Structure (continued)

ASP.NET 2.0, Third Edition13 Tags that Contain or Format Text Paragraph tags ( ) include carriage return Blockquote tags ( ) – indent text Line break tag ( ) includes carriage return; no content Span tags ( ) – inline Div tags ( ) – block tag; includes carriage return Bold ( ), italic ( ), and underline ( ) Horizontal line ( ) Boolean attributes – no value assigned

ASP.NET 2.0, Third Edition14 Tags for Elements Other than Pure Text Table tags ( ) –Attributes set table width, height, border, background color and image Table row tags ( ) define the row Table cell tags ( ) define the cell Table heading cell tags ( ) display contents bolded Table heading, body, footer tags (,, ) identify table header, body, and footer sections, respectively Caption tag ( ) Colgroup tags ( ) – parent tags for column tags ( )

ASP.NET 2.0, Third Edition15 Tags for Elements Other than Pure Text (continued) Form tags ( ) contain elements, such as text boxes, radio buttons, check boxes, and drop-down lists Unordered list tags ( </ul) Ordered list tags ( </ol) –List item tags ( ) Image tag ( ) – graphic image Anchor tags ( ) – creates a hyperlink Displayed content goes here. –Bookmarks specify a location within a web page Named markup represents a character entity within the web page –Ampersand (&) represented by & –Apostrophe (‘) represented by &apos;

ASP.NET 2.0, Third Edition16 Tags for Elements Other than Pure Text (continued)

ASP.NET 2.0, Third Edition17 Create a New Web Page with a Web Editor

ASP.NET 2.0, Third Edition18 Create a New Web Page with a Web Editor (continued)

ASP.NET 2.0, Third Edition19 Create a New Web Page with a Web Editor (continued)

ASP.NET 2.0, Third Edition20 Create a New Web Page with a Web Editor (continued)

ASP.NET 2.0, Third Edition21 Create a New Web Page with a Web Editor (continued)

ASP.NET 2.0, Third Edition22 Create a New Web Page with a Web Editor (continued)

ASP.NET 2.0, Third Edition23 Introduction to XML XML Standards –Extensible Markup Language (XML) –XML Document Object Model (DOM) – a standard language-neutral interface for manipulating XML –XML parser – to read & display XML documents

ASP.NET 2.0, Third Edition24 Introduction to XML (continued)

ASP.NET 2.0, Third Edition25 XML Rules Well-formed documents follow XML standards –All tags must be nested within the root node –Case sensitive –Must nest in specific order –Container element is an element in which other elements can nest –XML declaration specifies the version of XML –Characters not supported (<>’ “ &)

ASP.NET 2.0, Third Edition26 XML Rules (continued)

ASP.NET 2.0, Third Edition27 Markup Validation of XML Documents XML documents identify a set of rules, or namespace, associated with the document called a schema Schemas define the structure, content, and semantics of XML documents written in: –Document type definition (DTD) Doctype declaration <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " –XML schema define structure elements as a typed dataset xmlns attribute of the root node identifies the XML schema

ASP.NET 2.0, Third Edition28 Markup Validation of XML Documents (continued)

ASP.NET 2.0, Third Edition29 Creating and Validating XML Documents in the XML Designer

ASP.NET 2.0, Third Edition30 Creating and Validating XML Documents in the XML Designer (continued)

ASP.NET 2.0, Third Edition31 Web Site Accessibility Americans with Disabilities Act (ADA), California Online Privacy Protection Act (COPPA), Data Protection Act, Disability Discrimination Act –U.S. government's Section 508 –UK's Disability Discrimination Act W3C Web Accessibility Initiative (WAI) provides Web Content Accessibility Guidelines (WCAG) –Blindness, low vision, color deficit or distortions, deafness and hearing loss, learning disabilities, paralysis, and photo sensitive epilepsy Bobby – online accessibility validation

ASP.NET 2.0, Third Edition32 Introduction to ASP.NET Server Programming Client-server programming – client applications to communicate with server applications Dynamic web application interacts with application in ways that change the appearance or content –Shopping carts, membership databases, online catalogs, personalized web sites Limitations of client-side scripting alone are browser dependency and security

ASP.NET 2.0, Third Edition33 Processing ASP.NET Applications

ASP.NET 2.0, Third Edition34 Processing ASP.NET Applications (continued) Web Forms are web pages identified with the file extension.aspx Assembly contains language- and computer-independent representation of code called Microsoft Intermediate Language (MSIL) ASP.NET engine dynamically compiles the assembly and translates into computer-specific instructions HTML output sent back to the browser Namespaces are a hierarchical way to organize base classes –System.Web.UI.HTMLControl (HTMLControl class) properties and methods common to all HTML server controls

ASP.NET 2.0, Third Edition35 Server Controls

ASP.NET 2.0, Third Edition36 Server Controls (continued) Server controls generate HTML tags, JavaScript, and Dynamic HTML (DHTML) output compatible with the browser Label, text box, and button controls generate a hidden input field named __EVENTVALIDATION __VIEWSTATE and __EVENTVALIDATION contain information about the controls __doPostBack JavaScript passes the control id and arguments with __EVENTTARGET and __EVENTARGUMENT hidden fields

ASP.NET 2.0, Third Edition37 Server Controls (continued)

ASP.NET 2.0, Third Edition38 HTML Tags and HTML Controls HTML Server controls –Transform the HTML tag into HTML Server control Runat property is set to server; set ID property –Properties assigned values in the Properties window, opening tag, or server programming code –Generate HTML sent to the browser –Create server-side programs that interact with the controls with no JavaScript required

ASP.NET 2.0, Third Edition39 Web Controls Web Server controls –Prefix asp:control name –Different properties than HTML controls Message1.InnerHTML = "Product 1" Message2.Text = "Product 2" –Set properties in markup or programmatically MyControl.BorderColor = System.Drawing.Color.Green

ASP.NET 2.0, Third Edition40 Creating a Web Page Using a Web Editor

ASP.NET 2.0, Third Edition41 Using the Postback Process Maintaining state – maintain information across browser requests Postback – posting of data back into the form __VIEWSTATE encoded string contains information required to maintain the form data across multiple page requests Enable Secure Sockets Layer (SSL) protocol using Set the EnableViewState property directive

ASP.NET 2.0, Third Edition42 Help Resource

ASP.NET 2.0, Third Edition43 Summary Visual Web Developer Express is a scaled down version of Visual Studio.NET 2005 and is used to create ASP.NET applications Solution Explorer window allows you to manage all of your files Set object properties in code manually or in the Properties window Toolbox contains commonly used controls, organized into tabs HTML is a markup language that uses tags to identify how to format and present the content; web pages created with HTML can end in.htm or.html Two parts to a web page are the head and body Forms collect information from the visitor; form elements include text boxes, check boxes, and drop-down lists Create HTML code in HTML view, or Design view

ASP.NET 2.0, Third Edition44 Summary (continued) Web Forms build dynamic web pages using new server-side controls that end in.aspx Enhance the user interface and increase interactivity HTML controls runat attribute set to server Server controls create output for the browser XHTML is a version of HTML that is XML-compliant XML files formatted with CSS or XSLT stylesheets XML files must be well formed –One root element in any XML document –Tags such as must be closed in the first tag or include a closing tag –Elements are case sensitive –All elements have an opening and closing tag

ASP.NET 2.0, Third Edition45 Summary (continued) XML schema is a set of rules to define document format and structure of the data Validation tools are used to verify that the XML code is compliant with the schema Web Content Accessibility Guidelines (WCAG) address broad accessibility issues related to web access and standards Namespaces are a hierarchical way to organize classes within the assemblies Dynamic Help and IntelliSense help programmers prevent syntax errors