web page (also written as webpage ) is a document that is suitable for the World Wide Web and web browsers . A web browser displays a web page on a monitor or mobile device . The web page is usually visible, but usually refers to a computer file , usually written in HTML or comparable markup language . Web browsers coordinating various web resource elements for the written web page, such as style sheets , scripts , and images , to present the web page. Typical web pages providehypertext that includes a navigation bar or a sidebar menu linking to other web pages via hyperlinks , often referred to as links .

Web browser can retrieve a web page from a remote web server . The web server may restrict access to a private network such as a corporate intranet . The web browser uses the Hypertext Transfer Protocol (HTTP) to make such requests.

static web page is delivered exactly as stored, as a web site in the web server’s file system . In contrast, a dynamic web page is generated by a web application , usually driven by server-side software . Dynamic web pages help the browser (the client ) to enhance the web page through user input to the server.

Color, typography, illustration, and interaction

Web pages usually include information such as the colors of text and the content of the document. Layout, typographic and color-scheme is provided by Cascading Style Sheet (CSS) instructions, which can be embedded in the HTML or can be provided by a separate file, which is referenced from within the HTML. The box is lathing Especially within Lengthy Where one stylesheet is subject to a whole website : due to the way HTTP works, the browser will only download it once from the web server and uses the cached copy for the whole site.

Images are stored on the web server as separate files, but again, it is possible to download the file as it is. An HTTP 1.1 web server will be maintained and provided. Web browsers usually render images along with the text and other material on the web page.

Dynamic behavior

Client-side computer code Such As JavaScript gold code Implementing Ajax technical Can Be Provided Either embedded in the HTML of a web page or, like CSS stylesheets, as separate, linked file specified in the HTML. These scripts can run on the client computer, if the user allows.

Browsers

Main article: Web browser

A web browser can have a graphical user interface , like Internet Explorer / Microsoft Edge , Mozilla Firefox , Google Chrome , Safari , 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. [1] Users May be color-blind, May or May not want to use a mouse Perhaps due to repetitive stress injury or motor neuron problems, May be deaf and audio require to be captioned, May be blind and using a screen reader or Braille display, may need screen magnification, etc.

Disabled and able-bodied users can disable and download their images and other media, to save time, network bandwidth or simply to their browsing experience. Users of mobile devices often have restricted displays and bandwidth. Anyone may prefer to use the fonts, make sizes, styles and color schemes and select their own CSS styling to the page. The World Wide Web Consortium (W3C) and the Web Accessibility Initiative (WAI) recommend that these pages be designed with all of these options in mind.

Elements

web page , as an information set, can Contain Numerous kinds of information, qui est reliable to be seen, Heard gold interacted with by the end user :

Perceived (rendered) information:

  • Textual information : with diverse render variations.
  • Non-textual information :
    • Static images can be raster graphics , typically GIF , JPEG or PNG ; gold vector formats such as SVG Gold Flash .
    • Animated images typically Animated GIF and SVG , but also 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” pictures 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:

  • Comments
  • 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 picture size attributes) and visual specifications, as Cascading Style Sheets (CSS).
  • Scripts , usually JavaScript , complement interactivity, and functionality.
Note: The server-side web page may also have “Processing Instruction Information Items”.

The web page can contain dynamically adapted information elements, which is dependent on 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 standard for all website, like a standard. This kind of “standard website information” is provided by technologies like web template systems .

Rendering

Web pages will often require more screen space than is available for a particular display resolution . Most modern browsers will place a scrollbar in the window to allow the user to see all content. Scrolling horizontally is less prevalent than vertical scrolling, not only because it does not print properly, but because it is more inconvenient than vertical scrolling (scrolling back and forth) after reading a whole screen, most computers keyboards have page up and down keys, and almost all computer micehave vertical scroll wheels, 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 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 the 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. [2] The initial viewing area of ​​a web page is known as being “above page fold”. [3] The content above the page is important to the users of this page. It is important that they scroll down. TeaInformation foraging theory That Describes ounce User has deemed the hand above the fold of a page more valuable They Are 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, [4] compared to shorter web pages with pagination . In addition to web pages which have infinite scrolling (for example, Facebook , LinkedIn and Twitter ), it is harder to print all pages. Therefore, users can only print pages in web pages which use infinite scrolling.

Another outcome 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 contain ads. However, some Google Chrome uses an extension where users get the chance of formatting web pages and printing without ads. [5]

A website will typically contain a group of web pages that are linked together, or some other coherent method of navigation. The most important web page on the website is the index page . Depending on the web server settings, the index page may have any name, but the most common names are index.html and index.php. When a browser visits the homepage of a website, or Any URL pointing to a directory Rather than a specific file, the web server reserves the index page. If no index page is defined in the configuration or no such file exists on the server, or an error or directory listing will be served to the browser. A website can be Either a single HTML file or made up of multiple files using HTML frames goldServer Side Includes (SSIs).

Frames have been known to cause problems with web accessibility , copyright, [6] browsing, printing and search engine rankings, and are now less often than they were in the 1990s. [7] Both frames and SSIs allow certain content that appears on many pages, such as page navigation or page headers, to be repeated without duplicating the HTML in all files. Frames and the W3C recommended an alternative of 2000, the <object> tag, [7] also allow some content to be left scrollbars . Modern CSS and JavaScript client-side techniques can also achieve all of these goals.

When creating a web page, it is important to ensure that 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 conform to their standards. A properly coded web page is going to be accessible to many different browsers and new ones, display resolutions, as well as those users with audio or visual impairments.

URL

Main article: Uniform Resource Locator

The Uniform Resource Locator is also called as URL . Web pages are generally 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. This practice is Intended to Reduce the amount of static pages in place of the covered Storing web page information in a database . This can be seen in forums, online shopping websites, and on Wikipedia. Some search engines may have a hard time indexing a web page that is dynamic, so that 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 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 use all-in-one services for web domain purchases, web hosting services and templates to build customized websites. Web publishing tools such as Tripod and WordPress offer free page. 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 typicallydynamic .

In 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 usually found with a search engine , but they can receive traffic from other social sources.

Saving

While one is viewing a web page, a copy of it is saved locally; the copy is being viewed. Depending on the browser, the file 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 is preserved, but some links may be broken;
  • save the HTML with relative links changed to absolute ones so that hyperlinks are preserved;
  • save the whole web page: all images and other resources including stylesheets and scripts are downloaded and saved in a new folder of the HTML, with links to the local copies:
  • save the HTML as a single image MHTML file. This is supported by Internet Explorer and Opera . [8] Other browsers can support it if a suitable plugin is installed.

In addition to the option to print the web page to a printer, which can be viewed or printed later. Some web pages are designed, for example by CSS, so that hyperlinks, menus and other navigation items, which would be useless on paper, are rendered into this mind. Sometimes, the destination addresses of hyperlinks may be shown explicitly, either within the body of the page or listed in the end of the printed version. It can be specified in CSS that non-functional menus, navigational blocks and other items ought to be missing from the printed version.

See also

  • Computing portal
  • Internet portal
  • Contact page
  • Dead link
  • Domain name
  • Guest book
  • Landing page
  • Link page
  • Linked data page
  • Site map
  • Start page
  • webform
  • Web design
  • Webmaster

References

  1. Jump up^ “How People with Disabilities Use the Web” . W3C. 5 May 2005 . Retrieved 2009-05-01 .
  2. Jump up^ Honigman, Brian. “Long vs. Short Landing Page – Which One Works Better?” . Inbound Marketing . Retrieved 2016-11-14 .
  3. Jump up^ Schade, Amy. “The Fold Manifesto: Why the Page Fold Still Matters” . Nielsen Norman Group . Retrieved 2016-11-16 .
  4. Jump up^ Lynch, Patrick. “Page Width and Line Length” . Yale University Press . Retrieved 2016-11-14 .
  5. Jump up^ Broider, Rick (2013). “Print Friendly for Chrome optimizes Web pages for printing” . PCWorld . Retrieved 2016-11-14 .
  6. Jump up^ Tysver, Dan (1996-2008). “Linking and Liability – Problems with Frames” . Minneapolis, USA: Beck & Tysver . Retrieved 2009-05-01 .
  7. ^ Jump up to:b “HTML Techniques for Web Content Accessibility Guidelines 1.0 – Frames” . W3C. November 6, 2000 . Retrieved 2009-05-01 . In the following sections, we discuss how to make frames more accessible. We also provide an alternative to frames that uses HTML 4.01 and CSS and addresses many of the limitations of today’s framework implementations.
  8. Jump up^ Santambrogio, Claudio (10 March 2006). “… and one more weekly!” . Opera Software . Retrieved 2009-05-15 .