Transcript GREEN EARTH

Basic Web Development
 The foundation of web development
 HTML – Hyper Text Markup Language
 CSS - Cascading Style Sheets
 A server-side scripting language
(PHP or JSP) (basic level)
 Tool : Edit plus , Macromedia Dreamweaver
Assessment
Writing test (Theory) 30 %
Practice test
30 %
project (web site)
check time
total
30 %
10 %
100 %
INTRODUCTION
Vocabulary
1.
2.
3.
4.
5.
Internet
(World Wide Web – www) or Web
Website Webpage and Homepage
Uniform Resource Locator – URL
Web Browser
Vocabulary
6.
7.
8.
9.
10.
HTML , DHTML
Domain Name ,Sub Domain name
Web Server
Link
The Common Gateway Interface (CGI)
Vocabulary
11. Web master
12. Download / Upload
13. Banner
14. Bookmarks/favorites
15. Protocol ,For example http and Ftp
16. Client / Server
Vocabulary
16.
17.
18.
19.
20.
21.
Site map
A content management system (CMS)
Web Hosting
Request / Response
DNS
IP Address
Vocabulary
22. Static & Dynamic web page
How to create website
1. Create a web site on your own , coding
and using tool for creating websites
2. Using a WYSIWYG Editor for creating
a website
3. Using a Content Management System(
CMS) for example joomla , wordpress
How to create website
Coding
CODE HTML
Using a WYSIWYG*
editor
*What you see is what you get.
11
Creating your Web Site
Technologies & Tools
• Markup Languages
–HTML, DHTML, XML, XSLT, etc....
• Cascading Style Sheets (CSS)
• Scripting languages
–perl,javascript,php, jsp,etc....
• Web creation and editing software
–Notepad, Editplus,FrontPage, Coldfusion,
Flash,Micromedia Dreamwebver …, etc..
12
การสร้าง Web Page
Using a WYSIWYG Editor for creating a Web Page
 Microsoft FrontPage
 Macromedia Dreamweaver
 NetObjects Fusion
 เป็ นต้น
13
STEP FOR CREATING A WEBSITE
1. Plan Your Website
what do you want on
my website?
My
BIOgraphical
Information,
Or what?
15
2. Preparing your information
Preparing your information such as picture ,music ..etc..
20 กรกฎาคม 2558
16
3. Design a web site
Design a web site using creating Site map
A visual site map is just a flow chart detailing
the website
Linear
Tree
Mixed
17
For example
20 กรกฎาคม 2558
18
Creating file name for webpage (1 page/1 file)
19
4. Design webpage
1.
2.
3.
4.
5.
6.
Picture
Color
Frame
Using Css
Creating Logo of website
Etc..
5. Step for publish website
1.
2.
3.
4.
5.
6.
Choose a domain name
Register with a Registrar
Choose a hosting service
Tell Registrar the IP address
Create web content
Store (publish) onto hosting server (FTP)
21
6 . Upload Information
1. Using program such as CuteFTP , FileZilla etc .
2. Using Windows Explore (FTP protocal)
Client / Server
Request / Response
Static & Dynamic Webpage
Static & Dynamic
ในส่ วนของ Static เราจะใช้ HTML สร้างส่ วนนี้ข้ ึนมา และ
ส่ วนของ Dynamic จะใช้เทคโนโลยีฝั่งเซิ ร์ฟเวอร์ (Server
Side Script ) หรื อเทคโนโลยีฝั่งไคลเอ็นท์ (Client Side
Script)
Server Side Script
เช่น ASP : Active Server Pages
PHP : Personal Home Page
JSP : Java Server Pages
โดยจะถูกประมวลผลที่ฝั่ง Server และผลลัพธ์ที่ได้ จะเป็ น Code
Html แล้ วถูกส่งกลับไปยังผู้ใช้ (โดยโค้ ด HTML ที่ได้ จากการ
ประมวลผลแต่ละครัง้ จะแตกต่างกัน จึงนับส่วนนี ้เป็ นส่วน Dynamic)
Server Side Script
Server Side Script
Client Side Script
เช่น VBScript ,Javascript
เทคโนโลยีเหล่านี ้
จะถูกประมวลผลที่ฝั่ง
Client หรื อที่เครื่ องผู้ใช้
Client & Server Side Script
Comparison
Server Side Script
• execute script at server side
• Hide code and information
• It’s good for secret information
Client Side Script
• execute script at client side
• Show all code and information
• It’ s good for public information and
normal data