Posts Tagged ‘ HTML

World Wide Web

The World Wide Web (the “Web” or “WWW” for short) is a hypertext system that operates over the Internet. Hypertext is browsed using a program called a web browser which retrieves pieces of information (called “documents” or “web pages”) from web servers (or “web sites”) and displays them on your screen. You can then follow hyperlinks on each page to other documents or even send information back to the server to interact with it. The act of following hyperlinks is often called “surfing” the web.

Origins

The Web can be traced back to a project at CERN in 1989 when Tim Berners-Lee and Robert Cailliau built ENQUIRE (short for Enquire Within Upon Everything, a book Berners-Lee recalled from his youth). While it was rather different from the Web we use today, it contained many of the same core ideas (and even some of the ideas of Berners-Lee’s next project, the Semantic Web!). Tim Berners-Lee published a more formal proposal for the actual World Wide Web on November 12, 1990 and wrote the first web page on November 13. In Christmas of that year Berners-Lee built all the tools necessary for a working Web, the first actual web browser (which was a web-editor as well), and the first web server.

The three standards

The Web is made up of three standards: The Uniform Resource Locator (URL), which specifies how each page of information is given a unique “address” at which it can be found; Hyper Text Transfer Protocol (HTTP), which specifies how the browser and server send the information to each other, and Hyper Text Markup Language (HTML), a method of encoding the information so it can be displayed on a variety of devices. Berners-Lee now heads the World Wide Web Consortium, which develops and maintains these standards and others that enable computers on the Web to effectively store and communicate all kinds of information.

Beyond text

The initial “www” program at CERN only displayed text, but later browsers such as Pei Wei’s Viola (1992) added the ability to display graphics as well. Marc Andreessen of NCSA released a browser called “Mosaic for X” in 1993 that sparked a tremendous rise in the popularity of the Web among novice users. Andreesen went on to found Mosaic Communications Corporation (now Netscape Communications, a unit of Time Warner). Additional features such as dynamic content, music and animation can be found in modern browsers.

Frequently, the technical capability of browsers and servers advances much faster than the standards bodies can keep up with, so it is not uncommon for these newer features to not work properly on all computers, and the web as seen by Netscape is not at all the same as the web seen by Internet Explorer. The ever-improving technical capability of the WWW has enabled the development of real-time web-based services such as webcasts, web radio and live web cams.

Java and Javascript

Another significant advance in the technology was Sun Microsystems’ Java programming language, which enabled web servers to embed small programs (called applets) directly into the information being served that would run on the user’s computer, allowing faster and richer user interaction.

The similarly named, but actually quite different, JavaScript is a scripting language developed for Web pages. In conjunction with the Document Object Model, JavaScript has become a much more powerful language than its creators originally envisioned.

Sociological Implications

The exponential growth of the Internet was primarily attributed to the emergence of the web browser Mosaic, followed by another, Netscape Navigator during the mid-1990s.

It brought unprecedented attention to the Internet from media, industries, policy makers, and the general public.

Eventually, it led to several visions of how our society might change, although some point out that those visions are not unique to the Internet, but repeated with many new technologies (especially information and communications technologies) of various era.

Because the web is global in scale, some suggested that it will nurture mutual understanding on a global scale.

Statistics

By far the most Web content is in English: 56%; next are German (8%), French (6%) and Japanese (5%).

This article is licensed under the GNU Free Documentation License. It uses material from the Wikipedia.

Web design history

First_Web_Server

Tim Berners-Lee, the inventor of the World Wide Web, published a website in August 1991. Berners-Lee was the first to combine Internet communication (which had been carrying email and the Usenet for decades) with hypertext (which had also been around for decades, but limited to browsing information stored on a single computer, such as interactive CD-ROM design).

Websites are written in a markup language called HTML, and early versions of HTML were very basic, only giving websites basic structure (headings and paragraphs), and the ability to link using hypertext. This was new and different to existing forms of communication – users could easily navigate to other pages by following hyperlinks from page to page.

As the Web and web design progressed, the markup language used to make it became more complex and flexible, giving the ability to add objects like images and tables to a page. Features like tables, which were originally intended to be used to display tabular information, were soon subverted for use as invisible layout devices. With the advent of Cascading Style Sheets (CSS), table-based layout is increasingly regarded as outdated. Database integration technologies such as server-side scripting and design standards like CSS further changed and enhanced the way the Web is made.

The introduction of Macromedia Flash (now Adobe Flash) into an already interactivity-ready scene has further changed the face of the Web, giving new power to designers and media creators, and offering new interactivity features to users, often at the expense of usability for persons with disabilities, search engine visibility and browser functions available to HTML.

This guide is licensed under the GNU Free Documentation License. It uses material from the Wikipedia.

Ajax constituent technologies

Ajax uses a combination of:

  • XHTML (or HTML) and CSS, for marking up and styling information.
  • The DOM accessed with a client-side scripting language, especially ECMAScript implementations such as JavaScript and JScript, to dynamically display and interact with the information presented.
  • The XMLHttpRequest object is used to exchange data asynchronously with the web server. In some Ajax frameworks and in certain situations, an IFrame object is used instead of the XMLHttpRequest object to exchange data with the web server, and in other implementations, dynamically added <script> tags may be used.
  • XML is sometimes used as the format for transferring data between the server and client, although any format will work, including preformatted HTML, plain text and JSON. These files may be created dynamically by some form of server-side scripting.

Like DHTML, LAMP, and SPA, Ajax is not a technology in itself, but a term that refers to the use of a group of technologies.

The “core” and defining element of Ajax is the XMLHttpRequest object, which gives browsers the ability to make dynamic and asynchronous data requests without having to unload and reload a page. Given XMLHttpRequest can eliminate the need for page refreshes, other technologies have become more prominently used and highlighted with this development approach.

Besides XMLHttpRequest, the use of DOM, CSS, and JavaScript provides a more-enhanced “single-page” experience.

This guide is licensed under the GNU Free Documentation License. It uses material from the Wikipedia.

Web development as an industry

Festival

Since the mid-1990s, web development has been one of the fastest growing industries in the world. In 1995 there were fewer than 10,000 web development companies in the United States alone and in 2005 there are over 30,000 such companies.[1] The web development industry is expected to grow over 20% by 2010. The growth of this industry is being pushed by large businesses wishing to sell products and services to their customers and to automate business workflow, as well as the growth of many small web design and development companies.

In addition, cost of Web site development and hosting has dropped dramatically during this time. Instead of costing tens of thousands of dollars, as was the case for early websites, one can now develop a simple web site for less than a thousand dollars, depending on the complexity and amount of content.  Smaller Web site development companies are now able to make web design accessible to both smaller companies and individuals further fueling the growth of the web development industry. As far as web development tools and platforms are concerned, there are many systems available to the public free of charge to aid in development. A popular example is the LAMP (Linux, Apache, MySQL, PHP), which is usually distributed free of charge. This fact alone has manifested into many people around the globe setting up new Web sites daily and thus contributing to increase in web development popularity. Another contributing factor has been the rise of easy to use WYSIWYG web development software, most prominently Microsoft FrontPage or Adobe Dreamweaver. Using such software, virtually anyone can develop a Web page in a matter of minutes. Knowledge of HyperText Markup Language (HTML), or other programming languages is not required, but recommended for professional results.

The next generation of web development tools uses the strong growth in LAMP and Microsoft .NET technologies to provide the Web as a way to run applications online. Web developers now help to deliver applications as Web services which were traditionally only available as applications on a desk based computer.

Instead of running executable code on a local computer, users are interacting with online applications to create new content. This has created new methods in communication and allowed for many opportunities to decentralize information and media distribution. Users are now able to interact with applications from many locations, instead of being tied to a specific workstation for their application environment.

Examples of dramatic transformation in communication and commerce led by web development include e-commerce. Online auction sites such as eBay have changed the way consumers consume and purchase goods and services. Online resellers such as Amazon.com and Buy.com (among many, many others) have transformed the shopping and bargain hunting experience for many consumers. Another good example of transformative communication led by web development is the blog. Web applications such as WordPress and b2evolution have created easily implemented blog environments for individual Web sites. Open source content systems such as Typo3, Xoops, Joomla, and Drupal have extended web development into new modes of interaction and communication.

This guide is licensed under the GNU Free Documentation License. It uses material from the Wikipedia.

Browser exploit

A browser exploit is a short piece of code that exploits a software bug in a web browser such that the code makes the browser do something unexpected, including crash, read or write local files, propagate a virus or install spyware. Malicious code may exploit HTML, JavaScript, Images, ActiveX, Java and other internet technologies. HTML alone is harmless (can only crash browser in some cases on vulnerable web browsers), however, in conjunction with malicious ActiveX or Java code, it can potentially freeze or crash a browser, or even crash the computer running that browser.

The term “browser exploit” can also refer to the actual bug in the browser code.

Browser exploits families

Cross Zone Scripting exploits vulnerabilities related to the “zone” concept in some browsers; i.e. a page in “Internet zone” is able to initate execution with “Local Computer”, “Local Intranet” or “Trusted Sites” zone privileges.

This guide is licensed under the GNU Free Documentation License. It uses material from the Wikipedia.

Video: Beef Browser Exploit Framekork on BackTrack

Web development software

Eclipse33_Ubuntu

Most web site builders are proprietary tools provided by web hosting companies which cater to people who wish to build their own websites without learning the technical aspects of web page production. The person who wishes to use the website builder typically signs up with the company — most offer free trial periods — and chooses the design that best suits his or her purpose. Some companies’ tools allow the user to see the source code, that is, the HTML behind the page he is building. Many do not, meaning that only certain designated areas on the page can be modified. Usually, these areas are: headers, text and some graphic elements.

The site builders currently in use are Adobe Flash Professional, Photoshop, Dreamweaver, Microsoft Frontpage, Yahoo! SiteBuilder or ColdFusion. Adobe Flash Professional is the industry’s most advanced site building environment for creating interactive websites with digital and mobile content. Adobe Dreamweaver is the industry standard for advanced web publishing. Microsoft FrontPage delivers professional quality web sites but has complications with browsers other than Microsoft Internet Explorer. Yahoo! SiteBuilder is a basic site builder that comes free with the Yahoo! web hosting plans. At last, ColdFusion is designed for advanced web applications (namely, forms Flash).

This guide is licensed under the GNU Free Documentation License. It uses material from the Wikipedia.

Web design

CSS Zen Garden

Web design is a process of conceptualization, planning, modeling, and execution of electronic media delivery via Internet in the form of Markup language suitable for interpretation by Web browser and display as Graphical user interface (GUI).

The intent of web design is to create a web site — a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs, PNGs), forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.

Improvements in browsers’ compliance with W3C standards prompted a widespread acceptance and usage of XHTML/XML in conjunction with Cascading Style Sheets (CSS) to position and manipulate web page elements and objects. Latest standards and proposals aim at leading to browsers’ ability to deliver a wide variety of media and accessibility options to the client possibly without employing plug-ins.

Typically web pages are classified as static or dynamic.

Static pages don’t change content and layout with every request unless a human (web master/programmer) manually updates the page.

Dynamic pages adapt their content and/or appearance depending on end-user’s input/interaction or changes in the computing environment (user, time, database modifications, etc.) Content can be changed on the client side (end-user’s computer) by using client-side scripting languages (JavaScript, JScript, Actionscript, etc.) to alter DOM elements (DHTML). Dynamic content is often compiled on the server utilizing server-side scripting languages (Perl, PHP, ASP, JSP, ColdFusion, etc.). Both approaches are usually used in complex applications.

With growing specialization in the information technology field there is a strong tendency to draw a clear line between web design and web development.

Links

This guide is licensed under the GNU Free Documentation License. It uses material from the Wikipedia.