Web page
|
A screenshot of a web page. |
A
web page or
webpage is a resource of information that is suitable for the
World Wide Web and can be accessed through a
web browser. This information is usually in
HTML or
XHTML format, and may provide navigation to other web pages via
hypertext links.
Web pages may be stored on a local computer or on a remote
web server. The web server may restrict pages to a private network, e.g. a corporate
intranet, or it may publish pages on the World Wide Web. Web pages are requested and served from web servers using
Hypertext Transfer Protocol (HTTP).
Web pages may consist of files of static text within the
web server's file system (
static web pages), or the web server may read files of computer code that instruct it how to construct the (X)HTML for each web page when it is requested by a browser (
dynamic web pages).
Static web pages usually have the
filename extension .htm or
.html. Dynamic web page filename extensions usually reflect the language or technology used in the computer code, such as
,
.jsp etc. In these cases, the web server must have been configured to expect and understand these technologies, although the web browser need not as the server will provide it with plain HTML or XHTML after processing the server-side code.
Web pages usually include instructions as to the colours of text and backgrounds and very often also contain links to images and sometimes other media to be included in the final view.
Layout, typographic and colour-scheme information is provided by
Cascading Style Sheet (CSS) instructions, which can either be embedded in the HTML or can be provided by a separate file, which is referenced from within the HTML. The latter case is especially relevant where one lengthy stylesheet is relevant to a whole
website: due to the way HTTP works, the browser will only download it once from the web server and use the
cached copy for the whole site.
Images are stored on the web server as separate files, but again HTTP allows for the fact that once a web page is downloaded to a browser, it is quite likely that related files such as images and stylesheets will be requested as it is processed. An HTTP 1.1 web server will maintain a connection with the browser until all related resources have been requested and provided. Browsers usually render images along with the text and other material on the displayed web page.
Multimedia
Other media such as sound or video files may also be embedded within web pages, as part of the page or via hyperlinks. Games, animations and other computer-generated material can also be embedded using technologies such as
Adobe Flash and
Java applets. All of these depend on the client browser's ability to handle the material, and upon the client user's desire and ability to enable (when not enabled by default) these features on their machine.
Dynamic behaviour
Client-side computer code such as
JavaScript or code implementing
Ajax techniques can be provided either embedded in the HTML of a web page or, like CSS stylesheets, as separate, linked downloads specified in the HTML (using for example
.js file extensions for JavaScript files). These scripts may run on the client computer, if the user allows them to, and can provide a degree of interactivity between the web page and the user after the page has downloaded.
A
web browser can have a
Graphical User Interface, like
Internet Explorer,
Mozilla Firefox, or
Opera, or can be
text-based, like
Lynx. Web users with visual impairments may use a
screen reader to read out the displayed text, or they may use a more specialised
voice browser in the first place. Such users will want to enjoy the benefit of the web page without images and other visual media.
Users of fully graphical browsers still may disable the download and viewing of images and other media, to save time, network bandwidth or merely to simplify their browsing experience. Users may also prefer not to use the fonts, font sizes, styles and colour schemes selected by the web page designer and may apply their own CSS styling to their viewed version of the page.
The
World Wide Web Consortium (W3C) and
Web Accessibility Initiative (WAI) recommend that all web pages should be designed with all of these options in mind.
A website can contain content which is able to be seen or heard by the
end user. These elements include, but are not limited to:
* Text
*
Graphics, typically
GIF,
JPEG or
PNG formats
*
Audio, typically
MIDI or
WAV formats or
Java applets
*
Macromedia Flash*
Macromedia Shockwave*
SVG* Hyperlinks
A website can also contain content which is interpreted differently dependant upon the rendering browser and is typically not shown to the end user. These elements include, but are not limited to:
* Scripts, usually
JavaScript*
Meta tags*
Cascading Style Sheets (CSS)
* Comments
Web pages will often require more screen space than is available for a particular
display resolution. Most modern browsers will place
scrollbars in the window to allow the user to see all content. Scrolling horizontally is less previlant than vertical scrolling, not only because those pages do not print properly, but because it inconveniences the user moreso than vertical scrolling would. However, web pages may utilize
page widening for various purposes.
A web page can either be a single HTML file, or made up of several HTML files represented using
frames. Frames have been known to cause problems with navigation, printing, and search engine rankings
[http://www.itc.virginia.edu/desktop/web/frames_problems.html], although these problems occur mostly in older-generation browsers. Their primary usage is to allow certain content which is usually meant to be static, such as page navigation or page headers, to remain in one place while the main content can be scrolled as necessary. Another merit of using a framed web page is that only the content in the "main" frame will be reloaded.
[http://www.ironspider.ca/frames/frames101.htm] Frames are rendered very differently, depending on the host browser and for this reason, the usage of frames is typically frowned upon in professional web page development communities
[http://www.agnr.umd.edu/intranet/webtips/frames.html]. With design technologies such as CSS becoming more widespread in their usage, the effect frames provide can be made possible using a smaller amount of
code and by using only one web page to display the same amount of content.
When web pages are stored in a common
directory of a
web server, they become a
website. A website will typically contain a group of web pages that are linked together, or have some other coherant method of navigation. The most important web page to have on a website is the
index page. Depending on the web server settings, this index page can have many different names, but the most common are
index.htm and
index.html. When a browser visits the
home page for a website, or any
URL pointing to a directory rather than a specific file, the web server will serve the index page to the requesting browser. If no index page is defined in the configuration, or no such file exists on the server, either an error or directory listing will be served to the browser.
When creating a web page, it is important to ensure it conforms to the
World Wide Web Consortium (W3C) standards for HTML, CSS, XML and other standards. The W3C standards are in place to ensure all browsers which conform to their standards can display identical content without any special consideration for properitary rendering techniques. A properly coded web page is going to be accessible to many different browers old and new alike, display resolutions, as well as those users with audio or visual impairments.
Typically, web pages today are becoming more dynamic. A dynamic web page is one that is created server-side when it is requested, and then served to the end-user. These types of web pages typically do not have a
permalink, or a static URL, associated with them. Today, this can be seen in many popular forums, online shopping, and even on Wikipedia. This practice is intended to reduce the amount of static pages in lieu of storing the relevant web page information in a
database. Some search engines may have a hard time indexing a web page that is dynamic, so static web pages can be provided in those instances.
In order to view a web page, a web browser is needed. This is a type of
software that can retrieve web pages from the
Internet. During the initial creation of a web page, before it is
uploaded to the web server, any
text editor can view it. Viewing a web page in a text editior will display the
source code, not the final product.
To create a web page, a text editor or a specialised
HTML editor like
Apple iWeb,
Microsoft FrontPage,
Macromedia Dreamweaver or
Mozilla Composer is needed. These editors are also known as
WYSIWYG editors. In order to upload a web page to a web server, an
FTP client is needed. Tools supplied with the
operating system can also perform thest tasks to a limited extent.
The design of a web page is highly personal. A design can be made according to ones own preference, or a pre-made
web template can be used. Web Templates let web page designers edit the content of a web page without having to worry about the overall aesthetics. Many people publish thier own web pages using products like Geocities from Yahoo, Tripod, or Angelfire. These web publishing tools offer free page creation and hosting up to a certain size limit.
Other ways of making a web page is to download specialized software, like a
Wiki,
CMS, or
forum. These options allow for quick and easy creation of a web page which is typically
dynamic.
Wikipedia,
WordPress, and
Invision Power Board are examples of the above three web page options.
A local copy of a web page may be saved to ones computer, as long as no
copyright laws are violated. Most GUI browsers will contain all the options for saving a web page. These include, but are not limited to:
* Saving the rendered text without formatting or images - Hyperlinks are not identified, but displayed as plain text
* Saving the HTML file as it was served - Overall structure will be preserved, although some links may be broken
* Saving the HTML file and changing relative links to absolute ones - Hyperlinks will be preserved
* Saving the entire web page - All images will be saved, as well as links being changed to absolute
* Saving the HTML file including all images, stylesheets and scripts into a single MHTML file. This is support by Internet Explorer,
Mozilla and Mozilla Firefox. Mozilla and Mozilla Firefox only support this if the MAF plugin has been installed. An MHTML file is based upon the
MHTML standard.
Common web browsers, like Mozilla, Mozilla Firefox and Internet Explorer, give the option to not only print the currently viewed web page to a printer, but optionally "print" to a file which can later be viewed or printed. This has an advantage in that some web pages are specially designed using CSS or a separately generated page to show both the text and target destination of links contained within the web page.
*
Dead link*
Domain name*
Guestbook*
Home page*
HTML element*
Web template
