Share
VIDEOS 1 TO 50
Make a Website Step by Step
Make a Website Step by Step
Published: 2013/08/05
Channel: Tyler Moore
Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript
Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript
Published: 2013/10/21
Channel: LearnCode.academy
HTML Tutorial for Beginners - 01 - Creating the first web page
HTML Tutorial for Beginners - 01 - Creating the first web page
Published: 2014/03/29
Channel: EJ Media
What is Webpage || Webpages Types
What is Webpage || Webpages Types
Published: 2015/12/02
Channel: SmartEngineers
How to Create a Website, QUICK & EASY in India - 7 min Guide
How to Create a Website, QUICK & EASY in India - 7 min Guide
Published: 2015/05/03
Channel: FastRupee
Difference Between A Website and A Webpage
Difference Between A Website and A Webpage
Published: 2015/10/06
Channel: Techs4Ed
How To Make a WordPress Website
How To Make a WordPress Website
Published: 2015/03/24
Channel: Tyler Moore
How to Make a Website - Web Design Tutorial
How to Make a Website - Web Design Tutorial
Published: 2016/12/14
Channel: Draw with Jazza
What is Webpage - Website - Web Server - Webhosting - Web Browser - Domain - Details-Explained-Hindi
What is Webpage - Website - Web Server - Webhosting - Web Browser - Domain - Details-Explained-Hindi
Published: 2017/04/23
Channel: TECH BULU
Simple Webpage Design Tutorial (Part 1) | HTML & CSS
Simple Webpage Design Tutorial (Part 1) | HTML & CSS
Published: 2017/01/03
Channel: Web Design Tutorials
Create a webpage using HTML and CSS part 1
Create a webpage using HTML and CSS part 1
Published: 2013/08/10
Channel: dragonore2009
How to Create A Free Website - with Free domain + hosting - with - wordpress website developer
How to Create A Free Website - with Free domain + hosting - with - wordpress website developer
Published: 2016/10/30
Channel: RANAsVFX
What
What's a web page?
Published: 2014/07/20
Channel: Lazaaaaah
FIRST web page viewed by "FIRST" browser via c.1965 modem and terminal
FIRST web page viewed by "FIRST" browser via c.1965 modem and terminal
Published: 2014/03/30
Channel: Suhayl Khan
How to create HTML Web page using Notepad
How to create HTML Web page using Notepad
Published: 2012/04/23
Channel: Tasleem Hashir
How to Mockup a Web Page
How to Mockup a Web Page
Published: 2009/12/14
Channel: Chris Pirillo
Full web page design step by step Bangla tutorial #1
Full web page design step by step Bangla tutorial #1
Published: 2013/12/02
Channel: Alimon Pito
How to Make a WordPress Website 2016 - EASY!
How to Make a WordPress Website 2016 - EASY!
Published: 2016/02/21
Channel: ODi Productions
Wordpress Web Design tutorial: designing your top level web page templates
Wordpress Web Design tutorial: designing your top level web page templates
Published: 2015/03/10
Channel: *Owen Video
สอนสร้างเว็บไซต์ด้วย Web Page Maker (ง่ายมากๆ)
สอนสร้างเว็บไซต์ด้วย Web Page Maker (ง่ายมากๆ)
Published: 2014/04/14
Channel: Hanabishi Recca
Photoshop tutorial:Simple webpage template design in photoshop - Part 1
Photoshop tutorial:Simple webpage template design in photoshop - Part 1
Published: 2017/02/22
Channel: Creative Works
How to quickly create a website using HTML and CSS
How to quickly create a website using HTML and CSS
Published: 2015/12/11
Channel: GTCoding
Photoshop Website Design Tutorial - Stylish Portfolio With Grain Texture
Photoshop Website Design Tutorial - Stylish Portfolio With Grain Texture
Published: 2016/07/25
Channel: Mir Rom
What Is The Difference Between a Webpage And A Website?
What Is The Difference Between a Webpage And A Website?
Published: 2013/01/24
Channel: Clay Cutts
Web design tutorial: How to design Website in Photoshop
Web design tutorial: How to design Website in Photoshop
Published: 2015/10/06
Channel: MAK
How To Save Complete Web Page as PDF in Chrome and Firefox Easily In Hindi/Urdu (Web Page to PDF)
How To Save Complete Web Page as PDF in Chrome and Firefox Easily In Hindi/Urdu (Web Page to PDF)
Published: 2016/02/05
Channel: How To हिंदी
Static vs dynamic web page Tutorial (Lecture)  (Web Site)
Static vs dynamic web page Tutorial (Lecture) (Web Site)
Published: 2014/01/18
Channel: Java By Navin Reddy
How to clone any website||How to copy all  webpage of a website httrack
How to clone any website||How to copy all webpage of a website httrack
Published: 2016/10/05
Channel: LEN TECH
Convert Webpage to Word - No Software Needed
Convert Webpage to Word - No Software Needed
Published: 2014/07/17
Channel: RiseofLegend 23
Design yours webpage sign in Form  By using  [HTML and CSS ]
Design yours webpage sign in Form By using [HTML and CSS ]
Published: 2016/09/08
Channel: TechExperto
Create Sample php web page with WAMP server
Create Sample php web page with WAMP server
Published: 2015/01/24
Channel: MashLog.com
How to Create Your First Web Page on WordPress
How to Create Your First Web Page on WordPress
Published: 2017/03/14
Channel: Bluehost
Build A Modern Webpage From Scratch Pt. 1
Build A Modern Webpage From Scratch Pt. 1
Published: 2016/12/09
Channel: Daniel Zuzevich
How to follow multiple links and extract data from webpage with VBA
How to follow multiple links and extract data from webpage with VBA
Published: 2015/09/23
Channel: Dinesh Kumar Takyar
How to take a screenshot of a whole Web page in Chrome
How to take a screenshot of a whole Web page in Chrome
Published: 2011/06/28
Channel: CNET
Find the Date of a Web Page
Find the Date of a Web Page
Published: 2013/08/15
Channel: azalea1965
How to convert webpage to pdf chrome free without online
How to convert webpage to pdf chrome free without online
Published: 2015/01/26
Channel: You Know Something
How To Insert Image in HTML Web Page Using Notepad Tutorial 2
How To Insert Image in HTML Web Page Using Notepad Tutorial 2
Published: 2014/12/21
Channel: HTML WEBSITES
How To Design A Simple Modern-Looking Webpage (Homepage) | Web Design Tutorial
How To Design A Simple Modern-Looking Webpage (Homepage) | Web Design Tutorial
Published: 2017/01/16
Channel: GTCoding
Add a large background image to your web page
Add a large background image to your web page
Published: 2014/11/27
Channel: Ben Townsend
HTML Tutorial 1 - Designing A Website In Notepad - Basics and Beginnings
HTML Tutorial 1 - Designing A Website In Notepad - Basics and Beginnings
Published: 2009/02/11
Channel: EdzJohnson
Creating a simple web page on apache
Creating a simple web page on apache
Published: 2014/03/05
Channel: Steven Marcus
How to build a web page div structure in under 10 minutes
How to build a web page div structure in under 10 minutes
Published: 2011/09/08
Channel: Juan Di Diego
Harvard Referencing Webpage Example 1
Harvard Referencing Webpage Example 1
Published: 2011/10/09
Channel: Mark Beachill
How to translate a whole Chinese webpage to English in 2 seconds
How to translate a whole Chinese webpage to English in 2 seconds
Published: 2015/02/14
Channel: Magic Monk
Display Data on Web Page from Database
Display Data on Web Page from Database
Published: 2010/02/19
Channel: Ralph Phillips
How to reference a webpage in APA format
How to reference a webpage in APA format
Published: 2012/11/01
Channel: UBLibinfo
How a web browser builds and displays a web page
How a web browser builds and displays a web page
Published: 2013/10/12
Channel: Al Zimmerman
How To Make A Website: "Basic HTML"
How To Make A Website: "Basic HTML"
Published: 2014/04/09
Channel: caleb2011x
How to host a website with Github
How to host a website with Github
Published: 2016/09/16
Channel: Pear Crew
NEXT
GO TO RESULTS [51 .. 100]

WIKIPEDIA ARTICLE

From Wikipedia, the free encyclopedia
Jump to: navigation, search
A screenshot of a web page on Wikimedia Commons

A 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 usually means what is visible, but the term may also refer to a computer file, usually written in HTML or a comparable markup language. Web browsers coordinate various web resource elements for the written web page, such as style sheets, scripts, and images, to present the web page. Typical web pages provide hypertext that includes a navigation bar or a sidebar menu linking to other web pages via hyperlinks, often referred to as links.

On a network, a 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.

A static web page is delivered exactly as stored, as web content 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[edit]

Web pages usually include information such as the colors of text and backgrounds and very often contain links to images and sometimes other types of media to be included in the final view. Layout, typographic and color-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. Web browsers usually render images along with the text and other material on the displayed web page.

Dynamic behavior[edit]

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. These scripts may run on the client computer, if the user allows.

Browsers[edit]

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 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 web pages are designed with all of these options in mind.

Elements[edit]

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:
  • 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:
Note: on server-side the web page may also have "Processing Instruction Information Items".

The web page can 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.

Rendering[edit]

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 more inconvenient than scrolling after reading a whole screen; most computer keyboards have page up and down keys, and almost all computer mice have 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 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.[2] The initial viewing area of a web page is known as being "above page fold".[3] The content above the page fold is important as users use it 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,[4] 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 pages as the total number of upcoming pages is unknown. Therefore, users can only print loaded pages in web pages which use infinite scrolling.

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 web pages and printing without ads.[5]

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 on a website is the index page. Depending on the web server settings, the index page can 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 serves the index page. 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 multiple HTML files using frames or Server Side Includes (SSIs).

Frames have been known to cause problems with web accessibility, copyright,[6] navigation, printing and search engine rankings, and are now less often used than they were in the 1990s.[7] Both frames and SSIs allow certain content which 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 remain in one place while other content can be scrolled using conventional 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 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 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.

URL[edit]

The Uniform Resource Locator is also called as URL. Web pages are typically 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 lieu of storing the relevant 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 static web pages can be provided in those instances.

Creation and viewing[edit]

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 use all-in-one services for web domain purchases, web hosting service and templates to build customized 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 usually found with assistance from a search engine, but they can receive traffic from social and other sources.

Saving[edit]

While one is viewing a web page, a copy of it is saved locally; the copy is being viewed. Depending on the browser settings, the 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 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 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 referring to the local copies: Other relative links are 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.[8] Other browsers may support it if a suitable plugin is installed.

In addition to the option to print the currently viewed web page to a printer, most operating systems allow applications such as web browsers to "print to a file" which 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 would 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. It can be specified in CSS that non-functional menus, navigational blocks and other items ought to simply be absent from the printed version.

See also[edit]

References[edit]

  1. ^ "How People with Disabilities Use the Web". W3C. 5 May 2005. Retrieved 2009-05-01. 
  2. ^ Honigman, Brian. "Long vs. Short Landing Page – Which One Works Better?". Inbound Marketing. Retrieved 2016-11-14. 
  3. ^ Schade, Amy. "The Fold Manifesto: Why the Page Fold Still Matters". Nielsen Norman Group. Retrieved 2016-11-16. 
  4. ^ Lynch, Patrick. "Page Width and Line Length". Yale University Press. Retrieved 2016-11-14. 
  5. ^ Broider, Rick (2013). "Print Friendly for Chrome optimizes Web pages for printing". PCWorld. Retrieved 2016-11-14. 
  6. ^ Tysver, Dan (1996–2008). "Linking and Liability — Problems with Frames". Minneapolis, USA: Beck & Tysver. Retrieved 2009-05-01. 
  7. ^ a b "HTML Techniques for Web Content Accessibility Guidelines 1.0 - Frames". W3C. 6 November 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 frame implementations. 
  8. ^ Santambrogio, Claudio (10 March 2006). "…and one more weekly!". Opera Software. Retrieved 2009-05-15. 

Further reading[edit]

  • Castro, Elizabeth (2005). "Creating a Web Page with HTML: Visual quick project guide," San Francisco, CA, USA: Peachpit Press, ISBN 032127847X, see [1], 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 [2], accessed 19 September 2015.

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, Wikipedia, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.

Powered by YouTube
Wikipedia content is licensed under the GFDL and (CC) license