A Brief Introduction To Web Building Technologies

transcript

A Brief Introduction toWeb-building Technologies

Finian

Table of Contents

• A Introduction to the WEB• Front-end Development• Back-end Development• Future Web Trends

A Introduction to the WEB

• Can you survive without the Internet?• In a sense, we are heavy users of the Internet.

Perhaps, we can’t live a single day without it.• It’s becoming more and more important in our

daily life.• And…it’s becoming more and more

convenient.

WEB 2.0WEB 2.0

Mechanism

Front-end Development

• HTML/XHTML• CSS• JavaScript

Presentation

Structure

Behavior

HTML/XHTML

• HyperText Markup Languageis the markup language for Web pages. It provides a means to describe the structure of text-based information in a document

• often have a .html filename extension• Extensible Hypertext Markup Language

has the same depth of expression as HTML, but also conforms to XML syntax.

HTML/XHTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="gb2312" /><meta name="robots" content="all" /><meta name="author" content="finian" /><meta name="copyright" content="copyright" /><meta name="description" content="description" /><meta name="keywords" content="keywords" /><title>Title</title></head>

<body><h1>Hello XHTML</h1></body></html>

• Cascading Style Sheetsused to describe the presentation of a documentrender

• 3 ways:<link rel=“stylesheet” href="http://www.dhtmlet.com/dhtmlet.css" type="text/css">

<h1 style=“…”>Hello HTML</h1>

JavaScript

• is a scripting language most often used for client-side web development

• Libraries:extjs (extjs.com)jquery (jquery.com)prototype, dojo…

jQuery

Back-end Development

• Server side• PHP, Java, Asp.net, Python, Ruby…

• What’s PHP?PHP, which stands for "PHP: Hypertext Preprocessor" isa widely-used Open Source general-purpose scripting language that is especially suited for Web development and can be embedded into HTML. Its syntax draws upon C, Java, and Perl, and is easy to learn. The main goal ofthe language is to allow web developers to write dynamically generated web pages quickly, but you can do much more with PHP.

Rasmus Lerdorf Zeev Suraski Andi Gutmans

Who’s using PHP?

• Google, YouTube, Yahoo, Flickr, Facebook, Adobe, Digg, Baidu, Tencent, Sina, Sohu, Taobao…(many more)

What can PHP do?

• Server-side scripting• Command line scripting• Writing desktop applications

Why PHP?

• fast, flexible, opensource…• LAMP

excellent solution stack of software used to run dynamic Web sites or servers

PHP Example

<?php$var = 'Hello PHP';echo $var;

Joomla (PHP CMS)

Future Web Trends• Semantic Web• Artificial Intelligence• Virtual Worlds• Mobile• Attention Economy• Web Sites as Web Services• Online Video / Internet TV• Rich Internet Apps• International Web• Personalization

Thank You

A Brief Introduction To Web Building Technologies

Technology