HTMLフレームワーク・HTML WRITER
HTMLはそのままに、コメントアウトタイプタグの追加で、
データベースと連動したページが作成できます。
<!--%head-->
<!--%action="pagePankuzu.jsp" level="1" name="ホーム" join="" topname="ホーム" tophref="/index.jsp"--><!--/%action-->
<!--/%head-->
<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--$box-->
<!--@meta-->
<title><!--title/--></title>
<meta name="description" content="<!--desc/-->">
<!--/@meta-->
<!--/$box-->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/font.css" />
<link rel="stylesheet" href="css/icon.css" />
<link rel="stylesheet" href="css/outline.css" />
<link rel="stylesheet" href="css/top.css" />
<script src="js/jquery.min.js"></script>
<!--SLIDER{-->
<link href="js/slick/slick-theme.css" rel="stylesheet" type="text/css">
<link href="js/slick/slick.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/slick/slick.min.js"></script>
<script>
$(function(){
$('.slider').each(function(){
$(this).slick({
autoplay:true,
autoplaySpeed:5000,
dots:true,
});
});
});
</script>
<!--}SLIDER-->
</head>
<body>
<main>
<div class="wrap">
<!--$box-->
<!--@spikey-->
<ul class="cover slider">
<!--//-->
<!--img--><li><img src="img/cover.jpg"></li><!--/img-->
<!--//-->
</ul>
<!--/@spikey-->
<!--/$box-->
<div class="spikey">
<h1>ヘッドレスCMS "SPIKEY DATABOX" </h1>
<p>
データ構成は自由に定義して、<br class="sp">
ロジック機能などを組み合わせて<br class="sp">
独自のCMSを構築できます。<br>
HTMLフレームワークでデザインも思いのまま。
</p>
<p>
</div>
<div class="writer">
<a class="webpub" href="https://web-pub.spikey.jp/index.jsp" target="_blank">
<h2>HTMLフレームワーク「WEB-PUB・ウェブパブ」</h2>
<p>HTMLはそのままにタグの追加でDBと連動したページが作成</p>
</a>
<a class="webtmp" href="index.jsp?pub.pram=html" target="_blank">
HTML
</a>
</div>
<!--$box-->
<!--@products-->
<div class="products">
<h1><img src="img/products.png"></h1>
<h2>スパイキー・ウェブプロダクト</h2>
<ul>
<!--//-->
<li style="background-image:url(<!--pict/-->); background-size: cover;">
<a href="<!--href/-->" target="_blank">
<!--name--><h3>サイト名</h3><!--/name-->
<!--cmnt--><p>サイト説明</p><!--/cmnt-->
</a>
</li>
<!--//-->
</ul>
</div>
<!--/@products-->
<!--/$box-->
</div>
</main>
<footer id="footer">
<div class="wrap">
<div class="copy">Powered by Cloud ON SPIKE.</div>
<div class="logo"><img src="/img/spikey.png"></div>
</div>
</footer>
</body>
</html>
<!--%action="pagePankuzu.jsp" level="1" name="ホーム" join="" topname="ホーム" tophref="/index.jsp"--><!--/%action-->
<!--/%head-->
<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--$box-->
<!--@meta-->
<title><!--title/--></title>
<meta name="description" content="<!--desc/-->">
<!--/@meta-->
<!--/$box-->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/font.css" />
<link rel="stylesheet" href="css/icon.css" />
<link rel="stylesheet" href="css/outline.css" />
<link rel="stylesheet" href="css/top.css" />
<script src="js/jquery.min.js"></script>
<!--SLIDER{-->
<link href="js/slick/slick-theme.css" rel="stylesheet" type="text/css">
<link href="js/slick/slick.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/slick/slick.min.js"></script>
<script>
$(function(){
$('.slider').each(function(){
$(this).slick({
autoplay:true,
autoplaySpeed:5000,
dots:true,
});
});
});
</script>
<!--}SLIDER-->
</head>
<body>
<main>
<div class="wrap">
<!--$box-->
<!--@spikey-->
<ul class="cover slider">
<!--//-->
<!--img--><li><img src="img/cover.jpg"></li><!--/img-->
<!--//-->
</ul>
<!--/@spikey-->
<!--/$box-->
<div class="spikey">
<h1>ヘッドレスCMS "SPIKEY DATABOX" </h1>
<p>
データ構成は自由に定義して、<br class="sp">
ロジック機能などを組み合わせて<br class="sp">
独自のCMSを構築できます。<br>
HTMLフレームワークでデザインも思いのまま。
</p>
<p>
</div>
<div class="writer">
<a class="webpub" href="https://web-pub.spikey.jp/index.jsp" target="_blank">
<h2>HTMLフレームワーク「WEB-PUB・ウェブパブ」</h2>
<p>HTMLはそのままにタグの追加でDBと連動したページが作成</p>
</a>
<a class="webtmp" href="index.jsp?pub.pram=html" target="_blank">
HTML
</a>
</div>
<!--$box-->
<!--@products-->
<div class="products">
<h1><img src="img/products.png"></h1>
<h2>スパイキー・ウェブプロダクト</h2>
<ul>
<!--//-->
<li style="background-image:url(<!--pict/-->); background-size: cover;">
<a href="<!--href/-->" target="_blank">
<!--name--><h3>サイト名</h3><!--/name-->
<!--cmnt--><p>サイト説明</p><!--/cmnt-->
</a>
</li>
<!--//-->
</ul>
</div>
<!--/@products-->
<!--/$box-->
</div>
</main>
<footer id="footer">
<div class="wrap">
<div class="copy">Powered by Cloud ON SPIKE.</div>
<div class="logo"><img src="/img/spikey.png"></div>
</div>
</footer>
</body>
</html>