六回目ーー実践、なろうホームページ参考、HTMLファイルーー
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>プログラムを作ろう！</title>
<link rel="stylesheet" href="ホームページ作成.css">
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="URL">
<img src="URL">
</a>
</div>
<p class="keitai"><a href="URL">◆ケータイ版はこちら</a></p>
<p class="setumei">プログラムを作ろう！ は私、049がゲームを作るまでの日々と学んだ記録を綴る淡々とした物語である。</p>
<div class="header-list">
<ul>
<li><a href="URL">TOP</a></li>
<li><a href="URL">ランキング</a></li>
<li><a href="URL">ヘルプ</a></li>
<li><a href="URL">公式ブログ</a></li>
<li><a href="URL">プログラム検索</a></li>
<li><a href="URL">プログラマーになろう</a></li>
<li><a href="URL"><span>ユーザー登録</span></a></li>
<li><a href="URL">ログイン</a></li>
</ul>
</div>
</div>
<div class="main">
<div class="koukoku">
<a href="URL">ゲームを作るにはプログラム！ RPGツクールもあるよ！</a>
</div>
<div class="sub-zentai">
<div class="sub">
<div class="sub-box">
<div class="jikkou-kikaku">
<div class="jikkou-title">サイト概要</div>
</div>
<ul class="link-list">
<li><a href="URL">サイトについて</a></li>
<li><a href="URL">マニュアル</a></li>
</ul>
</div>
<div class="search">
<p>キーワードを入力</p>
<input class="keyword-nyuuryoku">
<p>ジャンル</p>
<input class="genre">
<p>種別</p>
<input class="syubetu">
<input type="submit" value="検索" class="button">
</div>
<div class="sub-box">
<div class="jikkou-kikaku">
<div class="jikkou-title">特殊検索</div>
</div>
<ul class="link-list">
<li><a href="URL">未評価作品</a></li>
<li><a href="URL">未感想作品</a></li>
<li><a href="URL">平均点順作者</a></li>
<li><a href="URL">閲覧履歴</a></li>
</ul>
</div>
</div>
<div class="sub-box">
<div class="jikkou-kikaku">
<div class="jikkou-title">QRコード</div>
</div>
<div class="QR">
<a href="URL">
<p>プログラムを作ろう！携帯版</p>
<img scr="URL">
<p>URLを携帯に送信</p>
</a>
</div>
</div>
</div>
<div class="center">
<div class="main-ue">
<div class="keyword">
<div class="jikkou-title">
人気キーワードから探す
<a href="URL" class="sonota"><span>→その他の人気キーワードから探す</span></a>
</div>
<div class="keyword-list">
<a href="URL">HTML&CSS</a>
<a href="URL">C言語</a>
<a href="URL">Java</a>
<a href="URL">JavaScript</a>
<a href="URL">Ruby</a>
<a href="URL">Python</a>
</div>
</div>
<img src="URL" class="koukoku-naka">
<img scr="URL" class="koukoku-sita">
</div>
</div>
<div class="pickup">
<div class="main-box">
<div class="jikkou-title">プログラムPickUp!<a href="URL">［？］</a></div>
<ul>
<li>
<a href="URL">
<h4 class="program-title1">素人の私がプログラマーになる！</h4>
<p>作：049／継続中／プログラミング〔HTML&CSS〕</p>
<div class="naiyou">
ズブな素人な049がHTML&CSSから学び始め、プログラミング以外にも関連するものに手を出し、最終的にフリーソフトを完成させ販売するまでの道のりを淡々と綴る物語
</div>
</a>
</li>
<li>
<a href="URL">
<h4 class="program-title1">○○</h4>
<p>作：○○／継続中／プログラミング〔C言語〕</p>
<div class="naiyou">
○○
</div>
</a>
</li>
<li>
<a href="URL">
<h4 class="program-title1">○○</h4>
<p>作：○○／完成済／プログラミング〔RPG〕</p>
<div class="naiyou">
○○
</div>
</a>
</li>
<li>
<a href="URL">
<h4 class="program-title1">○○</h4>
<p>作：○○／継続中／プログラミング〔ファンタジー〕</p>
<div class="naiyou">
○○
</div>
</a>
</li>
</ul>
<div class="pickup-log"><a href="URL">≫PickUp一覧</a></div>
</div>
</div>
<div class="sougou-kikaku">
<div class="jikkou-box">
<div class="title-jikkou">
<div class="jikkou-title">実行中の企画</div>
</div>
<div class="koumoku-kikaku">
<ul>
<li><a href="URL">手始めにHTML&CSSを学ぶ</a></li>
<li><a href="URL">ゲームを作る為にRPGツクールを使う</a></li>
<li><a href="URL">休憩に小説も書く(シナリオ練習)</a></li>
<li><a href="URL">目指せ！ フリーソフト</a></li>
</ul>
</div>
</div>
<div class="jikkou-box">
<div class="title-jikkou">
<div class="jikkou-title">公式企画</div>
</div>
<div class="koumoku-kikaku">
<ul>
<li><a href="URL">クリスマスイベント</a></li>
<li><a href="URL">冬の感謝祭</a></li>
<li><a href="URL">プログラマーになりたい人！</a></li>
<li><a href="URL">年末イベント予告</a></li>
</ul>
</div>
<div class="kako-kikaku"><a href="URL">これまでの公式企画一覧</a></div>
</div>
<a href="URL" class="houkoku">049活動報告</a>
<div class="jikkou-box">
<div class="title-jikkou">
<div class="jikkou-title">新着レビュー</div>
</div>
<a href="URL" class="review">
<span class="jikan">2018/12/15 11:00</span>
<h4 class="kansou">○○</h4>
<p class="review-nusi">名無しの権兵衛</p>
<p class="title">タイトル:<span>△△</span></p>
</a>
<a href="URL" class="review">
<span class="jikan">2018/12/15 10:00</span>
<h4 class="kansou">○○</h4>
<p class="review-nusi">ジョン・スミス</p>
<p class="title">タイトル:<span>□□</span></p>
</a>
<a href="URL" class="review">
<span class="jikan">2018/12/15 9:00</span>
<h4 class="kansou">○○</h4>
<p class="review-nusi">ジョン・ドゥ</p>
<p class="title">タイトル:<span>××</span></p>
</a>
<div class="itiran"><a href="URL">レビュー一覧</a></div>
</div>
<div class="jikkou-box">
<div class="title-jikkou">
<div class="jikkou-title">関連サイト</div>
</div>
<div class="zentai">
▼交流サイト
<div class="box">
<a href="URL">○○</a>
<p>○○運営</p>
</div>
<div class="box">
<a href="URL">○○</a>
<p>△△運営</p>
</div>
▼利用サイト
<div class="box">
<a href="URL">○○</a>
<p>○○運営</p>
</div>
<div class="box">
<a href="URL">○○</a>
<p>△△運営</p>
</div>
▼紹介サイト
<div class="box">
<a href="URL">○○</a>
<p>○○運営</p>
</div>
<div class="box">
<a href="URL">○○</a>
<p>△△運営</p>
</div>
※すべて外部サイトです。
</div>
</div>
<div class="jikkou-box">
<div class="title-jikkou">
<div class="jikkou-title">グループ</div>
</div>
<ul>
<li>
<a href="URL" class="group">
<img src="URL">
</a>
</li>
</ul>
<div class="itiran"><a href="URL">レビュー一覧</a></div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-list">
<ul>
<li>プログラムを作ろう！</li>
<li>公式ブログ</li>
<li>運営者</li>
<li>お問い合わせ</li>
<li>プログラマーになろう</li>
<li>ヘルプ</li>
<li>利用規約</li>
<li>プライバシーポリシー</li>
<li>なろうデベロッパー</li>
</ul>
<p>©049project.</p>
</div>
</div>
