See more Web page articles on AOD.
Share this page on
Article provided by Wikipedia
Main article: "Web browser
A "web browser can have a "Graphical User Interface, like "Internet Explorer, "Mozilla Firefox, "Google Chrome, and "Opera, or can be "text-based, like "Lynx or "Links.
Web users with disabilities often use assistive technologies and adaptive strategies to "access web pages. Users may be color-blind, may or may not want to use a mouse perhaps due to repetitive stress injury or motor neurone problems, may be deaf and require audio to be captioned, may be blind and using a "screen reader or "braille display, may need screen magnification, etc.
Disabled and able-bodied users may disable the download and viewing of images and other media, to save time, network bandwidth or merely to simplify their browsing experience. Users of mobile devices often have restricted displays and bandwidth. Anyone may prefer not to use the fonts, font sizes, styles and color schemes selected by the web page designer and may apply their own CSS styling to 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 web page, as an information set, can contain numerous types of information, which is able to be seen, heard or interacted with by the "end user:
- Perceived (rendered) information:
- Textual information: with diverse render variations.
- Non-textual information:
- Static images may be "raster graphics, typically "GIF, "JPEG or "PNG; or "vector formats such as "SVG or "Flash.
- Animated images typically "Animated GIF and "SVG, but also may be "Flash, "Shockwave, or "Java applet.
- "Audio, typically "MP3, "Ogg or various proprietary formats.
- "Video, WMV (Windows), RM (RealMedia), FLV (Flash Video), MPG, MOV (QuickTime)
- Interactive information: see "interactive media.
- For "on page" interaction:
- Interactive text: see "DHTML.
- Interactive illustrations: ranging from "click to play" images to "games, typically using script orchestration, "Flash, "Java applets, "SVG, or "Shockwave.
- Buttons: forms providing an alternative interface, typically for use with script orchestration and DHTML.
- For "between pages" interaction:
- Hyperlinks: standard "change page" reactivity.
- Forms: providing more interaction with the server and server-side databases.
- Internal (hidden) information:
- Linked Files through Hyperlink (Like DOC, XLS, PDF, etc.)
- Metadata with "semantic meta-information, Charset information, "Document Type Definition (DTD), etc.
- Diagrammatic and style information: information about rendered items (like image size attributes) and visual specifications, as "Cascading Style Sheets (CSS).
- Note: on server-side the web page may also have "Processing Instruction Information Items".
The web page can also contain dynamically adapted information elements, dependent upon the rendering browser or end-user location (through the use of IP address tracking and/or "cookie" information). From a more general/wide point of view, some information (grouped) elements, like a "navigation bar, are uniform for all website pages, like a standard. This kind of "website standard information" are supplied by technologies like "web template systems.
Web pages will often require more screen space than is available for a particular "display resolution. Most modern browsers will place a "scrollbar (a sliding tool at the side of the screen that allows the user to move the page up or down, or side-to-side) in the window to allow the user to see all content. Scrolling horizontally is less prevalent than vertical scrolling, not only because such pages often do not print properly, but because it inconveniences the user more so than vertical scrolling would (because lines are horizontal; scrolling back and forth for every line is much more inconvenient than scrolling after reading a whole screen; also most "computer keyboards have page up and down keys, and many "computer mice have vertical scroll wheels, but the horizontal scrolling equivalents are rare). When web pages are stored in a common "directory of a "web server, they become a "website.
Web pages do not have a fixed length as in a paper page, and they can vary in length. The width of a web page varies depending on the size of the display so it leads to web pages of different lengths. For long web pages, information flow and presentation is quite critical. If the web page is longer and the information on the top is undesirable to the user, the probability of reading further down is low. However, both longer and shorter web pages have their own pros and cons. The initial viewing area of a webpage is known as being "above page fold". The content above the page fold is important as this is what users use to evaluate if they have come to the right page. It is important to have content above the page fold that keeps the user interested enough that they scroll down. The "Information foraging theory describes that once a user has deemed the part above the fold of a page valuable they are more likely to deem the rest of the page valuable.
When printing a web page, the ease of printing depends on the length of the page, compared to shorter web pages with "Pagination. In longer web pages which have infinite scrolling (for example, "Facebook, "LinkedIn and "Twitter), it is harder to print all the pages as the total number of upcoming pages are unknown. Therefore, in long web pages which use infinite scrolling, users can only print loaded pages.
Another issue that occurs with long web page printing is the use of ads known as "Clickbait on websites. Therefore, the printed version of a web page with clickbaits will contains ads. However, some browsers such as Google Chrome uses an extension where users get the opportunity of formatting the web pages and print without any ads.
A website will typically contain a group of web pages that are linked together, or have some other coherent 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.html. When a browser visits the "homepage 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. A web page can either be a single HTML file or made up of several HTML files using "frames or "Server Side Includes (SSIs).
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 proprietary rendering techniques. A properly coded web page is going to be accessible to many different browsers old and new alike, display resolutions, as well as those users with audio or visual impairments.
Uniform Resource Locator
This is also called as Uniform Resource Locator (URL). 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.
Creation and viewing
To create a web page, a "text editor or a specialized "HTML editor is needed. In order to upload the created web page to a web server, traditionally an "FTP client is needed.
The design of a web page is highly personal. A design can be made according to one's own preference, or a premade "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 turn to all-in-one sites for "web domain purchases, "web hosting service and templates to build customised websites. Web publishing tools such as Tripod and Wordpress 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.
In order to graphically display a web page, a web browser is needed. This is a type of "software that can retrieve web pages from the "Internet. Most current web browsers include the ability to view the "source code. Viewing a web page in a text editor will also display the source code.
Pages are frequently found with assistance from a "search engine.
While one is viewing a web page, a copy of it is saved locally; this is what is being viewed. Depending on the browser settings, this copy may be deleted at any time, or stored indefinitely, sometimes without the user realizing it. Most GUI browsers provide options for saving a web page more permanently. These may include:
- Save the rendered text without formatting or images, with hyperlinks reduced to plain text
- Save the HTML as it was served — Overall structure preserved, but some links may be broken
- Save the HTML with relative links changed to absolute ones so that hyperlinks are preserved
- Save the entire web page — All images and other resources including stylesheets and scripts are downloaded and saved in a new folder alongside the HTML, with links to them altered to refer to the local copies. Other relative links changed to absolute
- Save the HTML as well as all images and other resources into a single "MHTML file. This is supported by "Internet Explorer and "Opera. Other browsers may support this if a suitable plugin has been installed.
Most operating systems allow applications such as web browsers not only to print the currently viewed web page to a printer, but optionally to "print" to a file that can be viewed or printed later. Some web pages are designed, for example by use of CSS, so that hyperlinks, menus and other navigation items, which will be useless on paper, are rendered into print with this in mind. Sometimes, the destination addresses of hyperlinks may be shown explicitly, either within the body of the page or listed at the end of the printed version. Web page designers may specify in CSS that non-functional menus, navigational blocks and other items may simply be absent from the printed version.
- Castro, Elizabeth (2005). "Creating a Web Page with HTML: Visual quick project guide," San Francisco, CA, USA: Peachpit Press, "ISBN 032127847X, see , accessed 19 September 2015.
- Souders, Steve (2007). "High Performance Web Sites: Essential Knowledge for Front-End Engineers," Sebastopol, CA, USA: O'Reilly Media, "ISBN 0596550693, see , accessed 19 September 2015.