21
A Brief Introduction to Web-building Technologies Finian
| Date post: | 16-May-2015 |
| Category: |
Technology |
| Upload: | finian-lau |
| View: | 1,408 times |
| Download: | 2 times |
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>
CSS
• 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">
<style type=“text/css”>…</style>
<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…
PHP
• 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.
PHP
Rasmus Lerdorf Zeev Suraski Andi Gutmans
Zend
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
