1302383 Web Programming Introduction to Web Technology HTML & Dynamic web content.

Slides:

Advertisements

Similar presentations

Tables Tables provide a means of organising the layout of data

Advertisements

23-Aug-14 HTML/XHTML Forms. 2 What are forms? is just another kind of XHTML/HTML tag Forms are used to create (rather primitive) GUIs on Web pages Usually.

24-Aug-14 HTML Forms. 2 What are forms? is just another kind of HTML tag HTML forms are used to create (rather primitive) GUIs on Web pages Usually the.

Basic HTML Trystan Upstill Comp3400 Lecture 06/03/2001.

1 Database Driven Web Application Clients Application Servers including web servers Database Server Traditional client-server (2-tier architecture): client:

Technologies for web publishing Ing. Václav Freylich Lecture 4.

Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.

Advanced HTML From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction Frames HTML Forms CGI Scripts Dynamic.

HTML and XHTML Controlling the Display Of Web Content.

ASP Tutorial. What is ASP? ASP (Active Server Pages) is a Microsoft technology that enables you to make dynamic and interactive web pages. –ASP usually.

World Wide Web1 Applications World Wide Web. 2 Introduction What is hypertext model? Use of hypertext in World Wide Web (WWW) – HTML. WWW client-server.

Images. Tables. Frames. Forms. DMFD F2007 IT University of Copenhagen

Java Server Pages Russell Beale. What are Java Server Pages? Separates content from presentation Good to use when lots of HTML to be presented to user,

1 Java Server Pages Can web pages be created specially for each user? What part does Java play?

Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Table, Forms, Metatags and Frames.

Creating Web Page Forms

2440: 141 Web Site Administration Web Server-Side Programming Professor: Enoch E. Damson.

Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.

1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.

Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

HTML 4.0 History and Application By: Marc Mayzes.

1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.

Additional Topics. Tutorial #9 Review – Forms Forms Legend and fieldset Fields Text Password Radio buttons, check box, text area, select lists Buttons.

_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.

CSCI 6962: Server-side Design and Programming Course Introduction and Overview.

Introduction to ASP.NET. Prehistory of ASP.NET Original Internet – text based WWW – static graphical content  HTML (client-side) Need for interactive.

1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.

Project Four Forms Discuss form processing Describe the difference between client-side and server-side form processing Add a horizontal rule to a Web page.

HTML II. Factors to consider in designing a website. Organizing your files. HTML Tables. Unordered Lists. Ordered Lists. HTML Forms. Learning Objectives.

Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C

Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.

Chapter 2 XHTML: Part II The Web Warrior Guide to Web Design Technologies.

Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.

Introduction to ASP.NET1. 2 Web applications in general Web applications are divided into two parts –The server part –The client part The server part.

1 © Netskills Quality Internet Training, University of Newcastle HTML Forms © Netskills, Quality Internet Training, University of Newcastle Netskills is.

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.

Table Row Table Data ( Header & Data) Data Cell Padding TABLE.

Introduction.  The scripting language most often used for client-side web development.  Influenced by many programming languages, easier for nonprogrammers.

Overview of Form and Javascript fundamentals. Brief matching exercise 1. This is the software that allows a user to access and view HTML documents 2.

ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.

Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.

HTML(Hyper Text Markup Language) ByNaveen. Introduction HTML or Hyper Text Markup Language is the standard markup language Its used to create the web.

CITA 310 Section 7 Installing and Testing a Programming Environment (Textbook Chapter 7)

HTML Forms Chapter 9 pp Basic Form Join our list Name:

Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.

 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.

20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.

HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.

Introduction to XHTML/HTML5 (part 2) Instructor: Sergey Goldman Based on Based on Internet & World Wide Web How To Program (multiple versions) 1.

HTML III (Forms) Robin Burke ECT 270. Outline Where we are in this class Web applications HTML Forms Break Forms lab.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

FORMS Explained By: Jasdeep Kaur. Lecturer, Department of Computer Application, PGG.C.G., Sector: 42, Chandigarh.

Java Server Pages Can web pages be created specially for each user?

Introduction to Internet Programming (Web Based Application)

Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.

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 5 Introduction to XHTML: Part 2

Web App vs Mobile App.

HTML: Basic Tags & Form Tags

Secure Web Programming

CS205 Tables & Forms © 2012 D. J. Foreman.

CS205 Tables & Forms © 2008 D. J. Foreman.

CS205 Tables & Forms © 2004 D. J. Foreman.

HTML: Basic Tags & Form Tags

Presentation transcript:

Web Programming Introduction to Web Technology HTML & Dynamic web content

:::Web Browser  PC Browser  IE, Chrome, Firefox, Safari  Mobile Browser (  Tablet PC

:::Web Server  Apache (Open Source) – PHP, Perl  IIS (Microsoft) – ASP, ASP.NET  Tomcat (Open Source) – Servlet, JSP

::WWW Architecture Web Programming

:::Client Side Script VB Script (.vbs) – Microsoft Technology – Use VB Engine – Look like VB Java Script (.js) – Netscape Technology – When run on IE we call “Jscript” – Look like Java AJAX – JAVA Script + XML to call Server side technology Web Programming

::Server Side Script Perl, PHP (Open Source on Linux & Windows) – Perl -> CGI Script – PHP -> Insert tag in html ASP/ASP.NET (Microsoft only Windows) – ASP -> use VB Script – ASP.NET -> use VB.NET or C#.NET Servlet, JSP (SUN opensource cross platform) – Servlet -> Java Class that printout HTML tag – JSP -> Insert tag in html Web Programming

::Java Server Page (JSP)  Create HTML by using Web Design tools.  Save as HTML to.jsp  Insert tag for jsp code (Java code)  Deploy.jsp file to server.  Open file as html.jsp will be convert to servlet.java and compiled to servlet class.  Compiled servlet run on server side. Web Programming

:::JSP Code Web Programming Hello Test

:::JSP Code Web Programming Hello Test

:HTML Syntax title text HELLO WORLD Web Programming

::HTML component  Tag  Start tag ->  End tag ->  Empty tag ->  Attribute   Entity  &, >, <, Web Programming

:Table – R1C1 R1C2 – R2C1 R2C2 – Web Programming

Table Attribute Border ______________ Cellsspacing ____________ Cellpadding ____________ Align ______________ Width ______________ Height ______________ Bgcolor _______________ Background _____________ Web Programming

:Link  In Page link  for create bookmark  for link to bookmark  Internal Link (in same host)   External link (to other hosts)  Web Programming

::Link target  _blank  New window for represent link result  _parent  Normally use for frame show in parent window  _self  Show in current page  _top  Same as _parent Web Programming

:Frame Web Programming

:Layout your webpage  Using  Using no border  Using Layer,  On Netscape use  On IE and other use Web Programming

::Frame Design Web Programming Top.htm (Header) Left.ht m (menu) Main.htm (body)

:Form in Web Programming Login.jsp Submit form

::Form Attribute ….. Name – Name of form Action – Target script when submitted form Method – GET, POST Web Programming

:Form elements  for input data  Type: text, password, hidden, checkbox, radio, image, file,  for input multiple line data  for list or dropdown list  for item in list   Type: submit, reset, button Web Programming

Assignment Web Programming

Q & A Web Programming /35