WC · Lecture Note
Lecture 3 (2 Sep 2015)
<!DOCTYPE HTML>
<html>
<head>
<title> HTML5 </title>
<meta charset = UTF-8”>
<style>
h1{text-align:center; font-family:verdana;}
h3{color:blue;}
h2{color:green; text-align:right;}
aside{ float:right;
display:block;
border-width:1;
border-style:dashed;
width: 50px;
height: 50px;
}
article.a{ border-style:solid; border-color:#008550;}
article.b{ border-style:solid; border-color:pink;}
header{background-image:url("file:bk.png");}
</style>
</head>
</html>
<body>
<header>
<a name="top"> </a>
<h1> My Topics </h1>
<h2 style="font-size:500%"> 2 Sep 2015 </h2>
<hr/ width=250>
<hgroup>
<h3> Travel Korea </h3>
<h2> 2 Sep 2015 </h2>
</hgroup>
<h5> 2 Sep 2015 </h5>
</header>
<aside>
<b> Hello </b>
<ol>
<li> Feed Cat </li>
<li> Wash Car </li>
</ol>
</aside>
<article class="a">
<h2>First day in Korea</h2>
<b> Korea trip start at 1 Oct 2013 </b>
<section style="background-color:gray;"> Suwannaphom international airport (BKK) </section>
<section style="background-color:#515151;"> inchone internation air port </section>
</article>
<br/>
<article class="b">
<h2>First day in Korea</h2>
<b> Korea trip start at 1 Oct 2013
, we will meet at suwannaphom
international airport (BKK)
and to inchone internation
air port </b>
</article>
<footer>
<br/>
<p style="text-align:center; background-image:url('file:bk.png');"> Copyright (c) 2015 by SWU </p>
<nav>
<a href="https://www.facebook.com"> My facebook </a>
<img src=mail.png width=20 height=10>
<a href="mailto:supakitnootyaskool@gmail.com"> contact us </a>
</nav>
<br/>
<p>The <abbr title="Uninterrupt Power Supply"> UPS </abbr>
uses for supplying electrical for devices" </p>
<a href="#top">UP! </a>
</footer>
</body>
</html>
Lecture 8 Laravel Route View (21 Oct 2015)
//////////////////////////////////////////
//////////////Route.php///////////////////
//////////////////////////////////////////
Route::get('/', function()
{
return View::make('hello');
});
Route::get('/home', function()
{
for($i=0; $i<10; $i++)
echo "hello world <br>";
return View::make('master');
});
Route::get('/newhome', function()
{
return View::make('home');
});
Route::get('/friend1', function()
{
return View::make('content1');
});
Route::get('/friend2', function()
{
return View::make('content2');
});
//////////////////////////////////////////
//////////// View/Content1.php////////////
//////////////////////////////////////////
@extends('master')
@section('content')
<div class="well">
This is Home zone
<img src="pictures/Jellyfish.jpg" width="200">
</div>
@stop
//////////////////////////////////////////
//////////// View/content2.blade.php//////
//////////////////////////////////////////
@extends('master')
@section('content')
<div class="well">
This is Home zone
<img src="pictures/Penguins.jpg" width="200">
</div>
@stop
//////////////////////////////////////////
//////////// View/home.blade.php//////////
//////////////////////////////////////////
@extends('master')
@section('content')
<div class="well">
This is Home zone
<img src="pictures/Desert.jpg" width="200">
</div>
@stop
//////////////////////////////////////////
//////////// View/master.blade.php////////
//////////////////////////////////////////
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html, charset=UTF-8"/>
<title> Intro to Master Blade </title>
<link rel="stylesheet" type="text/css" href="{{asset('css/bootstrap.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/bootstrap-theme.min.css')}}">
<script src="{{asset('js/bootstrap.js')}}"> </script>
</head>
<body>
@include('pageheader')
<a href="newhome"> Newhome </a> |
<a href="friend1"> Friend1 </a> |
<a href="friend2"> Friend2 </a> |
Home <br>
@yield('content')
Content1 <br>
Content2 <br>
@include('pagefooter')
</body>
</html>
//////////////////////////////////////////
//////////// View/pagefooter.blade.php////
//////////////////////////////////////////
<!-- Start: pagefooter -->
<hr>
copyright(c) 2015 contact us <i> abc@hotmail.com </i>
<!--End: pagefooter -->
//////////////////////////////////////////
//////////// View/pageheader.blade.php////
//////////////////////////////////////////
<!-- Start:: pageheader -->
<h1> Koala's page
<img src="pictures/Koala.jpg" width="50" >
</h1>
<!-- End: pageheader -->