chapter09-project02.php Code: <?php include \'travel-data.php\'; asort($continen
ID: 3819855 • Letter: C
Question
chapter09-project02.php Code:
<?php
include 'travel-data.php';
asort($continents);
asort($countries);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Travel Template</title>
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<!-- Google fonts used in this theme -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700" rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,800,600,700,300" rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="bootstrap3_travelTheme/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="bootstrap3_travelTheme/theme.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bootstrap3_travelTheme/assets/js/html5shiv.js"></script>
<script src="bootstrap3_travelTheme/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<?php include 'travel-header.php'; ?>
<div class="container"> <!-- start main content container -->
<div class="row"> <!-- start main content row -->
<div class="col-md-3"> <!-- start left navigation rail column -->
<?php include 'travel-left-rail.php'; ?>
</div> <!-- end left navigation rail -->
<div class="col-md-9"> <!-- start main content column -->
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Browse</a></li>
<li class="active">Favorites</li>
</ol>
<h1>Favorites</h1>
<!-- start post summaries -->
<div class="well">
<div class="row">
replace this with loop outputting col-md-3 div containing photo
</div>
</div>
</div> <!-- end main content column -->
</div> <!-- end main content row -->
</div> <!-- end main content container -->
<?php include 'travel-footer.php'; ?>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap3_travelTheme/assets/js/jquery.js"></script>
<script src="bootstrap3_travelTheme/dist/js/bootstrap.min.js"></script>
<script src="bootstrap3_travelTheme/assets/js/holder.js"></script>
</body>
</html>
travel-data.php Code:
<?php
$continents = array("Asia","Africa","Europe","North America","South America", "Oceania");
$countries = array();
$countries["US"] = "United States";
$countries["DE"] = "Germany";
$countries["GH"] = "Ghana";
$countries["CA"] = "Canada";
$countries["GB"] = "United Kingdom";
$images = array();
$images[22] = array("id"=>22,"title" => "View of Cologne", "description" => "View of Cologne from atop the Cologne Cathedral", "country" => "Germany", "user" => "João Fernandes", "path" => "6114850721.jpg");
$images[54] = array("id"=>54,"title" => "Arch of Septimus Severus", "description" => "In the Roman Forum", "country" => "Italy", "user" => "Ellie Sullivan", "path" => "9495574327.jpg");
$images[7] = array("id"=>7,"title" => "Lunenburg Port", "description" => "On board a small sailing ship leaving Lunenburg", "country" => "Canada", "user" => "Mark Taylor", "path" => "5856697109.jpg");
$images[19] = array("id"=>19,"title" => "British Museum", "description" => "The library in the British Museum in London", "country" => "United Kingdom", "user" => "Mark Taylor", "path" => "5855729828.jpg");
$images[46] = array("id"=>46,"title" => "Temple of Hephaistos", "description" => "Located on western perimeter of Agora in Athens. Built in 460-415 BCE, it is the best preserved temple of antiquity.", "country" => "Greece", "user" => "Ellie Sullivan", "path" => "8711645510.jpg");
$images[6] = array("id"=>6,"title" => "At the top of Sulpher Mountain", "description" => "At top of Sulpher Mountain near Banff", "country" => "Canada", "user" => "Frantisek Wichterlová", "path" => "6114907897.jpg");
?>
travel-left-rail.php code:
<div class="panel panel-default">
<div class="panel-heading">Search</div>
<div class="panel-body">
<form>
<div class="input-group">
<input type="text" class="form-control" placeholder="search ...">
<span class="input-group-btn">
<button class="btn btn-warning" type="button"><span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</form>
</div>
</div> <!-- end search panel -->
<div class="panel panel-info">
<div class="panel-heading">Continents</div>
<ul class="list-group">
<li class="list-group-item"><a href="#">Asia</a></li>
<li class="list-group-item"><a href="#">Africa</a></li>
<li class="list-group-item"><a href="#">Europe</a></li>
<li class="list-group-item"><a href="#">North America</a></li>
<li class="list-group-item"><a href="#">South America</a></li>
</ul>
</div> <!-- end continents panel -->
<div class="panel panel-info">
<div class="panel-heading">Popular Countries</div>
<ul class="list-group">
<li class="list-group-item"><a href="#">Bahamas</a></li>
<li class="list-group-item active">Canada</li>
<li class="list-group-item"><a href="#">Germany</a></li>
<li class="list-group-item"><a href="#">Ghana</a></li>
<li class="list-group-item"><a href="#">Greece</a></li>
<li class="list-group-item"><a href="#">Hungary</a></li>
<li class="list-group-item"><a href="#">Italy</a></li>
<li class="list-group-item"><a href="#">Spain</a></li>
<li class="list-group-item"><a href="#">United Kingdom</a></li>
<li class="list-group-item"><a href="#">United States</a></li>
</ul>
</div> <!-- end countries panel -->
travel-image.php Code:
<?php
include 'travel-data.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Travel Template</title>
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<!-- Google fonts used in this theme -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700" rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,800,600,700,300" rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="bootstrap3_travelTheme/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="bootstrap3_travelTheme/theme.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bootstrap3_travelTheme/assets/js/html5shiv.js"></script>
<script src="bootstrap3_travelTheme/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<?php include 'travel-header.php'; ?>
<div class="container"> <!-- start main content container -->
<div class="row"> <!-- start main content row -->
<div class="col-md-3"> <!-- start left navigation rail column -->
<?php include 'travel-left-rail.php'; ?>
</div> <!-- end left navigation rail -->
<div class="col-md-9"> <!-- start main content column -->
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="Chapter09-project02.php">Favorites</a></li>
<li class="active">title here</li>
</ol>
<h1><?php echo $image['title']; ?></h1>
<div class="row">
<div class="col-md-8">
image here
</div>
<div class="col-md-4">
<div class="panel panel-primary">
<div class="panel-body">
<p>By <a href="#">user here</a></p>
<p>Taken in <a href="#">country here</a></p>
<p>description here</p>
</div>
</div>
</div>
</div>
</div> <!-- end main content column -->
</div> <!-- end main content row -->
</div> <!-- end main content container -->
<?php include 'travel-footer.php'; ?>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap3_travelTheme/assets/js/jquery.js"></script>
<script src="bootstrap3_travelTheme/dist/js/bootstrap.min.js"></script>
<script src="bootstrap3_travelTheme/assets/js/holder.js"></script>
</body>
</html>
Explanation / Answer
<?php
include 'travel-data.php';
asort($continents);
asort($countries);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Travel Template</title>
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<!-- Google fonts used in this theme -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700" rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,800,600,700,300" rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="bootstrap3_travelTheme/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="bootstrap3_travelTheme/theme.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bootstrap3_travelTheme/assets/js/html5shiv.js"></script>
<script src="bootstrap3_travelTheme/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<?php include 'travel-header.php'; ?>
<div class="container"> <!-- start main content container -->
<div class="row"> <!-- start main content row -->
<div class="col-md-3"> <!-- start left navigation rail column -->
<?php include 'travel-left-rail.php'; ?>
</div> <!-- end left navigation rail -->
<div class="col-md-9"> <!-- start main content column -->
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Browse</a></li>
<li class="active">Favorites</li>
</ol>
<h1>Favorites</h1>
<!-- start post summaries -->
<div class="well">
<div class="row">
replace this with loop outputting col-md-3 div containing photo
</div>
</div>
</div> <!-- end main content column -->
</div> <!-- end main content row -->
</div> <!-- end main content container -->
<?php include 'travel-footer.php'; ?>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap3_travelTheme/assets/js/jquery.js"></script>
<script src="bootstrap3_travelTheme/dist/js/bootstrap.min.js"></script>
<script src="bootstrap3_travelTheme/assets/js/holder.js"></script>
</body>
</html>
travel-data.php Code:
<?php
$continents = array("Asia","Africa","Europe","North America","South America", "Oceania");
$countries = array();
$countries["US"] = "United States";
$countries["DE"] = "Germany";
$countries["GH"] = "Ghana";
$countries["CA"] = "Canada";
$countries["GB"] = "United Kingdom";
$images = array();
$images[22] = array("id"=>22,"title" => "View of Cologne", "description" => "View of Cologne from atop the Cologne Cathedral", "country" => "Germany", "user" => "João Fernandes", "path" => "6114850721.jpg");
$images[54] = array("id"=>54,"title" => "Arch of Septimus Severus", "description" => "In the Roman Forum", "country" => "Italy", "user" => "Ellie Sullivan", "path" => "9495574327.jpg");
$images[7] = array("id"=>7,"title" => "Lunenburg Port", "description" => "On board a small sailing ship leaving Lunenburg", "country" => "Canada", "user" => "Mark Taylor", "path" => "5856697109.jpg");
$images[19] = array("id"=>19,"title" => "British Museum", "description" => "The library in the British Museum in London", "country" => "United Kingdom", "user" => "Mark Taylor", "path" => "5855729828.jpg");
$images[46] = array("id"=>46,"title" => "Temple of Hephaistos", "description" => "Located on western perimeter of Agora in Athens. Built in 460-415 BCE, it is the best preserved temple of antiquity.", "country" => "Greece", "user" => "Ellie Sullivan", "path" => "8711645510.jpg");
$images[6] = array("id"=>6,"title" => "At the top of Sulpher Mountain", "description" => "At top of Sulpher Mountain near Banff", "country" => "Canada", "user" => "Frantisek Wichterlová", "path" => "6114907897.jpg");
?>
travel-left-rail.php code:
<div class="panel panel-default">
<div class="panel-heading">Search</div>
<div class="panel-body">
<form>
<div class="input-group">
<input type="text" class="form-control" placeholder="search ...">
<span class="input-group-btn">
<button class="btn btn-warning" type="button"><span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</form>
</div>
</div> <!-- end search panel -->
<div class="panel panel-info">
<div class="panel-heading">Continents</div>
<ul class="list-group">
<li class="list-group-item"><a href="#">Asia</a></li>
<li class="list-group-item"><a href="#">Africa</a></li>
<li class="list-group-item"><a href="#">Europe</a></li>
<li class="list-group-item"><a href="#">North America</a></li>
<li class="list-group-item"><a href="#">South America</a></li>
</ul>
</div> <!-- end continents panel -->
<div class="panel panel-info">
<div class="panel-heading">Popular Countries</div>
<ul class="list-group">
<li class="list-group-item"><a href="#">Bahamas</a></li>
<li class="list-group-item active">Canada</li>
<li class="list-group-item"><a href="#">Germany</a></li>
<li class="list-group-item"><a href="#">Ghana</a></li>
<li class="list-group-item"><a href="#">Greece</a></li>
<li class="list-group-item"><a href="#">Hungary</a></li>
<li class="list-group-item"><a href="#">Italy</a></li>
<li class="list-group-item"><a href="#">Spain</a></li>
<li class="list-group-item"><a href="#">United Kingdom</a></li>
<li class="list-group-item"><a href="#">United States</a></li>
</ul>
</div> <!-- end countries panel -->
travel-image.php Code:
<?php
include 'travel-data.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Travel Template</title>
<link rel="shortcut icon" href="../../assets/ico/favicon.png">
<!-- Google fonts used in this theme -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700" rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,800,600,700,300" rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="bootstrap3_travelTheme/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="bootstrap3_travelTheme/theme.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bootstrap3_travelTheme/assets/js/html5shiv.js"></script>
<script src="bootstrap3_travelTheme/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<?php include 'travel-header.php'; ?>
<div class="container"> <!-- start main content container -->
<div class="row"> <!-- start main content row -->
<div class="col-md-3"> <!-- start left navigation rail column -->
<?php include 'travel-left-rail.php'; ?>
</div> <!-- end left navigation rail -->
<div class="col-md-9"> <!-- start main content column -->
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="Chapter09-project02.php">Favorites</a></li>
<li class="active">title here</li>
</ol>
<h1><?php echo $image['title']; ?></h1>
<div class="row">
<div class="col-md-8">
image here
</div>
<div class="col-md-4">
<div class="panel panel-primary">
<div class="panel-body">
<p>By <a href="#">user here</a></p>
<p>Taken in <a href="#">country here</a></p>
<p>description here</p>
</div>
</div>
</div>
</div>
</div> <!-- end main content column -->
</div> <!-- end main content row -->
</div> <!-- end main content container -->
<?php include 'travel-footer.php'; ?>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap3_travelTheme/assets/js/jquery.js"></script>
<script src="bootstrap3_travelTheme/dist/js/bootstrap.min.js"></script>
<script src="bootstrap3_travelTheme/assets/js/holder.js"></script>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.