SlideShare a Scribd company logo
1 of 34
Overview of Web Technology
Intro & Purpose ,[object Object],[object Object],[object Object],[object Object],[object Object]
Types of Web Accounts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Methods for Constructing Web Sites ,[object Object],[object Object],[object Object],[object Object],[object Object]
Domains and sub-domains ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML & XHTML ,[object Object],[object Object],[object Object],[object Object]
HTML & XHTML ,[object Object],[object Object],[object Object],[object Object],[object Object]
CSS - Cascading Style Sheets ,[object Object],[object Object],[object Object]
CSS - Cascading Style Sheets ,[object Object],[object Object],[object Object],[object Object],[object Object]
Essentials of Search Engine Optimization ,[object Object],[object Object],[object Object],[object Object]
Adobe Flash ,[object Object],[object Object],[object Object]
Adobe Flash ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML versus Flash ,[object Object],[object Object],[object Object],[object Object]
Graphics Formats ,[object Object],[object Object],[object Object],[object Object]
Graphics Formats ,[object Object],[object Object],[object Object],[object Object]
Graphics Formats ,[object Object],[object Object],[object Object],[object Object]
Graphics Formats ,[object Object],[object Object],[object Object],[object Object]
Graphics Formats ,[object Object],[object Object],[object Object],[object Object]
JavaScript ,[object Object],[object Object],[object Object],[object Object]
JavaScript ,[object Object],[object Object],[object Object]
DHTML ,[object Object],[object Object],[object Object],[object Object]
Scripting Languages ,[object Object],[object Object],[object Object]
Scripting Languages ,[object Object],[object Object],[object Object]
Scripting Languages ,[object Object],[object Object]
Scripting Languages ,[object Object],[object Object],[object Object],[object Object]
Web Databases ,[object Object],[object Object],[object Object],[object Object],[object Object]
Web Databases ,[object Object],[object Object],[object Object],[object Object],[object Object]
Web Databases ,[object Object],[object Object]
Web Databases ,[object Object],[object Object],[object Object],[object Object]
AJAX ,[object Object],[object Object],[object Object],[object Object],[object Object]
AJAX ,[object Object],[object Object],[object Object]
Most Common Fundamental Mistakes ,[object Object],[object Object],[object Object]
Most Common Fundamental Mistakes ,[object Object],[object Object],[object Object]
Overview of Web Technology

More Related Content

What's hot

Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in WebJussi Pohjolainen
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web developmentChristian Heilmann
 
Scaling Wordpress
Scaling WordpressScaling Wordpress
Scaling Wordpressngonpham
 
Basic Introduction to Web Development
Basic Introduction to Web DevelopmentBasic Introduction to Web Development
Basic Introduction to Web DevelopmentBurhan Khalid
 
Html for desktop applications
Html for desktop applicationsHtml for desktop applications
Html for desktop applicationsMike Feltman
 
Web Application Development Fundamentals
Web Application Development FundamentalsWeb Application Development Fundamentals
Web Application Development FundamentalsMohammed Makhlouf
 
The WordPress Way: Accessibility and Backwards Compatibility
The WordPress Way: Accessibility and Backwards CompatibilityThe WordPress Way: Accessibility and Backwards Compatibility
The WordPress Way: Accessibility and Backwards CompatibilityJoseph Dolson
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentFortySeven Media
 
Fundamentals of web_design_v2
Fundamentals of web_design_v2Fundamentals of web_design_v2
Fundamentals of web_design_v2hussain534
 
Internship presentation
Internship presentationInternship presentation
Internship presentationWasim Shemna
 
Responsive Web Design and SharePoint
Responsive Web Design and SharePointResponsive Web Design and SharePoint
Responsive Web Design and SharePointStefan Bauer
 
Tasks suitable for programming on the web
Tasks suitable for programming on the webTasks suitable for programming on the web
Tasks suitable for programming on the webMohammad Kamrul Hasan
 
Choice of programming language for web developing.
Choice of programming language for web developing.Choice of programming language for web developing.
Choice of programming language for web developing.Mohammad Kamrul Hasan
 
Chris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien - Introduction to the SharePoint Framework for developersChris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien - Introduction to the SharePoint Framework for developersChris O'Brien
 

What's hot (20)

Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
 
Scaling Wordpress
Scaling WordpressScaling Wordpress
Scaling Wordpress
 
Client and server side scripting
Client and server side scriptingClient and server side scripting
Client and server side scripting
 
Basic Introduction to Web Development
Basic Introduction to Web DevelopmentBasic Introduction to Web Development
Basic Introduction to Web Development
 
Html for desktop applications
Html for desktop applicationsHtml for desktop applications
Html for desktop applications
 
Web Application Development Fundamentals
Web Application Development FundamentalsWeb Application Development Fundamentals
Web Application Development Fundamentals
 
The WordPress Way: Accessibility and Backwards Compatibility
The WordPress Way: Accessibility and Backwards CompatibilityThe WordPress Way: Accessibility and Backwards Compatibility
The WordPress Way: Accessibility and Backwards Compatibility
 
Client Side scripting and server side scripting
Client Side scripting and server side scriptingClient Side scripting and server side scripting
Client Side scripting and server side scripting
 
VFP & Ajax
VFP & AjaxVFP & Ajax
VFP & Ajax
 
Server side scripting
Server side scriptingServer side scripting
Server side scripting
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
 
Fundamentals of web_design_v2
Fundamentals of web_design_v2Fundamentals of web_design_v2
Fundamentals of web_design_v2
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
 
Web application architecture
Web application architectureWeb application architecture
Web application architecture
 
WebMatrix2
WebMatrix2WebMatrix2
WebMatrix2
 
Responsive Web Design and SharePoint
Responsive Web Design and SharePointResponsive Web Design and SharePoint
Responsive Web Design and SharePoint
 
Tasks suitable for programming on the web
Tasks suitable for programming on the webTasks suitable for programming on the web
Tasks suitable for programming on the web
 
Choice of programming language for web developing.
Choice of programming language for web developing.Choice of programming language for web developing.
Choice of programming language for web developing.
 
Chris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien - Introduction to the SharePoint Framework for developersChris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien - Introduction to the SharePoint Framework for developers
 

Similar to Overview of Web Technology Intro

Websites Unlimited - Pay Monthly Websites
Websites Unlimited - Pay Monthly WebsitesWebsites Unlimited - Pay Monthly Websites
Websites Unlimited - Pay Monthly Websiteswebsiteunlimited
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web ApplicationSachin Walvekar
 
Web II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentWeb II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentRandy Connolly
 
Designing SharePoint 2010 for Business
Designing SharePoint 2010 for BusinessDesigning SharePoint 2010 for Business
Designing SharePoint 2010 for BusinessKanwal Khipple
 
Web Issues
Web IssuesWeb Issues
Web Issuestterrill
 
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities:  Leveraging the Power of the Adobe Web Pub...Familiar Tools, New Possibilities:  Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...John Hartley
 
Website development courses
Website development coursesWebsite development courses
Website development coursesOSK IT SOLUTION
 
SharePoint Branding Guidance @ SharePoint Saturday San Diego
SharePoint Branding Guidance @ SharePoint Saturday San DiegoSharePoint Branding Guidance @ SharePoint Saturday San Diego
SharePoint Branding Guidance @ SharePoint Saturday San DiegoKanwal Khipple
 
Seminar Presentation for FrontPage
Seminar Presentation for FrontPageSeminar Presentation for FrontPage
Seminar Presentation for FrontPagewebhostingguy
 
E commerce p1 edit
E commerce p1 editE commerce p1 edit
E commerce p1 editmmm2k
 
7 new techniques every web developer should know
7 new techniques every web developer should know7 new techniques every web developer should know
7 new techniques every web developer should knowMitiz Technologies
 
Static site best practices
Static site best practicesStatic site best practices
Static site best practicesAllanki Srinivas
 

Similar to Overview of Web Technology Intro (20)

Websites Unlimited - Pay Monthly Websites
Websites Unlimited - Pay Monthly WebsitesWebsites Unlimited - Pay Monthly Websites
Websites Unlimited - Pay Monthly Websites
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
 
Web II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side developmentWeb II - 01 - Introduction to server-side development
Web II - 01 - Introduction to server-side development
 
Basic web designing 2
Basic web designing 2Basic web designing 2
Basic web designing 2
 
Designing SharePoint 2010 for Business
Designing SharePoint 2010 for BusinessDesigning SharePoint 2010 for Business
Designing SharePoint 2010 for Business
 
Web development
Web developmentWeb development
Web development
 
Web Issues
Web IssuesWeb Issues
Web Issues
 
2003
20032003
2003
 
Rutgers - Active Server Pages
Rutgers - Active Server PagesRutgers - Active Server Pages
Rutgers - Active Server Pages
 
INTRODUCTIONS OF HTML
INTRODUCTIONS OF HTMLINTRODUCTIONS OF HTML
INTRODUCTIONS OF HTML
 
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities:  Leveraging the Power of the Adobe Web Pub...Familiar Tools, New Possibilities:  Leveraging the Power of the Adobe Web Pub...
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...
 
Website development courses
Website development coursesWebsite development courses
Website development courses
 
SharePoint Branding Guidance @ SharePoint Saturday San Diego
SharePoint Branding Guidance @ SharePoint Saturday San DiegoSharePoint Branding Guidance @ SharePoint Saturday San Diego
SharePoint Branding Guidance @ SharePoint Saturday San Diego
 
Seminar Presentation for FrontPage
Seminar Presentation for FrontPageSeminar Presentation for FrontPage
Seminar Presentation for FrontPage
 
E commerce p1 edit
E commerce p1 editE commerce p1 edit
E commerce p1 edit
 
Rakshat bhati
Rakshat bhatiRakshat bhati
Rakshat bhati
 
High-Speed HTML5
High-Speed HTML5High-Speed HTML5
High-Speed HTML5
 
7 new techniques every web developer should know
7 new techniques every web developer should know7 new techniques every web developer should know
7 new techniques every web developer should know
 
Static site best practices
Static site best practicesStatic site best practices
Static site best practices
 
Web technology
Web technologyWeb technology
Web technology
 

More from webhostingguy

Running and Developing Tests with the Apache::Test Framework
Running and Developing Tests with the Apache::Test FrameworkRunning and Developing Tests with the Apache::Test Framework
Running and Developing Tests with the Apache::Test Frameworkwebhostingguy
 
MySQL and memcached Guide
MySQL and memcached GuideMySQL and memcached Guide
MySQL and memcached Guidewebhostingguy
 
Novell® iChain® 2.3
Novell® iChain® 2.3Novell® iChain® 2.3
Novell® iChain® 2.3webhostingguy
 
Load-balancing web servers Load-balancing web servers
Load-balancing web servers Load-balancing web serversLoad-balancing web servers Load-balancing web servers
Load-balancing web servers Load-balancing web serverswebhostingguy
 
SQL Server 2008 Consolidation
SQL Server 2008 ConsolidationSQL Server 2008 Consolidation
SQL Server 2008 Consolidationwebhostingguy
 
Master Service Agreement
Master Service AgreementMaster Service Agreement
Master Service Agreementwebhostingguy
 
PHP and MySQL PHP Written as a set of CGI binaries in C in ...
PHP and MySQL PHP Written as a set of CGI binaries in C in ...PHP and MySQL PHP Written as a set of CGI binaries in C in ...
PHP and MySQL PHP Written as a set of CGI binaries in C in ...webhostingguy
 
Dell Reference Architecture Guide Deploying Microsoft® SQL ...
Dell Reference Architecture Guide Deploying Microsoft® SQL ...Dell Reference Architecture Guide Deploying Microsoft® SQL ...
Dell Reference Architecture Guide Deploying Microsoft® SQL ...webhostingguy
 
Managing Diverse IT Infrastructure
Managing Diverse IT InfrastructureManaging Diverse IT Infrastructure
Managing Diverse IT Infrastructurewebhostingguy
 
Web design for business.ppt
Web design for business.pptWeb design for business.ppt
Web design for business.pptwebhostingguy
 
IT Power Management Strategy
IT Power Management Strategy IT Power Management Strategy
IT Power Management Strategy webhostingguy
 
Excel and SQL Quick Tricks for Merchandisers
Excel and SQL Quick Tricks for MerchandisersExcel and SQL Quick Tricks for Merchandisers
Excel and SQL Quick Tricks for Merchandiserswebhostingguy
 
Parallels Hosting Products
Parallels Hosting ProductsParallels Hosting Products
Parallels Hosting Productswebhostingguy
 
Microsoft PowerPoint presentation 2.175 Mb
Microsoft PowerPoint presentation 2.175 MbMicrosoft PowerPoint presentation 2.175 Mb
Microsoft PowerPoint presentation 2.175 Mbwebhostingguy
 

More from webhostingguy (20)

File Upload
File UploadFile Upload
File Upload
 
Running and Developing Tests with the Apache::Test Framework
Running and Developing Tests with the Apache::Test FrameworkRunning and Developing Tests with the Apache::Test Framework
Running and Developing Tests with the Apache::Test Framework
 
MySQL and memcached Guide
MySQL and memcached GuideMySQL and memcached Guide
MySQL and memcached Guide
 
Novell® iChain® 2.3
Novell® iChain® 2.3Novell® iChain® 2.3
Novell® iChain® 2.3
 
Load-balancing web servers Load-balancing web servers
Load-balancing web servers Load-balancing web serversLoad-balancing web servers Load-balancing web servers
Load-balancing web servers Load-balancing web servers
 
SQL Server 2008 Consolidation
SQL Server 2008 ConsolidationSQL Server 2008 Consolidation
SQL Server 2008 Consolidation
 
What is mod_perl?
What is mod_perl?What is mod_perl?
What is mod_perl?
 
What is mod_perl?
What is mod_perl?What is mod_perl?
What is mod_perl?
 
Master Service Agreement
Master Service AgreementMaster Service Agreement
Master Service Agreement
 
Notes8
Notes8Notes8
Notes8
 
PHP and MySQL PHP Written as a set of CGI binaries in C in ...
PHP and MySQL PHP Written as a set of CGI binaries in C in ...PHP and MySQL PHP Written as a set of CGI binaries in C in ...
PHP and MySQL PHP Written as a set of CGI binaries in C in ...
 
Dell Reference Architecture Guide Deploying Microsoft® SQL ...
Dell Reference Architecture Guide Deploying Microsoft® SQL ...Dell Reference Architecture Guide Deploying Microsoft® SQL ...
Dell Reference Architecture Guide Deploying Microsoft® SQL ...
 
Managing Diverse IT Infrastructure
Managing Diverse IT InfrastructureManaging Diverse IT Infrastructure
Managing Diverse IT Infrastructure
 
Web design for business.ppt
Web design for business.pptWeb design for business.ppt
Web design for business.ppt
 
IT Power Management Strategy
IT Power Management Strategy IT Power Management Strategy
IT Power Management Strategy
 
Excel and SQL Quick Tricks for Merchandisers
Excel and SQL Quick Tricks for MerchandisersExcel and SQL Quick Tricks for Merchandisers
Excel and SQL Quick Tricks for Merchandisers
 
OLUG_xen.ppt
OLUG_xen.pptOLUG_xen.ppt
OLUG_xen.ppt
 
Parallels Hosting Products
Parallels Hosting ProductsParallels Hosting Products
Parallels Hosting Products
 
Microsoft PowerPoint presentation 2.175 Mb
Microsoft PowerPoint presentation 2.175 MbMicrosoft PowerPoint presentation 2.175 Mb
Microsoft PowerPoint presentation 2.175 Mb
 
Reseller's Guide
Reseller's GuideReseller's Guide
Reseller's Guide
 

Overview of Web Technology Intro

  • 1. Overview of Web Technology
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. Overview of Web Technology

Editor's Notes

  1. Fast pace Overview, not nitty gritty details, which will be covered in upcoming classes Not an engineering class If there is something you don't understand, please refer to the MS Word supplement, available on line, and then do your own research Huge range of options now available at low cost Let's first look at choices as to type of web account
  2. By increasing price, capability and complexity Blog account may be free, but doesn't do much, and isn't expandable Pre-packaged design may be easy to set up, but will quickly hem you in Pre-configured business account is often a good choice for small businesses which will never require specialized functions Shared hosting is the "sweet spot," in which you can get a truly amazing range of capabilities, all for only about $9.95 per month VPS hosting differs from shared hosting in that your account functions as though it were its own individual server Dedicated hosting means you rent a server in the facility on which you are the only account (minimum $150 per month, can be much more) Colocation means you own a server that is located in the ISP's facility, and either they manage it, you manage it remotely, or a combination In this class, we will concentrate on the "sweet spot" of a shared hosting account. Let's now take a look at a range of methods for constructing web sites.
  3. Hand coding with just a text editor can be done for HTML, CSS, JavaScript and even scripting languages, all to be covered later. Any text editor will do, including Notepad on Windows, or TextEdit on the Mac. Lots of code editors available. Please do your own research. Server Side Includes can give you quick, basic experience with some interactivity. Server Side Includes are files with an extension of .shtml, which tells the server to read the file, scanning for commands such as "include an external file here," or "show when this page was last modified." Dedicated web development applications make many things easier, but may limit specialized development. If you really want the full power of web technology, you have to use a scripting language.
  4. Sub-domains are useful, but be careful not to get carried away. Can share central style sheet, use their own style sheet, use a modified form of a central style sheet, or combinations. In advanced applications, can be used for email routing Careful with the cookies!
  5. Don't get hung up on this, because it's ok to not specify which is used by your web site.
  6. The command to view HTML source code is specific to your browser. Please look it up for your browser of choice.
  7. This a truly important technology that is easily accessible, because you can practice with CSS within your browser, without even being on the Internet, or having a web account.
  8. Explanation of vector-based graphics versus pixel-based graphics NEXT: You must understand the disadvantages of using Flash!
  9. Bad choice as to graphics format can make your site look horrible, and be terribly slow--the worst of both worlds. Quick explanation of RLE - run-length encoding - and its use in GIF NEXT: Lossless versus lossy
  10. Why would you ever be willing to lose information? To reduce file size, and speed up loading of your pages, and because if you do things right, only an expert can tell the difference. NEXT: Number of colors
  11. "Unlimited" actually means 16.7 million colors. NEXT: Transparency
  12. NEXT: Animation
  13. NEXT: Break time of 10 minutes
  14. In the early days, JavaScript was used primarily for simple functions such as rollovers. JavaScript files loaded as external files within a page are cached by the browser, which means if you use the same JavaScript functions across multiple pages, you can speed up load time of successive pages.
  15. Dynamic Hypertext Markup Language Use more and more prevalent, becoming an essential aspect of web site technique
  16. This is where the real fun begins, where the possibilities truly open up, and where the real work is involved. Can be set up to run on your own computer, but most people just use the server, to reflect real world conditions. NEXT: Scripting languages, one by one.
  17. Nevermind if you don't know what "mod_python" or "Apache server" mean. It's easy enough to look that stuff up. NEXT: Choice of scripting language
  18. NEXT: Web databases
  19. NEXT: Now let's look at some of the advantages.
  20. Brief explanation of cPanel. NEXT: AJAX
  21. The good news: growing libraries of free apps
  22. That pre-packaged design sure won't be "easier" when you have to start from scratch when you quickly outgrow it. Does anybody here actually like seeing that "loading" graphic and watching those "splash" pages?
  23. It's all too easy to be talked into using a technology just because someone you're working with wants to use the technology. You have to decide whether it actually makes sense long term to use that technology.