8/15授業(メモ)

web/授業 
<?php
$a = round(123.456,1);
echo $a
?>
    • roundは小数点を四捨五入。round(数値,桁数)で数値を桁数でまるめる。
<?php
$a = '東京都豊島区池袋';
$b = mb_strpos($a,'都');
echo mb_substr($a, $b+1);
?>

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>コウベデュカ</title>
<meta name="viewport" content="width=device-width"/>
<meta name="format-detection" content="telephone=no"/>
<link rel="apple-touch-icon" href="img/ico_home.png">
<link rel="stylesheet" href="css/iphone.css" media="screen" />
</head>

<body>
<header class="global-header">
<img src="img/logo.png" alt="コウベデュカ" class="logo"/>
<h1 class="page-heading">kobe dukkahへようこそ</h1>
</header>
<div class="block">
<img src="img/img_dining.jpg" class="image-right" alt=""/>
<p>スパイスの街で洋館の街、神戸。</p>
<p>街の風景と写真をお送りします。</p>
</div>

<section class="block">
<h1 class="block-heading">デュカ</h1>
<p>中東料理でよく使われる香辛料です。</p>
<p>ほのかにするあまい香りと辛さがコカインに似た刺激を持ち合わせています。</p>
</section>

<section class="block">
<h1 class="block-heading">スパイス</h1>
<figure class="image-left">
<img src="img/img_spice.jpg"/>
<figcaption>クミン</figcaption>
</figure>
<p>夏の暑い時期に食べると元気が出ます。</p>
<p>おいしいですが、辛味が強く大量に食べると危険です。</p>
</section>

<section class="block">
<h1 class="block-heading">ナッツ</h1>
<figure class="image-left">
<figcaption>カシューナッツ</figcaption>
</figure>
<p>ナッツは歯ごたえがよくしっかりとした味をしています。</p>
<p>ミネラルが多く含まれていて、栄養補給に最適です。</p>
<div class="nav-reference"><a href="nut.html">デュカで使われるナッツ</a></div>
</section>
<footer class="global-footer">
<p><small class="copyright">kobe dyuka</small></p>
</footer>
<script type="text/javascript" src="js/iphone.js"></script>
</body>
</html>
  • 作成途中（川口のタウン情報へ変更予定）
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>川口の歩道橋からの写真</title>
<meta name="viewport" content="width=device-width">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/iphone.css" media="screen">
</head>

<body>
<header class="global-header"><img src="img/logo.png" alt="" class="logo"/>
<p class="introduction">大切な舞台公演を<br/>
華やかなお花を<br/>
お届けします。</p>
<div class="header-bar">
<h1>お祝いの花のお店</h1>
</div>
</header>
<nav class="news">
<ul class="anim-ticker">
<li><a href="#">母の日</a></li>
<li><a href="#">送料無料</a></li>
<li><a href="#">お祝い</a></li>
</ul>
</nav>
<section class="recommend block">
<h2 class="section-heading">おすすめ商品</h2>
<ul>
<li class="anim-flip-font">
<a href="#">
<dl>
<dt><img src="img/#" class="product-image" alt="#"></dt>
<dd>バレエ</dd>
<dd>55円</dd>
</dl>
</a>
</li>
<li class="anim-flip-back">
<a href="#">
<dl class="product-image-recommend">
<dt><img src="#" class="product-image" alt="#"></dt>
<dd>バレエ</dd>
<dd>78円</dd>
</dl>
</a>
</li>
</ul>
</section>
<nav class="nav-category">
<h2 class="section-heading">商品カテゴリー</h2>
<ul>
<li class="nav-category-ballet"><a href="#">バレエ</a></li>
<li class="nav-category-flamenco"><a href="#">フラメンコ</a></li>
<li class="nav-category-huladance"><a href="#">フラダンス</a></li>
</ul>
</nav>
<section class="comment block">
<h2 class="section-heading">コンセプト</h2>
<p>舞台に立つ人は</p>
</section>

<footer class="global-footer">
<nav class="nav-about">
<ul>
<li><a href="#">質問</li>
<li><a href="#">質問</li>
<li><a href="#">質問</li>
<li><a href="#">質問</li>
</ul>
</nav>
<p class="copyright"><small>Copyright&copy;2010</small></p>
</footer>
<script type="text/javascript" src="js/iphone.js">
</body>
</html>