• Save
Web Technologies - IED Barcelona - Digital Media 2012
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Web Technologies - IED Barcelona - Digital Media 2012

on

  • 688 views

Web Technologies

Web Technologies
IED Barcelona
Digital Media 2012

Statistics

Views

Total Views
688
Views on SlideShare
646
Embed Views
42

Actions

Likes
1
Downloads
0
Comments
0

1 Embed 42

http://espositomr-ied.tumblr.com 42

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • It should be noted that all web technologies, apart from HTML, have some limitations in terms of their scope and compatibility. What is meant by this is that these technologies will only work under a certain set of circumstances. widespread and in common use. Most modern, major Browsers can deal quite happily with them all.
  • It's basically just a huge system of computersthat are all linked together by network technologies. e-mail and Web pages.To allow users to continue to interact with the page, communications such as data requests going to the server are separated from data coming back to the page (asynchronously). Otherwise, the user would have to routinely wait for the data to come back before they can do anything else on that page, just as a user has to wait for a page to complete the reload. This also increases overall performance of the site, as the sending of requests can complete quicker independent of blocking and queueing required to send data back to the client....
  • You could, if you really wanted, 'host' your website from your own computer. This would mean though, having your computer turned on 24 hours a day.. every day. In most cases this is not practical, unless you're a very large organization.Most people choose instead to 'rent' some space on someone else's computer. This is what is meant by someone 'hosting' your website. Terms like 'your host', 'hosting package', 'webspace' are all references to the idea of your website files being stored on someone else's computer.
  • Over the years Web Technologies have continued to develop so that now, virtually any type of audio-visual media can be 'carried' via the Internet.A waytoretrieveinformationWeb 2.0 offers an opportunity to engage consumersA Web 2.0 site allows users to interact and collaborate with each other in a social media dialogue as creators (prosumers) of user-generated content in a virtual community, in contrast to websites where users (consumers) are limited to the passive viewing of content that was created for them. Examples of Web 2.0 include social networking sites, blogs, wikis, video sharing sites, hosted services, web applications, mashups and folksonomies.
  • Hyper Text Markup Language (HTML). You'll notice most web addresses begin with 'http://' which means 'Hyper Text Transfer Protocol', and end with .HTM or .HTML. (In case you're wondering, the 'HTM' extension is for backward-compatibility with older 'Windows' DOS computers, which had a limit of only 3 letters).It should be noted that even addresses that end with other extensions (PHP, etc) are still essentially 'serving' HTML pages, only via a database.HTML is what your web 'Browser' is designed to interpret, regardless of whom makes the Browser or what computer the Browser is being used on. Unlike other web technologies, HTML is the standard and guarantees your website can be seen by anyone accessing the web.if you start linking all of these HTML pages together,compatible with XML and other Mark-Up languages. The use of the XHTML
  • Hyper Text Markup Language (HTML). You'll notice most web addresses begin with 'http://' which means 'Hyper Text Transfer Protocol', and end with .HTM or .HTML. (In case you're wondering, the 'HTM' extension is for backward-compatibility with older 'Windows' DOS computers, which had a limit of only 3 letters).It should be noted that even addresses that end with other extensions (PHP, etc) are still essentially 'serving' HTML pages, only via a database.HTML is what your web 'Browser' is designed to interpret, regardless of whom makes the Browser or what computer the Browser is being used on. Unlike other web technologies, HTML is the standard and guarantees your website can be seen by anyone accessing the web.if you start linking all of these HTML pages together,compatible with XML and other Mark-Up languages. The use of the XHTML
  • Hyper Text Markup Language (HTML). You'll notice most web addresses begin with 'http://' which means 'Hyper Text Transfer Protocol', and end with .HTM or .HTML. (In case you're wondering, the 'HTM' extension is for backward-compatibility with older 'Windows' DOS computers, which had a limit of only 3 letters).It should be noted that even addresses that end with other extensions (PHP, etc) are still essentially 'serving' HTML pages, only via a database.HTML is what your web 'Browser' is designed to interpret, regardless of whom makes the Browser or what computer the Browser is being used on. Unlike other web technologies, HTML is the standard and guarantees your website can be seen by anyone accessing the web.if you start linking all of these HTML pages together,compatible with XML and other Mark-Up languages. The use of the XHTML
  • Allowing greater flexibility in web page layouts and formatting.When combined with JavaScript, CSS gives you further options. For example, the ability to hide text or images that are only revealed when a visitor requests to see them.CSS can help as a method for 'serving' the same data in different formats to different media
  • Hyper Text Markup Language (HTML). You'll notice most web addresses begin with 'http://' which means 'Hyper Text Transfer Protocol', and end with .HTM or .HTML. (In case you're wondering, the 'HTM' extension is for backward-compatibility with older 'Windows' DOS computers, which had a limit of only 3 letters).It should be noted that even addresses that end with other extensions (PHP, etc) are still essentially 'serving' HTML pages, only via a database.HTML is what your web 'Browser' is designed to interpret, regardless of whom makes the Browser or what computer the Browser is being used on. Unlike other web technologies, HTML is the standard and guarantees your website can be seen by anyone accessing the web.if you start linking all of these HTML pages together,compatible with XML and other Mark-Up languages. The use of the XHTML
  • Hyper Text Markup Language (HTML). You'll notice most web addresses begin with 'http://' which means 'Hyper Text Transfer Protocol', and end with .HTM or .HTML. (In case you're wondering, the 'HTM' extension is for backward-compatibility with older 'Windows' DOS computers, which had a limit of only 3 letters).It should be noted that even addresses that end with other extensions (PHP, etc) are still essentially 'serving' HTML pages, only via a database.HTML is what your web 'Browser' is designed to interpret, regardless of whom makes the Browser or what computer the Browser is being used on. Unlike other web technologies, HTML is the standard and guarantees your website can be seen by anyone accessing the web.if you start linking all of these HTML pages together,compatible with XML and other Mark-Up languages. The use of the XHTML
  • Hyper Text Markup Language (HTML). You'll notice most web addresses begin with 'http://' which means 'Hyper Text Transfer Protocol', and end with .HTM or .HTML. (In case you're wondering, the 'HTM' extension is for backward-compatibility with older 'Windows' DOS computers, which had a limit of only 3 letters).It should be noted that even addresses that end with other extensions (PHP, etc) are still essentially 'serving' HTML pages, only via a database.HTML is what your web 'Browser' is designed to interpret, regardless of whom makes the Browser or what computer the Browser is being used on. Unlike other web technologies, HTML is the standard and guarantees your website can be seen by anyone accessing the web.if you start linking all of these HTML pages together,compatible with XML and other Mark-Up languages. The use of the XHTML
  • around database technologies. Just like 'desktop' database applications, this technology enables websites to collect information, store information and recall information.'middleware' or 'application layer' technology used to build the interface that allows interaction and control between the website administrator, the database and website visitors. Middleware technologies include; PHP (Hyper Processor PHP), .Net, Java Server Pages (JSP) and Cold Fusion (CFML).'Social Networking Websites' all relate to the utilisation of these technologies to create more sophisticated websites and better web based services.
  • A Content Management System is a special category of a Database/Middleware application, designed primarily to allow a 'standard' website to. be easily updated and maintained . Having a CMS included as part of their website's development, has become a standard requirement for many people, as it makes it easier for maintenance tasks to be done in-house and gives them greater overall control.Other advantages of a CMS, is that they make it easier to include interactive functionality on your website. This interactivity could include feedback forms and surveys, event calendars, blogs and forums, member's protected content, etc.
  • An application programming interface (API) is a source code-based specification intended to be used as an interface by software components to communicate with each other.
  • If you want to make any sort of Web site
  • An application programming interface (API) is a source code-based specification intended to be used as an interface by software components to communicate with each other.
  • If you want to make any sort of Web site

Web Technologies - IED Barcelona - Digital Media 2012 Presentation Transcript

  • 1. web_ technologies DIGITAL MEDIA | 2012Digital Media
  • 2. WORLD WIDE WEB  Connecting people linking together by network technologies.Digital Media
  • 3. WORLD WIDE WEB Connect to your data  A domain name is a unique web address that gives any Web enabled device, the information on where to find your website.Digital Media
  • 4. WORLD WIDE WEB Store the data online  A host is essentially just a computer configured to serve web pagesDigital Media
  • 5. WEB2.0_ web technologiesDigital Media
  • 6. HTML5_ web technologiesDigital Media
  • 7. http://evolutionofweb.appspot.com/Digital Media
  • 8. http://www.addedbytes.com/cheat-sheets/html-cheat-sheet-v1/Digital Media
  • 9. CSS3_ web technologiesDigital Media
  • 10. http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/Digital Media
  • 11. JAVA script_ web technologiesDigital Media
  • 12. http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet-v1/Digital Media
  • 13. http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.htmlDigital Media
  • 14. middle ware_ web technologies ( .PHP – .NET – .JSP – RUBY )Digital Media
  • 15. middleware  Allow user interaction  Feed from database  Send requests to servicesDigital Media
  • 16. CMS_ web technologiesDigital Media
  • 17. Content Management System  Easily updated and maintained  Custom widgetsDigital Media
  • 18. Content Management System  CMS Distribution http://trends.builtwith.com/cmsDigital Media
  • 19. API_ web technologiesDigital Media
  • 20. API  Allow developers to access data from services  Enables data interactionDigital Media
  • 21. The challenge_  How to integrate technologies design with program manageDigital Media
  • 22. DreamweaverDigital Media
  • 23. Benefits  Design for smartphones, tablets, and personal computers  Add advanced interactivity with jQuery code hinting.  Organize the contents and maintain synchronizationDigital Media
  • 24. SITE_ DreamweaverDigital Media
  • 25. Preparing your site  Information Structure Organize the site content and navigation hierarchy  Site Structure Organize the site files and assets  Naming Conventions Pages might become inaccessible  Optimize assets Web standard image and video format / compression  Defining editable areas for templates Flexible layout for upcoming contentDigital Media
  • 26. Hands on - DreamweaverDigital Media
  • 27.  LayoutDigital Media
  • 28. http://www.theartisanofclerkenwell.com/Digital Media
  • 29. http://www.theartisanofclerkenwell.com/ NAVIGATION LOGO HEADER SITE Text CONTENT Image FOOTERDigital Media