Vous êtes sur la page 1sur 23

Advance

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>

<html lang="en" id="facebook" class="no_js">

<head><meta charset="utf-8" /><meta name="referrer" content="origin-when-


crossorigin" id="meta_referrer" /><script>window._cstart=+new
Date();</script><script>function envFlush(a){function b(c){for(var d in
a)c[d]=a[d]}if(window.requireLazy)window.requireLazy(["Env"],b);else{window.
Env=window.Env||
{};b(window.Env)}}envFlush({"ajaxpipe_token":"AXjt97Z8H9btetdx","timeslice_
heartbeat_config":
{"pollIntervalMs":33,"idleGapThresholdMs":60,"ignoredTimesliceNames":
{"requestAnimationFrame":true,"Event listenHandler mousemove":true,"Event
listenHandler mouseover":true,"Event listenHandler mouseout":true,"Event
listenHandler
scroll":true},"enableOnRequire":false},"shouldLogCounters":true,"timeslice_ca
tegories":{"react_render":true,"reflow":true},"khsh":"0`sj`e`rm`s-0fdu^gshdoer-
0gc^eurf-3gc^eurf;1;enbtldou;fduDmdldourCxO`ld-
2YLMIuuqSdptdru;qsnunuxqd;rdoe-0unjdojnx-0unjdojnx0-0gdubi^rdbsduOdv-
0`sj`e`r-0q`xm`r-0StoRbs`qhof-
c="bootload/"+a.name;if(this.bootloader_metrics[c]!==undefined||
this.ongoing_watch[c]!==undefined)return;var
d=CavalryLogger.now();this.ongoing_watch[c]=d;if(!("start_"+c in
this.bootloader_metrics))this.bootloader_metrics["start_"+c]=d;if(b&&!
("tag_"+c in
this.bootloader_metrics))this.bootloader_metrics["tag_"+c]=b;if(a.type==="js")
{var
e="js_exec/"+a.name;this.ongoing_watch[e]=d}};CavalryLogger.prototype.sto
pWatch=function(a){if(this.ongoing_watch[a]){var b=CavalryLogger.now(),c=b-
this.ongoing_watch[a];this.bootloader_metrics[a]=c;var
d=this.piggy_values;if(a.indexOf("bootload")===0){if(!
d.t_resource_download)d.t_resource_download=0;if(!
d.resources_downloaded)d.resources_downloaded=0;d.t_resource_downloa
d+=c;d.resources_downloaded+=1;if(d["tag_"+a]=="_EF_")d.t_pagelet_cssloa
d_early_resources=b}delete this.ongoing_watch[a]}return
this};CavalryLogger.getBootloaderMetricsFromAllLoggers=function(){var
a={};Object.values(window.CavalryLogger.instances).forEach(function(b)
{if(b.bootloader_metrics)Object.assign(a,b.bootloader_metrics)});return
a};CavalryLogger.start_js=function(a){for(var b=0;b<a.length;+
+b)CavalryLogger.getInstance().stopWatch("js_exec/"+a[b])};CavalryLogger.d
one_js=function(a){for(var b=0;b<a.length;+
+b)CavalryLogger.getInstance().stopWatch("bootload/"+a[b])};CavalryLogger.
prototype.profileEarlyResources=function(a){for(var b=0;b<a.length;b+
+)this.measureResources({name:a[b][0],type:a[b]
[1]?"js":""},"_EF_")};CavalryLogger.getInstance().log_resources=true;CavalryL
ogger.getInstance().setIsDetailedProfiler(true);window.CavalryLogger&&Caval
ryLogger.getInstance().setTimeStamp("t_start");</script><noscript><meta
http-equiv="refresh" content="0; URL=/?_fb_noscript=1" /></noscript><title
id="pageTitle">Facebook - Log In or Sign Up</title><meta
property="og:site_name" content="Facebook" /><meta property="og:url"
content="https://www.facebook.com/" /><meta property="og:image"
content="https://www.facebook.com/images/fb_icon_325x325.png" /><meta
property="og:locale" content="en_US" /><script
type="application/ld+json">{"\u0040context":"http:\/\/schema.org","\u0040type
":"WebSite","name":"Facebook","url":"https:\/\/www.facebook.com\/"}</script>
<link rel="search" type="application/opensearchdescription+xml"
href="/osd.xml" title="Facebook" /><link rel="canonical"
href="https://www.facebook.com/" /><link rel="alternate" media="only screen
and (max-width: 640px)" href="https://m.facebook.com/" /><link
rel="alternate" media="handheld" href="https://m.facebook.com/" /><link
rel="alternate" hreflang="x-default" href="https://www.facebook.com/" /><link
rel="alternate" hreflang="en" href="https://www.facebook.com/" /><link
rel="alternate" hreflang="ar" href="https://ar-ar.facebook.com/" /><link
rel="alternate" hreflang="bg" href="https://bg-bg.facebook.com/" /><link
rel="alternate" hreflang="bs" href="https://bs-ba.facebook.com/" /><link
rel="alternate" hreflang="ca" href="https://ca-es.facebook.com/" /><link
rel="alternate" hreflang="da" href="https://da-dk.facebook.com/" /><link
rel="alternate" hreflang="el" href="https://el-gr.facebook.com/" /><link
rel="alternate" hreflang="es" href="https://es-la.facebook.com/" /><link
rel="alternate" hreflang="es-es" href="https://es-es.facebook.com/" /><link
rel="alternate" hreflang="fa" href="https://fa-ir.facebook.com/" /><link
rel="alternate" hreflang="fi" href="https://fi-fi.facebook.com/" /><link
rel="alternate" hreflang="fr" href="https://fr-fr.facebook.com/" /><link
rel="alternate" hreflang="fr-ca" href="https://fr-ca.facebook.com/" /><link
rel="alternate" hreflang="hi" href="https://hi-in.facebook.com/" /><link
rel="alternate" hreflang="hr" href="https://hr-hr.facebook.com/" /><link
rel="alternate" hreflang="id" href="https://id-id.facebook.com/" /><link
rel="alternate" hreflang="it" href="https://it-it.facebook.com/" /><link
rel="alternate" hreflang="ko" href="https://ko-kr.facebook.com/" /><link
rel="alternate" hreflang="mk" href="https://mk-mk.facebook.com/" /><link
rel="alternate" hreflang="ms" href="https://ms-my.facebook.com/" /><link
rel="alternate" hreflang="pl" href="https://pl-pl.facebook.com/" /><link
rel="alternate" hreflang="pt" href="https://pt-br.facebook.com/" /><link
rel="alternate" hreflang="pt-pt" href="https://pt-pt.facebook.com/" /><link

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

c. Scripting Language/ Framework


YouTube videos are Flash video where all the flash content is
downloaded and displayed in browser. It uses Python for back-end process,
Java for front-end GUI display.

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">

<meta http-equiv="X-UA-Compatible" content="chrome=1">


<meta name="description" content="News, email and search are just the
beginning. Discover more every day.">
<meta name="keywords" content="yahoo, yahoo home page, yahoo
homepage, yahoo search, yahoo mail, yahoo messenger, yahoo games,
news, finance, sport, entertainment">
<meta property="og:title" content="Yahoo" />
<meta property="og:type" content='website' />
<meta property="og:url" content="http://ph.yahoo.com" />
<meta property="og:description" content="News, email and search are just
the beginning. Discover more every day."/>
<meta property="og:image"
content="https://s.yimg.com/dh/ap/default/130909/y_200_a.png"/>
<meta property="og:site_name" content="Yahoo" />
<meta property="fb:app_id" content="90376669494" />
<meta name="format-detection" content="telephone=no" />
<link rel="icon" sizes="any" mask
href="https://s.yimg.com/os/mit/media/p/common/images/favicon_new-
7483e38.svg">
<meta name="theme-color" content="#400090">
<link rel="shortcut icon" href="https://s.yimg.com/rz/l/favicon.ico" />
<link rel="canonical" href="https://ph.yahoo.com/" /> <meta

c. Scripting Language/ Framework


Yahoo is scripted in PHP for its back-end process which interacts with
database and Java script is used for front-end process.

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/ -

c. Scripting Language /Framework


Famous Wikipedia pages are made in PHP. Where the pages are same
but the content in each page is different.
MediaWiki, the open-source wiki engine built for Wikipedia, is mostly PHP,
with a handful of components written in other languages, particularly JavaScript
(both client-side and Node.js). As MediaWiki continues to develop, it is
increasingly becoming a collection of cooperative libraries that are less strictly
language-dependent

Top 5 Worst Websites

1.Yale University School of Art

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>

c. Scripting Language / Framework

This website is created in PHP and scripting with JavaScript. JavaScript


often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based,
multi-paradigm, and interpreted programming language. Alongside HTML and
CSS, JavaScript is one of the three core technologies of World Wide Web
content production.

2.Suzanne Collins Books

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;

c. Scripting Language / Framework


Scripting Language that used is more about HTML and JavaScript. I think
there is no framework that used for this website because it cant be drawn a good
website.

3.Gullas Arrestling

a.Screenshot

b.Source Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head>
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="crimson_health.css" type="text/css">
<style type="text/css">
@import url(file:///C|/Program Files/Macromedia/Contribute 2 for
Affinity/Configuration/Content/StarterPages/00-ValueWebTemplates/01-
personal_services/08-Crimson_Health/crimson_health.css);
a{
font-family: "Times New Roman", Times, serif;
}
body {
background-color: #FFF;
}
.style21 {
font-size: 32px;
background-color: #FFFF00;
}
</style>
</head>
<body background="images/ArrestlingHome.jpg">
<p align="center" style="margin-top: 0; margin-bottom: 0;">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0;">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0;">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0;">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0;">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0;">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0;"><span
class="style21"><a href="Home.htm">Click Here to go to Arrestling Home
Page</a></span></p>
</body>
</html>

c. Scripting Language / Framework


Gullas Wrestling front page website is created by HTML and CSS script
language. There is no such design on this website and other page is on the same
scripting language that used, thats worst for a website because todays world
framework or other scripting language can be used.
4.Electrifying Times

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"/>

<body onload="dynAnimation()" language="Javascript1.2" link="#CC3300"


vlink="#993300" alink="#FF0000">
<div align="center">
<center>
<table border="0" width="760" height="229" id="AutoNumber1" style="border-
collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<tr>
<td width="573" height="229" valign="middle">
<p align="center">
<a onmouseover="var
img=document['fpAnimswapImgFP54'];img.imgRolln=img.src;img.src=img.lowsrc
?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP54'].src=document['fpAnimswapImg
FP54'].imgRolln" href="http://electrifyingtimes.com/subscribe.html">
<img border="0" src="ET_magazine_logo_order.gif" width="575"
height="231" id="fpAnimswapImgFP54" name="fpAnimswapImgFP54"
dynamicanimation="fpAnimswapImgFP54"
lowsrc="ET_magazine_logo_frizzle.gif"></a></td>
<td width="187" height="229" bgcolor="#0099CC">
<p align="center">
<td height="20" valign="top" bgcolor="#993300" style="width: 49px">

c. Scripting Language / Framework


Electrifying Times used HTML, CSS and JavaScript for scripting language I
cant see a framework that used for this website. It such they input only all
information and thats it.

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>

c. Scripting Language / Framework


Penny Juice website is scripted in HTML and it cant work in framework.
Its just a work of a beginner in html and dont know other scripted language like
css or JavaScript.

Vous aimerez peut-être aussi