Escolar Documentos
Profissional Documentos
Cultura Documentos
Web
Design
Submitted By:
James Q. Monsanto
Submitted To:
Prof. Archie
Santiago
Top 5 Best/Popular Websites
1.Google
a.Screenshot
b.Source Code
<!doctype html><html itemscope="" itemtype="http://schema.org/WebPage"
lang="en-PH"><head><meta
content="/images/branding/googleg/1x/googleg_standard_color_128dp.png"
itemprop="image"><link
href="/images/branding/product/ico/googleg_lodp.ico" rel="shortcut
icon"><meta content="origin" id="mref" name="referrer"><title>Google</title>
<script>(function()
{window.google={kEI:'tXQZWt3OIYyL8wXasJXQBQ',kEXPI:'201793,1354277
,1354723,1354915,1355554,1355735,1355892,1355922,1356032,1356079,1
356080,3300112,3300134,3300161,3313274,3313321,3314088,3700267,370
0440,3700489,4029815,4031109,4038214,4038394,4041776,4043492,40450
96,4045293,4045841,4047140,4047454,4048347,4048980,4050750,4051887
,4056126,4056682,4058016,4061666,4061980,4062724,4064468,4064796,4
069829,4076997,4078588,4080760,4081038,4081165,4082230,4095910,409
7153,4097195,4097922,4097929,4098721,4098728,4098752,4102237,41034
75,4103845,4103861,4104202,4104258,4105786,4106647,4109293,4109316
,4109490,4110086,4110931,4113217,4115624,4115697,4116349,4116724,41
16731,4116926,4116935,4117327,4117980,4118227,4118798,4119032,41190
34,4119036,4120415,4120660,4120911,4121035,4121518,4122184,4122382
,4123365,4124091,4124850,4125837,4126206,4127095,4127445,4127744,4
128586,4128624,4128998,4128999,4129520,4129557,4129561,4129633,413
0560,4130783,4131072,4131247,4131370,4131834,4131850,4132528,41328
01,4132956,4133090,4133113,4133416,4134266,4134711,4134948,4134952
,4135012,4135084,4135088,4135249,4135576,4135677,4135700,4135744,4
135854,4135934,4136073,4136136,4136379,4136562,4137098,4137110,413
7467,4137468,4137597,4137646,4138247,4138341,4138432,4139435,41397
01,4139928,4140241,4140691,4140786,4140798,4141049,4141183,4141393
,4141469,4141581,4141725,4141729,4142328,4142361,4142420,4142492,4
142494,4142503,4142504,4142606,4142610,4142633,4142729,4143132,414
3245,4143319,4143578,10200083,10202523,10202536,10202562,19000288,
19000423,19000427,19001999,19002244,19002245,19002249,19002252,19
002257,19002548,19002671,19002880,19003319,19003321,19003323,1900
3407,19003408,19003409,19003703,19003994,19004037,19004038,190041
65,19004199,19004201,19004215,19004216,19004217,19004218,19004221,
19004222,19004223,19004224,19004252,19004283,19004288,41317155',au
thuser:0,kscs:'c9c918f0_tXQZWt3OIYyL8wXasJXQBQ',u:'c9c918f0',kGL:'PH'}
;google.kHL='en-PH';})();(function()
{google.lc=[];google.li=0;google.getEI=function(a){for(var b;a&&(!
a.getAttribute||!(b=a.getAttribute("eid")));)a=a.parentNode;return b||
google.kEI};google.getLEI=function(a){for(var b=null;a&&(!a.getAttribute||!
(b=a.getAttribute("leid")));)a=a.parentNode;return b};google.https=function()
{return"https:"==window.location.protocol};google.ml=function(){return
c. Scripting Language/Framework
Google is created in Java for website search engine all the Google
Product and application are coded and scripted in Java Platform. Google
Webmaster tool is use for indexing other website so as to appear in search
result page. Programming language used for indexing and submitting site is
C++.
2.Facebook
a.Screenshot
b.Source Code
<!DOCTYPE html>
c. Scripting Language/Framework
Facebook is made of PHP code and commands. All its internal back
end functionality are joined and made by PHP codes. Its external front end
GUI is made up of JavaScript and HTML5 technology.
The frontend is written in PHP (programming language). Much of it is
written using XHP, and the runtime is HipHop for PHP. Like most websites
there's a lot of JavaScript (programming language) running in the users'
browsers.
3.Youtube
a.Screenshot
b.Source Code
<!doctype html><html invert style="font-size: 10px;font-family: Roboto, Arial,
sans-serif; background-color: #fafafa;"><head><!-- Origin Trial Token, feature
= Long Task Observer, origin = https://www.youtube.com, expires = 2017-04-
17 --><meta http-equiv="origin-trial" data-feature="Long Task Observer"
data-expires="2017-04-17"
content="AgXf9faUpH8YmYNhInb5nw8BxXZaT8pZlj3At6FUrcvdBzs0I8VxKD
kfinT4bbXfPZX8lXKfjotQZrhFVnpzFwYAAABZeyJvcmlnaW4iOiJodHRwczovL
3d3dy55b3V0dWJlLmNvbTo0NDMiLCJmZWF0dXJlIjoiTG9uZ1Rhc2tPYnNlcn
ZlciIsImV4cGlyeSI6MTQ5MjQ3MzYwMH0="><script >var ytcfg = {d:
function() {return (window.yt && yt.config_) || ytcfg.data_ || (ytcfg.data_ =
{});},get: function(k, o) {return (k in ytcfg.d()) ? ytcfg.d()[k] : o;},set: function()
{var a = arguments;if (a.length > 1) {ytcfg.d()[a[0]] = a[1];} else {for (var k in
a[0]) {ytcfg.d()[k] = a[0][k];}}}};window.ytcfg.set('EMERGENCY_BASE_URL',
"\/error_204?
client.name=1\u0026client.version=2.20171121\u0026level=ERROR\u0026t=j
serror");</script>
<script >var $jscomp=$jscomp||{};$jscomp.scope={};
$jscomp.ASSUME_ES5=!1;$jscomp.ASSUME_NO_NATIVE_MAP=!
1;$jscomp.ASSUME_NO_NATIVE_SET=!
1;$jscomp.defineProperty=$jscomp.ASSUME_ES5||"function"==typeof
Object.defineProperties?Object.defineProperty:function(a,c,d){a!
=Array.prototype&&a!=Object.prototype&&(a[c]=d.value)};
$jscomp.getGlobal=function(a){return"undefined"!=typeof
window&&window===a?a:"undefined"!=typeof global&&null!=global?global:a};
$jscomp.global=$jscomp.getGlobal(this);
$jscomp.SYMBOL_PREFIX="jscomp_symbol_";
$jscomp.initSymbol=function(){$jscomp.initSymbol=function(){};
$jscomp.global.Symbol||($jscomp.global.Symbol=$jscomp.Symbol)};
$jscomp.Symbol=function(){function a(a){return $jscomp.SYMBOL_PREFIX+
(a||"")+c++}var c=0;return a}();
$jscomp.initSymbolIterator=function(){$jscomp.initSymbol();var
a=$jscomp.global.Symbol.iterator;a||
(a=$jscomp.global.Symbol.iterator=$jscomp.global.Symbol("iterator"));"functio
n"!=typeof Array.prototype[a]&&$jscomp.defineProperty(Array.prototype,a,
{configurable:!0,writable:!0,value:function(){return
$jscomp.arrayIterator(this)}});$jscomp.initSymbolIterator=function(){}};
$jscomp.arrayIterator=function(a){var c=0;return
$jscomp.iteratorPrototype(function(){return c<a.length?{done:!1,value:a[c++]}:
{done:!0}})};
$jscomp.iteratorPrototype=function(a)
{$jscomp.initSymbolIterator();a={next:a};a[$jscomp.global.Symbol.iterator]=fu
nction(){return this};return a};$jscomp.iteratorFromArray=function(a,c)
{$jscomp.initSymbolIterator();a instanceof String&&(a+="");var
d=0,e={next:function(){if(d<a.length){var b=d++;return{value:c(b,a[b]),done:!
1}}e.next=function(){return{done:!0,value:void 0}};return
e.next()}};e[Symbol.iterator]=function(){return e};return e};
$jscomp.polyfill=function(a,c){if(c){var d=$jscomp.global;a=a.split(".");for(var
4.Yahoo
a.Screenshot
b.Source Code
<!DOCTYPE html>
<html id="atomic" lang="en-PH" class="atomic my3columns ua-wk ua-win ua-
6.2 ua-wk537 l-out Pos-r https fp fp-v2 rc1 fp-default mini-uh-on viewer-right
two-col ntk-wide ltr desktop Desktop bkt711">
<head>
<title>Yahoo</title><meta http-equiv="x-dns-prefetch-control"
content="on"><link rel="dns-prefetch" href="//s.yimg.com"><link
rel="preconnect" href="//s.yimg.com"><link rel="dns-prefetch"
href="//y.analytics.yahoo.com"><link rel="preconnect"
href="//y.analytics.yahoo.com"><link rel="dns-prefetch"
href="//geo.query.yahoo.com"><link rel="preconnect"
href="//geo.query.yahoo.com"><link rel="dns-prefetch"
href="//csc.beap.bc.yahoo.com"><link rel="preconnect"
href="//csc.beap.bc.yahoo.com"><link rel="dns-prefetch"
href="//geo.yahoo.com"><link rel="preconnect" href="//geo.yahoo.com"><link
rel="dns-prefetch" href="//comet.yahoo.com"><link rel="preconnect"
href="//comet.yahoo.com"><link rel="dns-prefetch" href="//video-
api.yql.yahoo.com"><link rel="preconnect" href="//video-
api.yql.yahoo.com"><link rel="dns-prefetch" href="//yrtas.btrll.com"><link
rel="preconnect" href="//yrtas.btrll.com"><link rel="dns-prefetch"
href="//shim.btrll.com"><link rel="preconnect" href="//shim.btrll.com">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5.Wikipedia
a.Screenshot
b.Source Code
<!DOCTYPE html>
<html class="client-nojs" lang="en" dir="ltr">
<head>
<meta charset="UTF-8"/>
<title>Wikipedia, the free encyclopedia</title>
<script>document.documentElement.className =
document.documentElement.className.replace( /(^|\s)client-nojs(\s|$)/,
"$1client-js$2" );</script>
<script>(window.RLQ=window.RLQ||[]).push(function()
{mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName
":false,"wgNamespaceNumber":0,"wgPageName":"Main_Page","wgTitle":"Mai
n
Page","wgCurRevisionId":807996266,"wgRevisionId":807996266,"wgArticleId
":15580374,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUser
Name":null,"wgUserGroups":["*"],"wgCategories":
[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentM
odel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":
["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":
["","January","February","March","April","May","June","July","August","Septem
ber","October","November","December"],"wgMonthNamesShort":
["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"
wgRelevantPageName":"Main_Page","wgRelevantArticleId":15580374,"wgRe
questId":"WhlYNQpAAEAAAGeLN98AAABO","wgIsProbablyEditable":false,"
wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":
["sysop"],"wgRestrictionMove":
["sysop"],"wgIsMainPage":true,"wgFlaggedRevsParams":{"tags":
{}},"wgStableRevisionId":null,"wgWikiEditorEnabledModules":
{"toolbar":true,"preview":false,"publish":false},"wgBetaFeaturesFeatures":
[],"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wg
PopupsShouldSendModuleToUser":true,"wgPopupsConflictsWithNavPopupG
adget":false,"wgVisualEditor":
{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"
en","usePageImages":true,"usePageDescriptions":true},"wgPreferredVariant":
"en","wgMFExpandAllSectionsUserOption":false,"wgMFDisplayWikibaseDesc
riptions":
{"search":true,"nearby":true,"watchlist":true,"tagline":false},"wgRelatedArticles
":null,"wgRelatedArticlesUseCirrusSearch":true,"wgRelatedArticlesOnlyUseCi
rrusSearch":false,"wgULSCurrentAutonym":"English","wgNoticeProject":"wikip
edia","wgCentralNoticeCookiesToDelete":
[],"wgCentralNoticeCategoriesUsingLegacy":
["Fundraising","fundraising"],"wgCategoryTreePageCategoryOptions":"{\"mod
e\":0,\"hideprefix\":20,\"showcount\":true,\"namespaces\":false}","wgWikibaseIt
emId":"Q5296","wgCentralAuthMobil
content="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/ -
a.Screenshot
b.Source Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Yale University School of Art: Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-
1" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="robots" content="NOODP" />
<meta name="description" content="The Yale University School of Art" />
<!--
This HTML generated dynamically by Economy, a content management
system built in Ruby on Rails
Design: Linked by Air
Programming: linkedbyair.net / graybits.biz
-->
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="shortcut icon" href="/favicon.gif" />
<link href="/stylesheets/application.css?1509032657" media="all"
rel="stylesheet" type="text/css" />
<link href="/stylesheets/prototip.css?1316135546" media="screen,
projection, tv" rel="stylesheet" type="text/css" />
<link href="/stylesheets/modalbox.css?1316135546" media="screen,
projection, tv" rel="stylesheet" type="text/css" />
</script>
<script type="text/javascript">
// <![CDATA[
window.name = 'economy';
var page_id = 178067;
var session_id = "168c88ff998f32042319dc10ee77f88b";
var document_base_url = "http://art.yale.edu/Home/";
var document_url = "http://art.yale.edu/Home";
// ]]>
</script>
<link href="http://art.yale.edu/rss/pages" rel="alternate" title="New content"
type="application/rss+xml" />
<link href="http://art.yale.edu/rss/pages/Home" rel="alternate" title="New
content: Home" type="application/rss+xml" />
</head>
<body id="body"><a name="top"></a>
<div id="spinner" style="display: none;"><span>Please wait</span></div>
a.Screenshot
b.Source Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="keywords" content="Suzanne Collins, Gregor, Gregor the
Overlander, Gregor and the Prophecy of Bane, Gregor and the Curse of the
Warmbloods, Gregor and the Marks of Secret, Gregor and the Code of Claw,
The Underland Chronicles, Underland, Overland, Underlander, Overlander,
Bartholomew of Sandwich, When Charlie McButton Lost Power" />
<meta name="description" content="The Official Suzanne Collins Website" />
<meta name="google-site-verification" content="" />
<meta name="date" content="2017-07-06T21:36:13Z" />
<meta http-equiv="x-ua-compatible" content="IE=8" />
<title>Home - Suzanne Collins</title>
<link rel="stylesheet" type="text/css" media="all" href="./global.css" />
<link rel="stylesheet" type="text/css" media="all" href="./images/roman-
peach.css" />
<!--[if IE 6 ]><link rel="stylesheet" type="text/css" href="./images/roman-
peach_ie6.css" /><![endif]-->
<!--[if IE 7 ]><link rel="stylesheet" type="text/css" href="./images/roman-
peach_ie7.css" /><![endif]-->
<!--[if IE 8 ]><link rel="stylesheet" type="text/css" href="./images/roman-
peach_ie8.css" /><![endif]-->
<link rel="stylesheet" type="text/css" media="print" href="./print.css" />
<script type="text/javascript" src="./global.js"></script>
<script type="text/javascript"><!--
//--></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push([
'_setAccount',
'UA-9299342-1'
]);
_gaq.push(['_setDomainName', 'suzannecollinsbooks.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript';
ga.async = true;
3.Gullas Arrestling
a.Screenshot
b.Source Code
a.Screenshot
b.Source Code
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 12.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Electrifying Times Splash Page</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
<link href="favicon.ico" rel="icon" type="image/x-icon" />
</head>
<STYLE TYPE="text/css">
.writingPro a{
color:#0087C2;
}
.writingPro a:hover{
color:black;
}
.insta{
background: 517FA4;
}
.insta a{
color:white;
}
.insta a:hover{
color:red;
}
BODY
{
scrollbar-base-color: black;
scrollbar-Track-Color: white;
scrollbar-arrow-color: black;
scrollbar-Shadow-Color: black;
scrollbar-highlight-Color: white;
scrollbar-face-Color: white;
}
.style1 {
text-align: center;
}
.auto-style5 {
border-width: 0px;
}
.auto-style6 {
color: #FF9900;
font-family: Arial;
font-weight: normal;
}
</STYLE>
<style fprolloverstyle>A:hover {color: #FFCD06}
</style>
<meta property="og:Electrifying Times magazine" content="EV News since
1993"/>
<meta property="og:image"
content="http://www.electrifyingtimes.com/ET_V11N2_thumbclick.jpg"/>
5.Penny Juice
a.Screenshot
b.Source Code
<HTML>
<HEAD>
<TITLE>fruitTreesFinal</TITLE>
</HEAD>
<BODY bgcolor="#FFFF00" background="../rainbowKidsBCKGRND3.gif"
leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center"><img src="homeSM.jpg" width="550" height="373"
usemap="#Map" border="0"><map name="Map"><area shape="rect"
coords="211,323,347,345" href="mailto:pennyjuice@hotmail.com"><area
shape="rect" coords="223,302,332,324" href="gotjuice.htm"><area
shape="rect" coords="179,283,383,303" href="whereispj.htm"><area
shape="rect" coords="180,262,381,283" href="whatispj.htm"><area
shape="rect" coords="188,242,369,263" href="whoispj.htm"></map><br>
<img src="../rainbowsOfFruitFlavors.jpg" width="379" height="26"> <br>
<font face="Arial, Helvetica, sans-serif" size="2">Copyright 2001-2002
Penny
Juice All Rights Reserved.</font><br>
</div>
</BODY>
</HTML>