FC2のHP再レビーと再構築を開始!!

ペライチを使ったHP「健歩会[首都圏]簡便サイト」で終了で「無い」
プルダウンが使える「無料HP」に挑戦したい!!

そこで、
◆ホームページ作成ツールを無料もありで18個も!もう制作会社を頼らない。

等で情報をキャッチした。

<狙い>
構築し体験しないと、評価も出来ないのですよ!!
アホな低能人は、作れないで「ツッコミ」のみだよね。
HPが作れる人は、黙って相手の作成を見守り、テクニックの助言を的確に行ってくれる。

論より、試行錯誤で、挑戦する事にした。

プルダウンが使えるか?

登録して放置していたFC2のHP再レビー開始した。

(1)現在の画面

(2)編集中のファイル:kenhokai.html
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>FC2ホームページ - 無料ホームページスペース</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
    <!-- アイコンフォントの利用方法 http://fortawesome.github.io/Font-Awesome/ -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <style>
        body {
            background: #fff;
            color: #444;
            font-size: 16px;
            font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, Arial, 'MS Pゴシック', sans-serif;
            line-height: 1.42857;
        }

        a:link {
            color: #04c;
            text-decoration: none;
        }

        a:hover {
            color: #f00;
            text-decoration: none;
        }

        a:visited {
            color: #999;
            text-decoration: none;
        }
        /* ヘッダー */

        .header {
            z-index: 100;
            padding: 24px 0;
            width: 100%;
            border-bottom: #ccd1d9 solid 1px;
            background: #fff;
            color: #333;
            text-align: center;
        }

        .header-title {
            margin: 0;
            font-size: 2.4em;
        }

        .header-description {
            color: #999;
        }
        /* ナビゲーション */

        .nav {
            z-index: 100;
            padding: 12px 0;
            width: 100%;
            background: #fff;
            text-align: center;
        }

        .nav-group {
            margin: 0;
            padding: 0;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .nav-group > li {
            margin: 0;
            padding: 0 12px;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
        }

        .nav-group > li a {
            display: block;
            padding: 6px 12px;
            color: #333;
            text-decoration: none;
        }

        .nav-group > li a:hover {
            color: #999;
        }

        .nav-group > li a.active {
            border-bottom: #333 solid 2px;
            color: #999;
        }
        /* メインイメージ */

**********

この記事へのコメント