SlideShare a Scribd company logo
1 of 81
Konsep Pembangunan & Pengurusan Tapak & Laman WEB Oleh Ahmad Faizar Jaafar  Unit Web & Digital Komponen  Jabatan Pengurusan Sistem & Teknologi Maklumat  (JPSTM) PTAR, UiTM  http://faizar.atspace.com/courses.html http://faizaronestop.blogspot.com http://faizar.multiply.com
Konsep Pembangunan serta Pengurusan Tapak & Laman WEB   Tahap   : Asas  Panjang Kursus  : 2 hari ,[object Object],[object Object],[object Object],[object Object]
 
HARI PERTAMA ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Learn Discover
HARI KEDUA ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Experience
Overview Of Internet ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
IP Addresses 192.168.1.0 192.168.3.0 192.168.1.100 192.168.2.101 192.168.2.100 192.168.3.100 192.168.2.0 Host  ID Network  ID 192.168.1.100 IP Address
IP Address Classes w x y z Class A Network ID Host ID Class B Network ID Host   ID Class C Network ID Host ID
[object Object],[object Object],[object Object],[object Object]
Subnets Router Subnet 1 Subnet 2 1 2 Hub Hub
Subnet Masks IP Address Host ID Network ID 192.168. 2.200 Subnet Mask 255.255. 0.0 192.168. IP Address 10. 50.100.200 Subnet Mask 255. 0.0.0 Network ID 10. 0.0.0 IP Address 10.50. 100.200 Subnet Mask 255.255. 0.0 Network ID 10.50. 0.0 IP Address 10.50.100. 200 Subnet Mask 255.255.255. 0 Network ID 10.50.100. 0
Determining Local and Remote Hosts Example 1 1 192.168.1.100 Local Hosts 192.168.2.100 2 Router 255.255.0.0 Subnet  Mask A B C D E F Example 2 1 192.168.1.100 2 Remote Hosts 192.168.2.100 Router 255.255.255.0 Subnet  Mask A B C D E F
Lab A: Determining Class Addresses and Subnet Masks
[object Object],[object Object],[object Object],[object Object]
Addressing Guidelines The Host ID Cannot Be All Zeros  The Host ID Cannot Be All 255s   The First Number in the Network ID Cannot Be 127   The Host ID Must Be Unique to the Local Network ID
Assigning Network IDs 1 2 3 10. 0 . 0 . 0 192.168.2 . 0 172.16 . 0 . 0 Router
Assigning Host IDs 1 2 172.16.   0.12 172.16.   0.11 172.16.   0.10 10 .0.0.12 10 .0.0.11 10 .0.0.10 192.168.2 .11 192.168.2 .10 192.168.2. 1 10. 0.0.1 172.16.   0.1 3 10 . 0 . 0 . 0 192.168.2 . 0 172.16 . 0 . 0 Router
Lab B:  Identifying Valid IP Addresses
[object Object],[object Object],[object Object],[object Object],[object Object]
 
Static IP Addressing Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings. O btain an IP address automatically U s e the following IP address : IP address: Us e  the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: 192 . 168 .  1  . 200 192.  168 .  1  .  1 255 . 255 . 255.  0 Subnet mask : Default gateway: OK Cancel
Automatic IP Addressing Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings . O btain an IP address automatically U s e the following IP address: IP address: Us e  the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: Subnet mask : Default gateway : OK Cancel
Viewing TCP/IP Configuration Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings. O btain an IP address automatically U s e the following IP address: IP address: Us e  the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: 192 . 168 .  1  . 200 192.  168 .  1  .  1 255 . 255 . 255.  0 Subnet mask : Default gateway: OK Cancel
Viewing TCP/IP Configuration Using c:gt;ipconfig Command Prompt Microsoft Windows 2000 [version 5.00.2195] (C) Copyright 1985-1999 Microsoft Corp. C:gt;ipconfig Windows 2000 IP Configuration Ethernet adapter Local Area Connection: Connection-specific DNS Suffix  . : IP Address. . . . . . . . . . . . : 192.168.1.200 Subnet Mask . . . . . . . . . . . : 255.255.255.0 Default Gateway . . . . . . . . . : 192.168.1.1 C:gt;_
Lab C:  Examining the Configuration of TCP/IP
[object Object],[object Object],[object Object],[object Object],[object Object]
Overview ,[object Object],[object Object],[object Object],[object Object]
History of the Web History of the Web ,[object Object],[object Object],[object Object],[object Object]
Sejarah  Internet & WWW   http://www.netvalley.com/intval1.html
Bagaimana World Wide Web berfungsi WWW Server Methods to Use to Connect:  Home user – Direct Modem  Organization - LAN PC Browser Contoh:  Internet Explorer
Lab B: Identifying Web Concepts
Review ,[object Object],[object Object],[object Object],[object Object]
Hypertext Markup Language < HTML> <HEAD> <TITLE>Sales Report</TITLE> </HEAD> <BODY> <H2>Q3 Sales by Region</H2> </BODY> </HTML> Hypertext Markup Language ( HTML )
Hypertext Markup Language ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Static Static  vs  Dynamic Web Site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Static Static vs  Dynamic Web Site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Dynamic Web Sites ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Dynamic Web Sites cont. ,[object Object],[object Object],[object Object],[object Object]
The Internet Client Connection Using TCP/IP Protocol Server Text, Audio, Video, and Graphics Data Internet
Internet Services ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Internet
Intranets Intranet Extranet Internet
Domain Naming ,[object Object],[object Object],[object Object],[object Object],edu istudent,.uitm.edu.my uitm.edu
[object Object],[object Object],[object Object],[object Object],[object Object]
Newsreaders msnews.microsoft.com - Outlook Express File  Edit  Tools  Message  Help New Post Reply Group Reply Forward Print Stop Send/Recv Addresses Find Newsgroups msnews.microsoft.com Folders msnews.microsoft.com Synchronization of Newsgroups on msnews.microsoft.com To change offline settings, first select a newsgroup, then click Settings Synchronize Account Newsgroups... Settings Newsgroup Unread Total microsoft.public.ddk.win2000.general  (18) microsoft.public.ddk.win2000.network microsoft.public.ddk.win2000.setup  (3) microsoft.public.win2000.accessibility microsoft.public.win2000.advancedserv microsoft.public.win2000.announcemen microsoft.public.win2000.app_deploy microsoft.public.win2000.applications microsoft.public.win2000.clusterservice microsoft.public.win2000.networking microsoft.public.win2000.outlook.expires microsoft.public.win2000.printing microsoft.public.win2000.radius microsoft.public.win2000.ras_routing microsoft.public.win2000.security microsoft.public.win2000.setup microsoft.public.win2000.setup.deploym microsoft.public.win2000.setup.upgrade microsoft.public.win2000.storage microsoft.public.win2000.system_admin microsoft.public.win2000.terminal_srv microsoft.public.win2000.terminal_srv_h microsoft.public.win2000.user_interface microsoft.public.ddk.win2000.general microsoft.public.ddk.win2000.network microsoft.public.ddk.win2000.setup  microsoft.public.win2000.accessibility microsoft.public.win2000.advancedserver microsoft.public.win2000.announcements microsoft.public.win2000.applications  microsoft.public.win2000.app_deploy microsoft.public.win2000.clusterservice microsoft.public.win2000.networking microsoft.public.win2000.outlook.express microsoft.public.win2000.printing microsoft.public.win2000.radius microsoft.public.win2000.ras_routing microsoft.public.win2000.security microsoft.public.win2000.setup microsoft.public.win2000.setup.deployment microsoft.public.win2000.setup.upgrade microsoft.public.win2000.storage microsoft.public.win2000.system_admin 18 5 3 6 13 8 6 15 2 2163 11 21 13 8 4 7 1 4 10 2 18 12 3 6 13 8 6 18 2 2164 14 21 13 8 4 10 5 4 10 2
Web Browsers Windows 2000 Server Overview - Microsoft Internet Explorer F ile  E dit  V iew  F avorites  T ools  Help Back Search Favorites History Address http://www.microsoft.com/windows2000/server/overview/default.asp Go All products Support Search microsoft.com Guide Windows Home Pages Windows 2000 Home Page Product Guide Windows 2000  Platform Client Server Technical Library Upgrading to Window 2000 Beta Users IT Pros Developers Search for: Go Home Product Guide Windows 2000 Server Family Server Server Features System Requirements What Others are Saying Comparisons With the Windows® 2000 Server operating system, Microsoft has accomplished a goal rarely achieved in the software industry: delivered a product that is evolutionary and revolutionary at the same time. Evolutionary in that Windows 2000 builds on the great things about the Windows NT®  Server 4.0 operating system. Revolutionary in that Windows 2000 Server sets a new standard for how well am operating system can be integrated with Web, application, networking, communication, and infrastructure services. For the first time, you have an easy choice to make about the next server operating system you deploy - whatever your needs.  Continued Browse the features that make the Windows 2000 Server Family the leading solution for running more reliable and manageable file, print, intranet, communications, e-commerce, and infrastructure server. Find out what it takes to run Windows 2000 Server and Windows 2000 Advanced Server. Check out the buzz on Windows 2000 Server: reviews and commentary from technology journalists and industry analysts. See how Windows 2000 Server compares with other operating systems. Browser Contoh:  Internet Explorer
Internet Protocols ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Server Data Client Connection Using an Internet Protocol Internet
Uniform Resource Locator (URL) ,[object Object],[object Object],[object Object],[object Object],http:// example.microsoft.com / tutorial / default.html
Lab A: Accessing an FTP Site by Using Internet Explorer
[object Object],[object Object],[object Object],[object Object],[object Object]
Network Address Translators (NATs) Internet 192.168.0.10 w1.x1.y1.z1 w2.x2.y2.z2 Web Browser NAT Web Server
Proxy Servers Proxy Server Authorized Web Site Restricted  Web Site Internet LAN LAN LAN
Firewalls Firewall Authorized User Unauthorized  User LAN LAN LAN Internet
Microsoft Proxy Server Microsoft Proxy Server Authorized User or Web Site Unauthorized  User or Web Site LAN LAN LAN Internet
[object Object],[object Object],[object Object]
Defining a Web Server Web Server Client with  Web Browser Network TCP/IP TCP/IP HTTP IP Address HTTP Internet  Explorer
Microsoft Internet Information Services (IIS) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],IIS Internet
Big Picture
Keperluan host laman web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
PHASE 1: DEFINING SITE GOALS
Asas Laman Web Berkualiti ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
The Dream ,[object Object],Display Deliver Develop Design
Macromedia Products Flash Player Shockwave Player Deliver Display Develop Design ColdFusion Server JRun Server Generator Spectra ColdFusion Studio  UltraDev HomeSite JRun Studio Director Dreamweaver Fireworks Flash FreeHand Flash Player Shockwave Player
Perkara Yang Perlu Di Ambil Kira ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Case Study Company’s Web Site Corporate Web Site Discover
Case Study
WYSIWYG   What I See What I Get WYSIWYG (What You See Is What You Get)  site building tool with an intuitive environment for building cross-platform sites.
Popular Tools Dreamweaver Net Object Fusion Front Page Express Home Site GoLive
Web Development Prep Purpose:  Prepare material for web publishing http:// faizar.freehosting.net / Web Server Your PC Text Digitized pics URLs Build Web Site  Publish Story board
Text ,[object Object],[object Object],http:// faizar.freehosting.net /
Graphics ,[object Object],[object Object],[object Object],[object Object],http:// faizar.freehosting.net /
Linked Resources ,[object Object],[object Object],http://faizar.atspace.com http:// faizar.freehosting.net /
Checkout  the Samples ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http:// faizar.freehosting.net /
Storyboard ,[object Object],TOC Syllabus Forum Resources Portfolio Home  Page Portfolio TOC Intro Context Unit PD Goals Sample Work Analysis, Concl Next Steps Implementation Art Perspectives Pics Pics Intro Pics Context Unit.doc Pics Pics discuss.jpg Present.jpg http:// faizar.freehosting.net /
NEXT STEP ,[object Object],[object Object],http:// faizar.freehosting.net /
HARI KEDUA ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http:// faizar.freehosting.net /
Buat  Laman WEB http:// faizar.freehosting.net /
NEXT STEP ,[object Object],http:// faizar.freehosting.net / http://webdesign.about.com/od/windowshtmleditors/tp/windows-web-editing-suites.htm   Experience
NEXT STEP ,[object Object],http://faizar.atspace.com http:// faizar.freehosting.net /
Daftar laman web percuma http:// faizar.freehosting.net / http:// www.atspace.com / http:// www.bravenet.com / http:// www.weebly.com / http:// faizar.freehosting.net /

More Related Content

What's hot

A Brief History of Web publishing (from HTML to WordPress)
A Brief History of Web publishing (from HTML to WordPress)A Brief History of Web publishing (from HTML to WordPress)
A Brief History of Web publishing (from HTML to WordPress)Brian Duffy
 
Hosting Guide (Arabic)
Hosting Guide (Arabic)Hosting Guide (Arabic)
Hosting Guide (Arabic)webhostingguy
 
Publishing website by dr. vishnu sharma
Publishing website by dr. vishnu sharmaPublishing website by dr. vishnu sharma
Publishing website by dr. vishnu sharmaVishnu Sharma
 
INFT132 093 03 Web Concepts
INFT132 093 03 Web ConceptsINFT132 093 03 Web Concepts
INFT132 093 03 Web ConceptsMichael Rees
 
What is web hosting
What is web hostingWhat is web hosting
What is web hostingfastwebhost1
 
Web publishing
Web publishingWeb publishing
Web publishingKanav Sood
 
Internert workshop
Internert workshop Internert workshop
Internert workshop sofiag000414
 
First fare 2011 website 101 for frc teams
First fare 2011 website 101 for frc teamsFirst fare 2011 website 101 for frc teams
First fare 2011 website 101 for frc teamsOregon FIRST Robotics
 
Web Publishing: An Overview of Tools and Service
Web Publishing: An Overview of Tools and ServiceWeb Publishing: An Overview of Tools and Service
Web Publishing: An Overview of Tools and Servicekilmeny21
 
start your own business(web hosting, web radio, web TV)
start your own business(web hosting, web radio, web TV)start your own business(web hosting, web radio, web TV)
start your own business(web hosting, web radio, web TV)erkiri
 
Web browsers and website publishing
Web browsers and website publishingWeb browsers and website publishing
Web browsers and website publishingGurleen Kaur
 
Terminologies in the Internet
Terminologies in the InternetTerminologies in the Internet
Terminologies in the InternetRossPolicario
 
HTML CSS web engineering slides topics
HTML CSS web engineering slides topicsHTML CSS web engineering slides topics
HTML CSS web engineering slides topicsSalman Khan
 
How to create_a_website
How to create_a_websiteHow to create_a_website
How to create_a_websiteKL University
 

What's hot (19)

Starting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded LibrariesStarting Up a Cost-Free Library Portal for Small-funded Libraries
Starting Up a Cost-Free Library Portal for Small-funded Libraries
 
HostBox
HostBoxHostBox
HostBox
 
A Brief History of Web publishing (from HTML to WordPress)
A Brief History of Web publishing (from HTML to WordPress)A Brief History of Web publishing (from HTML to WordPress)
A Brief History of Web publishing (from HTML to WordPress)
 
Hosting Guide (Arabic)
Hosting Guide (Arabic)Hosting Guide (Arabic)
Hosting Guide (Arabic)
 
Publishing website by dr. vishnu sharma
Publishing website by dr. vishnu sharmaPublishing website by dr. vishnu sharma
Publishing website by dr. vishnu sharma
 
Web hosting
Web hostingWeb hosting
Web hosting
 
Web admin
Web adminWeb admin
Web admin
 
INFT132 093 03 Web Concepts
INFT132 093 03 Web ConceptsINFT132 093 03 Web Concepts
INFT132 093 03 Web Concepts
 
What is web hosting
What is web hostingWhat is web hosting
What is web hosting
 
Web publishing
Web publishingWeb publishing
Web publishing
 
Internert workshop
Internert workshop Internert workshop
Internert workshop
 
First fare 2011 website 101 for frc teams
First fare 2011 website 101 for frc teamsFirst fare 2011 website 101 for frc teams
First fare 2011 website 101 for frc teams
 
Hosting the Content
Hosting the ContentHosting the Content
Hosting the Content
 
Web Publishing: An Overview of Tools and Service
Web Publishing: An Overview of Tools and ServiceWeb Publishing: An Overview of Tools and Service
Web Publishing: An Overview of Tools and Service
 
start your own business(web hosting, web radio, web TV)
start your own business(web hosting, web radio, web TV)start your own business(web hosting, web radio, web TV)
start your own business(web hosting, web radio, web TV)
 
Web browsers and website publishing
Web browsers and website publishingWeb browsers and website publishing
Web browsers and website publishing
 
Terminologies in the Internet
Terminologies in the InternetTerminologies in the Internet
Terminologies in the Internet
 
HTML CSS web engineering slides topics
HTML CSS web engineering slides topicsHTML CSS web engineering slides topics
HTML CSS web engineering slides topics
 
How to create_a_website
How to create_a_websiteHow to create_a_website
How to create_a_website
 

Viewers also liked

Nota Pembangunan Laman Web
Nota Pembangunan Laman WebNota Pembangunan Laman Web
Nota Pembangunan Laman WebFarah Waheda
 
Pengenalan kepada Laman Web
Pengenalan kepada Laman WebPengenalan kepada Laman Web
Pengenalan kepada Laman Webcyberns_
 
Perisian penyuntingan dan pengarangan
Perisian penyuntingan dan pengaranganPerisian penyuntingan dan pengarangan
Perisian penyuntingan dan pengaranganramly5597
 
Wireframing Web 2.0 for Design and Definition: London IA UXLondon redux
Wireframing Web 2.0  for Design and  Definition: London IA UXLondon reduxWireframing Web 2.0  for Design and  Definition: London IA UXLondon redux
Wireframing Web 2.0 for Design and Definition: London IA UXLondon reduxJames Box
 
contoh storyboard
contoh storyboardcontoh storyboard
contoh storyboardnur12005177
 
PENGENALAN KEPADA PAPAN CERITA
PENGENALAN KEPADA PAPAN CERITAPENGENALAN KEPADA PAPAN CERITA
PENGENALAN KEPADA PAPAN CERITASiti Zunairah
 
rekabentuk storyboard wireframe
rekabentuk storyboard wireframerekabentuk storyboard wireframe
rekabentuk storyboard wireframeNaveen Segaran
 
pengenalan kepada laman web
pengenalan kepada laman webpengenalan kepada laman web
pengenalan kepada laman webNaveen Segaran
 
Story board "Tanya Kenapa?"
Story board "Tanya Kenapa?"Story board "Tanya Kenapa?"
Story board "Tanya Kenapa?"nandaabiz
 
PHP 5 + MySQL 5 = A Perfect 10
PHP 5 + MySQL 5 = A Perfect 10PHP 5 + MySQL 5 = A Perfect 10
PHP 5 + MySQL 5 = A Perfect 10Adam Trachtenberg
 
PHP Application Frameworks
PHP Application FrameworksPHP Application Frameworks
PHP Application FrameworksSpyridon Safras
 
5.2 pembangunan atur cara
5.2 pembangunan atur cara5.2 pembangunan atur cara
5.2 pembangunan atur caradean36
 
PHP & The secure development lifecycle
PHP & The secure development lifecyclePHP & The secure development lifecycle
PHP & The secure development lifecycleguestaaf017
 
A content repository for your PHP application or CMS?
A content repository for your PHP application or CMS?A content repository for your PHP application or CMS?
A content repository for your PHP application or CMS?Paul Borgermans
 
Best Practices in PHP Application Deployment
Best Practices in PHP Application DeploymentBest Practices in PHP Application Deployment
Best Practices in PHP Application DeploymentShahar Evron
 
Slot 5 proses pembangunan multimedia
Slot 5 proses pembangunan multimediaSlot 5 proses pembangunan multimedia
Slot 5 proses pembangunan multimediaramly5597
 
PHP & MySQL 教學
PHP & MySQL 教學PHP & MySQL 教學
PHP & MySQL 教學Bo-Yi Wu
 

Viewers also liked (20)

Nota Pembangunan Laman Web
Nota Pembangunan Laman WebNota Pembangunan Laman Web
Nota Pembangunan Laman Web
 
Pengenalan kepada Laman Web
Pengenalan kepada Laman WebPengenalan kepada Laman Web
Pengenalan kepada Laman Web
 
Perisian penyuntingan dan pengarangan
Perisian penyuntingan dan pengaranganPerisian penyuntingan dan pengarangan
Perisian penyuntingan dan pengarangan
 
Wireframing Web 2.0 for Design and Definition: London IA UXLondon redux
Wireframing Web 2.0  for Design and  Definition: London IA UXLondon reduxWireframing Web 2.0  for Design and  Definition: London IA UXLondon redux
Wireframing Web 2.0 for Design and Definition: London IA UXLondon redux
 
contoh storyboard
contoh storyboardcontoh storyboard
contoh storyboard
 
PENGENALAN KEPADA PAPAN CERITA
PENGENALAN KEPADA PAPAN CERITAPENGENALAN KEPADA PAPAN CERITA
PENGENALAN KEPADA PAPAN CERITA
 
rekabentuk storyboard wireframe
rekabentuk storyboard wireframerekabentuk storyboard wireframe
rekabentuk storyboard wireframe
 
Nota papan cerita
Nota papan ceritaNota papan cerita
Nota papan cerita
 
pengenalan kepada laman web
pengenalan kepada laman webpengenalan kepada laman web
pengenalan kepada laman web
 
Story board "Tanya Kenapa?"
Story board "Tanya Kenapa?"Story board "Tanya Kenapa?"
Story board "Tanya Kenapa?"
 
PHP 5 + MySQL 5 = A Perfect 10
PHP 5 + MySQL 5 = A Perfect 10PHP 5 + MySQL 5 = A Perfect 10
PHP 5 + MySQL 5 = A Perfect 10
 
PHP Application Frameworks
PHP Application FrameworksPHP Application Frameworks
PHP Application Frameworks
 
5.2 pembangunan atur cara
5.2 pembangunan atur cara5.2 pembangunan atur cara
5.2 pembangunan atur cara
 
Fitur baru
Fitur baruFitur baru
Fitur baru
 
PHP & The secure development lifecycle
PHP & The secure development lifecyclePHP & The secure development lifecycle
PHP & The secure development lifecycle
 
A content repository for your PHP application or CMS?
A content repository for your PHP application or CMS?A content repository for your PHP application or CMS?
A content repository for your PHP application or CMS?
 
Best Practices in PHP Application Deployment
Best Practices in PHP Application DeploymentBest Practices in PHP Application Deployment
Best Practices in PHP Application Deployment
 
Why You Should Choose PHP For Your Future Web Development?
Why You Should Choose PHP For Your Future Web Development?Why You Should Choose PHP For Your Future Web Development?
Why You Should Choose PHP For Your Future Web Development?
 
Slot 5 proses pembangunan multimedia
Slot 5 proses pembangunan multimediaSlot 5 proses pembangunan multimedia
Slot 5 proses pembangunan multimedia
 
PHP & MySQL 教學
PHP & MySQL 教學PHP & MySQL 教學
PHP & MySQL 教學
 

Similar to Konsep pembangunan tapak web & laman web

Asas Pelayaran Internet
Asas Pelayaran InternetAsas Pelayaran Internet
Asas Pelayaran InternetAhmad Faizar
 
Introduction To Web Technology
Introduction To Web TechnologyIntroduction To Web Technology
Introduction To Web TechnologyArun Kumar
 
Microsoft Offical Course 20410C_05
Microsoft Offical Course 20410C_05Microsoft Offical Course 20410C_05
Microsoft Offical Course 20410C_05gameaxt
 
Applciation footprinting, discovery and enumeration
Applciation footprinting, discovery and enumerationApplciation footprinting, discovery and enumeration
Applciation footprinting, discovery and enumerationBlueinfy Solutions
 
.NET Core Today and Tomorrow
.NET Core Today and Tomorrow.NET Core Today and Tomorrow
.NET Core Today and TomorrowJon Galloway
 
Cyber security and ethical hacking 3
Cyber security and ethical hacking 3Cyber security and ethical hacking 3
Cyber security and ethical hacking 3Mehedi Hasan
 
16.) layer 3 (basic tcp ip routing)
16.) layer 3 (basic tcp ip routing)16.) layer 3 (basic tcp ip routing)
16.) layer 3 (basic tcp ip routing)Jeff Green
 
Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207Lori Head
 
Installing and Configuring Novell Conferencing
Installing and Configuring Novell ConferencingInstalling and Configuring Novell Conferencing
Installing and Configuring Novell ConferencingNovell
 
Implementing IP V4
Implementing IP V4Implementing IP V4
Implementing IP V4Napoleon NV
 
Unit-4 networking basics in java
Unit-4 networking basics in javaUnit-4 networking basics in java
Unit-4 networking basics in javaAmol Gaikwad
 
siemens-tcp-ip-ethernet-manual.pdf
siemens-tcp-ip-ethernet-manual.pdfsiemens-tcp-ip-ethernet-manual.pdf
siemens-tcp-ip-ethernet-manual.pdfTestGg1
 

Similar to Konsep pembangunan tapak web & laman web (20)

Asas Pelayaran Internet
Asas Pelayaran InternetAsas Pelayaran Internet
Asas Pelayaran Internet
 
Hyperlink
HyperlinkHyperlink
Hyperlink
 
Introduction To Web Technology
Introduction To Web TechnologyIntroduction To Web Technology
Introduction To Web Technology
 
Microsoft Offical Course 20410C_05
Microsoft Offical Course 20410C_05Microsoft Offical Course 20410C_05
Microsoft Offical Course 20410C_05
 
Applciation footprinting, discovery and enumeration
Applciation footprinting, discovery and enumerationApplciation footprinting, discovery and enumeration
Applciation footprinting, discovery and enumeration
 
.NET Core Today and Tomorrow
.NET Core Today and Tomorrow.NET Core Today and Tomorrow
.NET Core Today and Tomorrow
 
Cyber security and ethical hacking 3
Cyber security and ethical hacking 3Cyber security and ethical hacking 3
Cyber security and ethical hacking 3
 
Applications.docx
Applications.docxApplications.docx
Applications.docx
 
Web Browsers.pptx
Web Browsers.pptxWeb Browsers.pptx
Web Browsers.pptx
 
16.) layer 3 (basic tcp ip routing)
16.) layer 3 (basic tcp ip routing)16.) layer 3 (basic tcp ip routing)
16.) layer 3 (basic tcp ip routing)
 
Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207Advanced Web Design And Development BIT 3207
Advanced Web Design And Development BIT 3207
 
Installing and Configuring Novell Conferencing
Installing and Configuring Novell ConferencingInstalling and Configuring Novell Conferencing
Installing and Configuring Novell Conferencing
 
Networking 101
Networking 101Networking 101
Networking 101
 
Networking 101
Networking 101Networking 101
Networking 101
 
Networking 101
Networking 101Networking 101
Networking 101
 
Networking 101
Networking 101Networking 101
Networking 101
 
Implementing IP V4
Implementing IP V4Implementing IP V4
Implementing IP V4
 
Unit-4 networking basics in java
Unit-4 networking basics in javaUnit-4 networking basics in java
Unit-4 networking basics in java
 
siemens-tcp-ip-ethernet-manual.pdf
siemens-tcp-ip-ethernet-manual.pdfsiemens-tcp-ip-ethernet-manual.pdf
siemens-tcp-ip-ethernet-manual.pdf
 
5-WebServers.ppt
5-WebServers.ppt5-WebServers.ppt
5-WebServers.ppt
 

More from Ahmad Faizar

Intevensi inovasi KIK PDCA
Intevensi inovasi  KIK PDCAIntevensi inovasi  KIK PDCA
Intevensi inovasi KIK PDCAAhmad Faizar
 
Pengenalan KIKUiTM V 3.0
Pengenalan KIKUiTM V 3.0Pengenalan KIKUiTM V 3.0
Pengenalan KIKUiTM V 3.0Ahmad Faizar
 
Contoh Slaid KIK Pelajar
Contoh Slaid KIK Pelajar Contoh Slaid KIK Pelajar
Contoh Slaid KIK Pelajar Ahmad Faizar
 
Skrip contoh kik e-wave projek mpld
Skrip contoh  kik e-wave projek mpldSkrip contoh  kik e-wave projek mpld
Skrip contoh kik e-wave projek mpldAhmad Faizar
 
Contoh KIK e-WAVE Peringkat UiTM 2008
Contoh KIK e-WAVE Peringkat UiTM 2008Contoh KIK e-WAVE Peringkat UiTM 2008
Contoh KIK e-WAVE Peringkat UiTM 2008Ahmad Faizar
 
Contoh pengenalan organisasi dan kumpulan dalam KIK (Kumpulan Inovati Kreatif)
Contoh pengenalan organisasi dan kumpulan dalam KIK (Kumpulan Inovati Kreatif)Contoh pengenalan organisasi dan kumpulan dalam KIK (Kumpulan Inovati Kreatif)
Contoh pengenalan organisasi dan kumpulan dalam KIK (Kumpulan Inovati Kreatif)Ahmad Faizar
 
UiTM Digital Library Services
UiTM Digital Library ServicesUiTM Digital Library Services
UiTM Digital Library ServicesAhmad Faizar
 
Kursus Penerbitan Meja DTP Microsoft Publisher faizar
Kursus Penerbitan Meja DTP Microsoft  Publisher faizarKursus Penerbitan Meja DTP Microsoft  Publisher faizar
Kursus Penerbitan Meja DTP Microsoft Publisher faizarAhmad Faizar
 
WELCOME TUN ABDUL RAZAK LIBRARY (PTAR) VIRTUAL TOUR
WELCOME TUN ABDUL RAZAK LIBRARY (PTAR) VIRTUAL TOURWELCOME TUN ABDUL RAZAK LIBRARY (PTAR) VIRTUAL TOUR
WELCOME TUN ABDUL RAZAK LIBRARY (PTAR) VIRTUAL TOURAhmad Faizar
 
EKMS PTAR 2008 Faizar
EKMS PTAR 2008 FaizarEKMS PTAR 2008 Faizar
EKMS PTAR 2008 FaizarAhmad Faizar
 
KURSUS DTP MICROSOFT PUBLISHER
KURSUS DTP MICROSOFT PUBLISHERKURSUS DTP MICROSOFT PUBLISHER
KURSUS DTP MICROSOFT PUBLISHERAhmad Faizar
 

More from Ahmad Faizar (11)

Intevensi inovasi KIK PDCA
Intevensi inovasi  KIK PDCAIntevensi inovasi  KIK PDCA
Intevensi inovasi KIK PDCA
 
Pengenalan KIKUiTM V 3.0
Pengenalan KIKUiTM V 3.0Pengenalan KIKUiTM V 3.0
Pengenalan KIKUiTM V 3.0
 
Contoh Slaid KIK Pelajar
Contoh Slaid KIK Pelajar Contoh Slaid KIK Pelajar
Contoh Slaid KIK Pelajar
 
Skrip contoh kik e-wave projek mpld
Skrip contoh  kik e-wave projek mpldSkrip contoh  kik e-wave projek mpld
Skrip contoh kik e-wave projek mpld
 
Contoh KIK e-WAVE Peringkat UiTM 2008
Contoh KIK e-WAVE Peringkat UiTM 2008Contoh KIK e-WAVE Peringkat UiTM 2008
Contoh KIK e-WAVE Peringkat UiTM 2008
 
Contoh pengenalan organisasi dan kumpulan dalam KIK (Kumpulan Inovati Kreatif)
Contoh pengenalan organisasi dan kumpulan dalam KIK (Kumpulan Inovati Kreatif)Contoh pengenalan organisasi dan kumpulan dalam KIK (Kumpulan Inovati Kreatif)
Contoh pengenalan organisasi dan kumpulan dalam KIK (Kumpulan Inovati Kreatif)
 
UiTM Digital Library Services
UiTM Digital Library ServicesUiTM Digital Library Services
UiTM Digital Library Services
 
Kursus Penerbitan Meja DTP Microsoft Publisher faizar
Kursus Penerbitan Meja DTP Microsoft  Publisher faizarKursus Penerbitan Meja DTP Microsoft  Publisher faizar
Kursus Penerbitan Meja DTP Microsoft Publisher faizar
 
WELCOME TUN ABDUL RAZAK LIBRARY (PTAR) VIRTUAL TOUR
WELCOME TUN ABDUL RAZAK LIBRARY (PTAR) VIRTUAL TOURWELCOME TUN ABDUL RAZAK LIBRARY (PTAR) VIRTUAL TOUR
WELCOME TUN ABDUL RAZAK LIBRARY (PTAR) VIRTUAL TOUR
 
EKMS PTAR 2008 Faizar
EKMS PTAR 2008 FaizarEKMS PTAR 2008 Faizar
EKMS PTAR 2008 Faizar
 
KURSUS DTP MICROSOFT PUBLISHER
KURSUS DTP MICROSOFT PUBLISHERKURSUS DTP MICROSOFT PUBLISHER
KURSUS DTP MICROSOFT PUBLISHER
 

Recently uploaded

Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationAadityaSharma884161
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.arsicmarija21
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxsqpmdrvczh
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptxSherlyMaeNeri
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 

Recently uploaded (20)

Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint Presentation
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptx
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptx
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 

Konsep pembangunan tapak web & laman web

  • 1. Konsep Pembangunan & Pengurusan Tapak & Laman WEB Oleh Ahmad Faizar Jaafar Unit Web & Digital Komponen  Jabatan Pengurusan Sistem & Teknologi Maklumat  (JPSTM) PTAR, UiTM  http://faizar.atspace.com/courses.html http://faizaronestop.blogspot.com http://faizar.multiply.com
  • 2.
  • 3.  
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. IP Addresses 192.168.1.0 192.168.3.0 192.168.1.100 192.168.2.101 192.168.2.100 192.168.3.100 192.168.2.0 Host ID Network ID 192.168.1.100 IP Address
  • 9. IP Address Classes w x y z Class A Network ID Host ID Class B Network ID Host ID Class C Network ID Host ID
  • 10.
  • 11. Subnets Router Subnet 1 Subnet 2 1 2 Hub Hub
  • 12. Subnet Masks IP Address Host ID Network ID 192.168. 2.200 Subnet Mask 255.255. 0.0 192.168. IP Address 10. 50.100.200 Subnet Mask 255. 0.0.0 Network ID 10. 0.0.0 IP Address 10.50. 100.200 Subnet Mask 255.255. 0.0 Network ID 10.50. 0.0 IP Address 10.50.100. 200 Subnet Mask 255.255.255. 0 Network ID 10.50.100. 0
  • 13. Determining Local and Remote Hosts Example 1 1 192.168.1.100 Local Hosts 192.168.2.100 2 Router 255.255.0.0 Subnet Mask A B C D E F Example 2 1 192.168.1.100 2 Remote Hosts 192.168.2.100 Router 255.255.255.0 Subnet Mask A B C D E F
  • 14. Lab A: Determining Class Addresses and Subnet Masks
  • 15.
  • 16. Addressing Guidelines The Host ID Cannot Be All Zeros The Host ID Cannot Be All 255s The First Number in the Network ID Cannot Be 127 The Host ID Must Be Unique to the Local Network ID
  • 17. Assigning Network IDs 1 2 3 10. 0 . 0 . 0 192.168.2 . 0 172.16 . 0 . 0 Router
  • 18. Assigning Host IDs 1 2 172.16. 0.12 172.16. 0.11 172.16. 0.10 10 .0.0.12 10 .0.0.11 10 .0.0.10 192.168.2 .11 192.168.2 .10 192.168.2. 1 10. 0.0.1 172.16. 0.1 3 10 . 0 . 0 . 0 192.168.2 . 0 172.16 . 0 . 0 Router
  • 19. Lab B: Identifying Valid IP Addresses
  • 20.
  • 21.  
  • 22. Static IP Addressing Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings. O btain an IP address automatically U s e the following IP address : IP address: Us e the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: 192 . 168 . 1 . 200 192. 168 . 1 . 1 255 . 255 . 255. 0 Subnet mask : Default gateway: OK Cancel
  • 23. Automatic IP Addressing Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings . O btain an IP address automatically U s e the following IP address: IP address: Us e the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: Subnet mask : Default gateway : OK Cancel
  • 24. Viewing TCP/IP Configuration Internet Protocol (TCP/IP) Properties General You can get IP settings assigned automatically if your network supports this capability. Otherwise, you need to ask your network administrator for the appropriate IP settings. O btain an IP address automatically U s e the following IP address: IP address: Us e the following DNS server addresses: P referred DNS server: Obtain DNS server address automatically Ad v anced... A lternate DNS server: 192 . 168 . 1 . 200 192. 168 . 1 . 1 255 . 255 . 255. 0 Subnet mask : Default gateway: OK Cancel
  • 25. Viewing TCP/IP Configuration Using c:gt;ipconfig Command Prompt Microsoft Windows 2000 [version 5.00.2195] (C) Copyright 1985-1999 Microsoft Corp. C:gt;ipconfig Windows 2000 IP Configuration Ethernet adapter Local Area Connection: Connection-specific DNS Suffix . : IP Address. . . . . . . . . . . . : 192.168.1.200 Subnet Mask . . . . . . . . . . . : 255.255.255.0 Default Gateway . . . . . . . . . : 192.168.1.1 C:gt;_
  • 26. Lab C: Examining the Configuration of TCP/IP
  • 27.
  • 28.
  • 29.
  • 30. Sejarah Internet & WWW http://www.netvalley.com/intval1.html
  • 31. Bagaimana World Wide Web berfungsi WWW Server Methods to Use to Connect: Home user – Direct Modem Organization - LAN PC Browser Contoh: Internet Explorer
  • 32. Lab B: Identifying Web Concepts
  • 33.
  • 34. Hypertext Markup Language < HTML> <HEAD> <TITLE>Sales Report</TITLE> </HEAD> <BODY> <H2>Q3 Sales by Region</H2> </BODY> </HTML> Hypertext Markup Language ( HTML )
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. The Internet Client Connection Using TCP/IP Protocol Server Text, Audio, Video, and Graphics Data Internet
  • 42.
  • 44.
  • 45.
  • 46. Newsreaders msnews.microsoft.com - Outlook Express File Edit Tools Message Help New Post Reply Group Reply Forward Print Stop Send/Recv Addresses Find Newsgroups msnews.microsoft.com Folders msnews.microsoft.com Synchronization of Newsgroups on msnews.microsoft.com To change offline settings, first select a newsgroup, then click Settings Synchronize Account Newsgroups... Settings Newsgroup Unread Total microsoft.public.ddk.win2000.general (18) microsoft.public.ddk.win2000.network microsoft.public.ddk.win2000.setup (3) microsoft.public.win2000.accessibility microsoft.public.win2000.advancedserv microsoft.public.win2000.announcemen microsoft.public.win2000.app_deploy microsoft.public.win2000.applications microsoft.public.win2000.clusterservice microsoft.public.win2000.networking microsoft.public.win2000.outlook.expires microsoft.public.win2000.printing microsoft.public.win2000.radius microsoft.public.win2000.ras_routing microsoft.public.win2000.security microsoft.public.win2000.setup microsoft.public.win2000.setup.deploym microsoft.public.win2000.setup.upgrade microsoft.public.win2000.storage microsoft.public.win2000.system_admin microsoft.public.win2000.terminal_srv microsoft.public.win2000.terminal_srv_h microsoft.public.win2000.user_interface microsoft.public.ddk.win2000.general microsoft.public.ddk.win2000.network microsoft.public.ddk.win2000.setup microsoft.public.win2000.accessibility microsoft.public.win2000.advancedserver microsoft.public.win2000.announcements microsoft.public.win2000.applications microsoft.public.win2000.app_deploy microsoft.public.win2000.clusterservice microsoft.public.win2000.networking microsoft.public.win2000.outlook.express microsoft.public.win2000.printing microsoft.public.win2000.radius microsoft.public.win2000.ras_routing microsoft.public.win2000.security microsoft.public.win2000.setup microsoft.public.win2000.setup.deployment microsoft.public.win2000.setup.upgrade microsoft.public.win2000.storage microsoft.public.win2000.system_admin 18 5 3 6 13 8 6 15 2 2163 11 21 13 8 4 7 1 4 10 2 18 12 3 6 13 8 6 18 2 2164 14 21 13 8 4 10 5 4 10 2
  • 47. Web Browsers Windows 2000 Server Overview - Microsoft Internet Explorer F ile E dit V iew F avorites T ools Help Back Search Favorites History Address http://www.microsoft.com/windows2000/server/overview/default.asp Go All products Support Search microsoft.com Guide Windows Home Pages Windows 2000 Home Page Product Guide Windows 2000 Platform Client Server Technical Library Upgrading to Window 2000 Beta Users IT Pros Developers Search for: Go Home Product Guide Windows 2000 Server Family Server Server Features System Requirements What Others are Saying Comparisons With the Windows® 2000 Server operating system, Microsoft has accomplished a goal rarely achieved in the software industry: delivered a product that is evolutionary and revolutionary at the same time. Evolutionary in that Windows 2000 builds on the great things about the Windows NT® Server 4.0 operating system. Revolutionary in that Windows 2000 Server sets a new standard for how well am operating system can be integrated with Web, application, networking, communication, and infrastructure services. For the first time, you have an easy choice to make about the next server operating system you deploy - whatever your needs. Continued Browse the features that make the Windows 2000 Server Family the leading solution for running more reliable and manageable file, print, intranet, communications, e-commerce, and infrastructure server. Find out what it takes to run Windows 2000 Server and Windows 2000 Advanced Server. Check out the buzz on Windows 2000 Server: reviews and commentary from technology journalists and industry analysts. See how Windows 2000 Server compares with other operating systems. Browser Contoh: Internet Explorer
  • 48.
  • 49.
  • 50. Lab A: Accessing an FTP Site by Using Internet Explorer
  • 51.
  • 52. Network Address Translators (NATs) Internet 192.168.0.10 w1.x1.y1.z1 w2.x2.y2.z2 Web Browser NAT Web Server
  • 53. Proxy Servers Proxy Server Authorized Web Site Restricted Web Site Internet LAN LAN LAN
  • 54. Firewalls Firewall Authorized User Unauthorized User LAN LAN LAN Internet
  • 55. Microsoft Proxy Server Microsoft Proxy Server Authorized User or Web Site Unauthorized User or Web Site LAN LAN LAN Internet
  • 56.
  • 57. Defining a Web Server Web Server Client with Web Browser Network TCP/IP TCP/IP HTTP IP Address HTTP Internet Explorer
  • 58.
  • 60.
  • 61. PHASE 1: DEFINING SITE GOALS
  • 62.
  • 63.
  • 64. Macromedia Products Flash Player Shockwave Player Deliver Display Develop Design ColdFusion Server JRun Server Generator Spectra ColdFusion Studio UltraDev HomeSite JRun Studio Director Dreamweaver Fireworks Flash FreeHand Flash Player Shockwave Player
  • 65.
  • 66. Case Study Company’s Web Site Corporate Web Site Discover
  • 68. WYSIWYG What I See What I Get WYSIWYG (What You See Is What You Get) site building tool with an intuitive environment for building cross-platform sites.
  • 69. Popular Tools Dreamweaver Net Object Fusion Front Page Express Home Site GoLive
  • 70. Web Development Prep Purpose: Prepare material for web publishing http:// faizar.freehosting.net / Web Server Your PC Text Digitized pics URLs Build Web Site Publish Story board
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78. Buat Laman WEB http:// faizar.freehosting.net /
  • 79.
  • 80.
  • 81. Daftar laman web percuma http:// faizar.freehosting.net / http:// www.atspace.com / http:// www.bravenet.com / http:// www.weebly.com / http:// faizar.freehosting.net /

Editor's Notes

  1. KEY OBJECTIVES: Establish a baseline of a simple HTML page that everyone can understand Show that just by looking at the tags, it’s possible to see what a page will look like Now the key to understanding how easy it is to use ColdFusion is to take a look at how the dynamic pages are created. To begin with here on the screen we have a very basic HTML page that is not being dynamically generated. Those of you familiar with HTML know what this page will display by just looking at the HTML code. [CLICK1] This page will simply place a heading of ‘Sales Report’ on our web page and a title “Q3 Sales by Region” Now let’s create a dynamic ColdFusion page using this HTML file as a foundation.
  2. KEY OBJECTIVES: Demonstrate that Macromedia’s goal is to provide a complete solution for Web professionals Macromedia’s vision is to provide a complete software platform that enables Web professionals to build the next generation of Web applications and deliver innovative user experiences across devices. That includes design tools that enable you to build highly engaging content, as well as best-in-class tools and servers for building the back-end logic to drive dynamic Web sites and applications. Finally, we provide also leading-edge player technology that enables rich user experiences not only in HTML, but also in Flash and Shockwave.
  3. KEY OBJECTIVES: Demonstrate that Macromedia has the industry-leading products to deliver on the vision described in the previous slide. In support of that vision, we have award-winning products that are leaders in their respective markets.
  4. Purpose of session: 1. Review the Conference Presentation / the culminating Products 2. Share samples developed by teachers
  5. Focusing on Group A Products 1. Review the PD Requirements for Group A 2. Focus on the presentation
  6. Up to now focusing on developing the Standards-Based Learning Unit
  7. We will be sharing components of and samples of Conference Presentation Teacher Portfolio Tech Products Professional Journal They will focus on your PD process as they planned / Designed / Implement / Manage / Assess the Unit - If you were reading a journnal, going to a conference, looking at a tech project What would be a couple of things that you’d look for in the writing or Presentation that would be interesting, useful for you?
  8. 1. As the teachers share - notice how they have woven the basic components into their culminating products. 2. Whether doing the presentation, portfolio, Journal - there are common threads that are basic no matter which product you will work on. a. Introduction - A description, the purpose, executive summary b. Context - your teaching context - such as course, grade level, student need / strengths c. Professional development goals - outcomes you hope to accomplish through the design, implementation, management, assessment of your SBL unit d. Artifacts Your - Unit / reflection Students - Quantitative / Qualitative Samples e. Analysis, Conclusion , Projection What worked, didn’t work, adjustments made Match between goals, practice and outcome Your next steps f. Professional Resources
  9. Tech Products Student or Teacher Tech Products that will support the unit Communication - building collaboration through the forum Gathering, Managing and Use of Online Resources Publication and Production - PowerPoint, Student / Teacher Web Page Creating Online Learning Environment Theresa share student tech project
  10. 1. There are resourcces - among the teachers 2. Assembled resources on the MoHS Website Remember - resources are only samplers that may not be representative of the best - 3. No one right way to do any of the culminating products - You determine what would be most meaningful for you and will enhance your own professional development 4. We will customize future workshops to accommodate your needs - in completing the products
  11. 1. There are resourcces - among the teachers 2. Assembled resources on the MoHS Website Remember - resources are only samplers that may not be representative of the best - 3. No one right way to do any of the culminating products - You determine what would be most meaningful for you and will enhance your own professional development 4. We will customize future workshops to accommodate your needs - in completing the products
  12. 1. There are resourcces - among the teachers 2. Assembled resources on the MoHS Website Remember - resources are only samplers that may not be representative of the best - 3. No one right way to do any of the culminating products - You determine what would be most meaningful for you and will enhance your own professional development 4. We will customize future workshops to accommodate your needs - in completing the products