Thursday, 10 April 2014

Compare Webpage, Website, Webserver, & Search Engine

Web Page V/s Website V/s Web Server V/s Search Engine

Having knowledge in SEO will never help you to be expert in Online marketing understanding web related concepts is essential, i.e. web page, website, web server, search engine.

SEO is the process or set of methods that affecting the visibility of a website or a web page in a search engine's "natural" or un-paid ("organic") search results on SERPS when user search for solutions, inquire for services using Internet.

Here are few basic terms which you need to understand to do SEO well, as these are those which will easily let us confused, 

What is the Web Browser?

A web browser is a graphical/text based interface software  that can retrieve Web Pages from internet , Browser can be modified with allowable settings to view the web page’s as per our requirements (enabling /disabling images/links/plug-in/font/site/media o save bandwidth, time etc i.e. as per W3C (World Wide Web Consortium) or WAI (Web Accessibility Initiative) standards,
Some might be disabling images, links other media,

Examples: Internet explorer, Mozilla, Google chrome, Safari, Lynx, Opera and many more

what is a Web page?

Web page is a web document (A Web document is defined as something that has a URL and can return representations) that can be understand by Browser, World Wide Web, and made it display on PC or mobile. Web page is written in markup language (HTML), PHP,, , beside provided with images, Scripts and many which was coordinated by web browser to present the web page.
Web Pages can be published on web browsers by retrieving from web servers remotely, which only depend on access permissions when we request, i.e. from private network, through HTTPS,

       Web Pages are accessed and transported with the Hypertext Transfer Protocol (HTTP), which may optionally employ encryption (HTTP Secure, HTTPS) to provide security and privacy for the user of the web page content. The user's application, often a web browser, renders the page content according to its HTML markup instructions onto a display terminal.Web Pages are two types i.e. static and Dynamic

Static Web Page: It will be represented by web browser exactly how it was stored in the web server as web content on request.

Dynamic Web Page: A page generated by web application which driven by server side software/technologies/scripting, or client side software’s/technologies/scripting, and provided to end user on request which don’t have urls or permalink

Examples: forums, e-commerce applications, Apps, and even on Wikipedia

Information on web pages includes 

Colour, text, background, images, links, media, which are actually included in layout in format which can be done using CSS (Cascading-Style-Sheet),which can be directly embedded in HTML, code or by separate file(webpage.css) and provide reference from within HTML, web page’s can more preferably provided by browsers to visitors as a cached copy  which was downloaded, after its first view

Note: besides images, docs or other attachments will be saved on web browser separately, and provided when webpage is processed as HTTP allows and provide the images by maintaining the connection till all the requests are processed and provided, web browser render the content along with the attachments on displayed webpage

Note:  Web Pages should maintain standards laid by W3C (World Wide Web Consortium) or WAI (Web Accessibility Initiative) for better optimization

Elements on Web Pages:
This what I can say forms of information on web pages so to be seen, listen, interactive with end-users

Visible or rendered information:
This includes textual information, non textual information
Non –textual information includes Images (static images, gif images, Flash, Vector format), Animated images (SVG, shockwave, java applet), Audio (MP3, OOG or various other formats), Video (windows, flash video, MPG, MOV (QuickTime))
Interactive (click here) (digital art, social media links, games, vote, forums, blog discussion, Question to answers, contact form, subscribe for etc)
Buttons, hyperlinks (change to other pages etc)

Internal information

Comments, linked files, meta tags (keywords, title, description), coding (Attributes) ,Scripts, It also included processing information for Server side WebPages)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).

Webpage will require more space to display, done using SCROLLBAR (horizontal preferred then Vertical)

How to create a Webpage?

Web page can be created using Text editor, Html editor, preprepared web template and web page can be included in to server (Hosting) using FTP client, web programming  languages, web designing tools, sites , hosting sites,
Web page tools are available through which WebPages are created and published with limited bandwidths
On viewing the website a copy of it was cached and stored as cookie temporarily or permanently(GUI Based Browsers), which can be deleted based on browser settings,
 WebPages are Save as fallowing within end-user PC
the rendered text without formatting or images, with hyperlinks reduced to plain text, the HTML as it was served — Overall structure preserved, but some links may be broken, or with relative links changed to absolute ones so that hyperlinks are preserved, the entire web page — All images and other resources including style sheets 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, 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 plug-in 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.

What is a web site?

A website will typically contain a group of web pages that are linked together with a method of navigation that can be served from single web domine. 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 is 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)
Website is hosted on single web server and accessed using intranet address called URL (Uniform Resource locator), the pages are arranged as per site structure, and navigation starts from Home Page to web content, besides with contact, sitemap
Websites also sometimes require subscriptions to access (news sites, game sites, academic sites, social networking, file sharing sites and many more)

HTTP, HTTPS, FTP and many protocols are there to communicate with server

Websites can be used for many purposes personal, commercial, government, non- profit organizations websites which actually dedicated to topic and purpose, a website can contain hyperlink of any website,
Websites are written or dynamically converted to HTML accessed using software (Browser) which can be accessed through internet enabled devices
Website hosted on computer system called web server or HTTP Server (software’s runs on these systems are Apache, IIS and many)
Websites are two types Static, dynamic websites
Static Website: A static website is one that has web pages stored on the server in the format that is sent to a client web browser. It is primarily coded in Hypertext Markup Language (HTML); Cascading Style Sheets (CSS) are used to control appearance beyond basic HTML. Images are commonly used to effect the desired appearance and as part of the main content. Audio or video might also be considered "static" content if it plays automatically or is generally non-interactive
Here manual process is involved for updating, modifying etc
Designing done using text or HTML Editors,
Offline editors like Microsoft front page, Dreamweaver, site was edited using GUI, finally the html generated by software automatically
Online editors support us in designing widgets, pages, blogs etc
Template based editors rapidweaver, iweb allows to create webpage, upload to web server without knowledge in HTML
Dynamic website: A dynamic website is one that changes or customizes itself frequently and automatic. Server-side dynamic pages are generated automatically by computer code that produces the HTML and CSS, software’s like Java Servlets, JSP, ASP, ColdFusion and many more, besides various frameworks which uses PERL, PHYTHON, PHP to develop dynamic websites are available. Dynamic sites can be interactive by using HTML forms, storing and reading back browser cookies, or by creating a series of pages that reflect the previous history of clicks.

Dynamic HTML uses JavaScript code to instruct the web browser how to interactively modify the page contents.
The browser's internal representation of the content is known as the Document Object Model (DOM) and the technique is known as Dynamic HTML.  
JavaScript is also built into most modern web browsers, and allows for web site creators to send code to the web browser that instructs it how to interactively modify page content and communicate with the web server if needed.

Web browser plug ins were then used to add audio, video, and interactivity (such as for a rich Internet application that mirrors the complexity of a desktop application like a word processor). 

Examples of such plug-ins are Microsoft Silverlight, Adobe Flash, Adobe Shockwave, and applets written in Java.

HTML 5 includes provisions for audio and video without plug-in.

Static and interactive websites 

Examples: E-commerce sites, Affiliate, affiliate agency, archive site, hackers site, blog, brand building site, Celebrity site, click and donate, community site, content site, corporate website, Forum site, gallery sites, Gamming, humor,  Government, Information, sharing , micro blog sites, News, Personal, P2P sites, Q&A sites, Porn(a porn site is a specific type of e-commerce site or business site (that is, it is trying to sell memberships for access to its site) or have social networking capabilities. Sites, rating, religious, review, School, Scrapper, Search engine site, shock site, showcase sites, social book marking, social networking, webmail, wiki site, web portal site, white papers
Very large websites, such as Facebook, Yahoo!, Microsoft, and Google employ many servers and load balancing equipment such as Cisco Content Services Switches to distribute visitor loads over multiple computers at multiple locations

Architectural limits for web sites are also to be considered
Awards are even provided (weeby awards, Favorite website awards...) for best websites world wide

Web development(web master)

Designing website for World Wide Web or for Intranet (Private network) which constitute designing of single page to internet applications, e business sites, social networking sites
Web development includes web designing, web content designing, client side scripting, server side scripting, and web server hosting, providing security
Open source is preferred in web development, LAMP (Linux, Apache, MySQL, PHP)
Web development software’s are Dreamweaver, WebDev, with knowledge in HTML, CSS and many tools to develop dynamic and interactive websites, now its like web services (an application available on desk based computer)
Later online interaction websites (online auction sites, online retailer sites, blog, forums, content management sites(alfresco, eXo platform)
Communication social networking sites

Client side Coding- AJAX , Flash, Java Script,Jquerey,Silverlight,HTML,CSS3, XHTML

client side coding such as XHTML is executed and stored on a local client (in a web browser) whereas server side code is not available to a client and is executed on a web server which generates the appropriate XHTML which is then sent to the client. The nature of client side coding allows one to alter the HTML on a local client and refresh the pages with updated content (locally), web designers must bear in mind the importance and relevance to security with their server side scripts. If a server side script accepts content from a locally modified client side script, the web development of that page is poorly sanitized with relation to security.

Server Side Coding -ASP, ColdFusion, CGI, Erlang, Groovy, Java (Servlets, Jsp, web Objects), Lotus notes, Node.js, Perl, PHP, Python, Ruby,SSJS,.net

Client-side + Server-Side

Google web toolkit, DART, OPA, Pyjamas, Tersus
  • Google Web Toolkit provides tools to create and maintain complex JavaScript front-end applications in Java.
  • Dart provides tools to create and maintain complex JavaScript front-end applications as well as supporting server-side code in Dart (programming language).
  • Opa is a high-level language in which both the client and the server parts are implemented. The compiler then decides which parts run on the client (and are translated automatically to JavaScript) and which parts run on the server. The developer can tune those decisions with simple directives. (open source)
  • Pyjamas is a tool and framework for developing Ajax applications and Rich Internet Applications in Python.
  • Tersus is a platform for the development of rich web applications by visually defining user interface, client side behavior and server side processing. (open source)
However languages like Ruby and Python are often paired with database servers other than MySQL (the M in LAMP). Some developers prefer a LAPR (Linux/Apache/Postgre SQL/Ruby on Rails) setup for development.
Databases-Filemaker, Sybase, IBM DB2, Oracle, SQL Server, MYSQL, PostgreSQL, Firebird, Apache Derby

From the above we have learnt what is web browser, webpage, website, web development in detail, then we can extend our self by learning how to optimize different sites