kitagata
/
kitagata_old
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

HTMLのリファクタリング

kenta 6 years ago
parent
4c5e849652
commit
d4be79244d
1 changed files with 153 additions and 150 deletions
Split View Show Diff Stats
  1. 153
    150
      third/mayor/kitagatari.html

+ 153
- 150
third/mayor/kitagatari.html View File 

@@ -18,31 +18,31 @@
18 18 
 </head>
19 19
20 20 
 <body id="back">
21 
-  <div id="main" class="gothic">
22 
-    <!--セクション 操作-->
23 
-    <section id="operation">
24 
-      <!--セクション 住所-->
25 
-      <article id="address">
26 
-        <address id="operation_add">
27 
-          <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
-        </address>
21 
+<div id="main" class="gothic">
22 
+  <!--セクション 操作-->
23 
+  <section id="operation">
24 
+    <!--セクション 住所-->
25 
+    <article id="address">
26 
+      <address id="operation_add">
27 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
28 
+      </address>
29 
+    </article>
30 
+    <div id="controle_panel">
31 
+      <!--セクション 背景色-->
32 
+      <article id="bgcolor">
33 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
34 
+        <div id="bgcolor_img">
35 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
38 
+        </div>
39 
+        <script>
40 
+          getBackgNumber3();
41 
+        </script>
29 42 
       </article>
30 
-      <div id="controle_panel">
31 
-        <!--セクション 背景色-->
32 
-        <article id="bgcolor">
33 
-          <img src="../../css/img/013.png" alt="背景色変更ボックス" />
34 
-          <div id="bgcolor_img">
35 
-            <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
36 
-            <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
37 
-            <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
38 
-          </div>
39 
-          <script>
40 
-            getBackgNumber3();
41 
-          </script>
42 
-        </article>
43 43
44 
-        <!--セクション 文字サイズ-->
45 
-        <!--<article id="charsize" >
44 
+      <!--セクション 文字サイズ-->
45 
+      <!--<article id="charsize" >
46 46 
 <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
47 47 
 <div id="charsize_img">
48 48 
 <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
 
@@ -51,123 +51,125 @@
51 51 
 </div>
52 52 
 </article>-->
53 53
54 
-        <!--セクション サイトマップ-->
55 
-        <article id="sitemap">
56 
-          <div id="sitemap_img">
57 
-            <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
58 
-          </div>
54 
+      <!--セクション サイトマップ-->
55 
+      <article id="sitemap">
56 
+        <div id="sitemap_img">
57 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
58 
+        </div>
59 
+      </article>
60 
+      <!--セクション お問い合わせ-->
61 
+      <article id="contact">
62 
+        <div id="contact_img">
63 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
64 
+                  src="../../css/img/kitagata_support.png"
65 
+                  alt="お問い合わせはこちらから"/></a>
66 
+        </div>
67 
+      </article>
68 
+      <!--セクション 翻訳-->
69 
+      <article id="translation">
70 
+        <div id="translation_img">
71 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
72 
+          <div id="google_translate_element"></div>
73 
+          <script type="text/javascript">
74 
+            function googleTranslateElementInit() {
75 
+              new google.translate.TranslateElement({
76 
+                pageLanguage: 'ja',
77 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
78 
+              }, 'google_translate_element');
79 
+            }
80 
+          </script>
81 
+          <script type="text/javascript"
82 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
83 
+        </div>
84 
+      </article>
85 
+      <div id="claer">
86 
+      </div>
87 
+    </div>
88 
+  </section>
89 
+
90 
+  <!--ヘッダーデータ-->
91 
+  <header>
92 
+    <div id="header" class="gothic">
93 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
94 
+      <div id="h_block_1">
95 
+        <div class="h_line">
96 
+        </div>
97 
+        <article class="h_text_l">
98 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
59 99 
         </article>
60 
-        <!--セクション お問い合わせ-->
61 
-        <article id="contact">
62 
-          <div id="contact_img">
63 
-            <a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png"
64 
-                alt="お問い合わせはこちらから" /></a>
65 
-          </div>
100 
+        <article class="h_text_l">
101 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
66 102 
         </article>
67 
-        <!--セクション 翻訳-->
68 
-        <article id="translation">
69 
-          <div id="translation_img">
70 
-            <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
71 
-            <div id="google_translate_element"></div>
72 
-            <script type="text/javascript">
73 
-              function googleTranslateElementInit() {
74 
-                new google.translate.TranslateElement({
75 
-                  pageLanguage: 'ja',
76 
-                  layout: google.translate.TranslateElement.InlineLayout.SIMPLE
77 
-                }, 'google_translate_element');
78 
-              }
79 
-            </script>
80 
-            <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
81 
-          </div>
103 
+        <article class="h_text_l">
104 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
105 
+        </article>
106 
+        <article class="h_text_l">
107 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
82 108 
         </article>
83 
-        <div id="claer">
84 
-        </div>
85 109 
       </div>
86 
-    </section>
110 
+      <div id="h_block_search">
111 
+        <div class="h_line"></div>
112 
+        <article class="h_search">
113 
+          <div class="space10"></div>
114 
+          <form action="http://www.google.com/search">
115 
+            <input type="hidden" name="hl" value="ja"/>
116 
+            <input type="hidden" name="ie" value="UTF-8">
117 
+            <input type="hidden" name="oe" value="UTF-8">
118 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
119 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
120 
+            <input type="submit" name="btnG" value="検索"/>
121 
+          </form>
122 
+        </article>
123 
+      </div>
124 
+    </div>
125 
+  </header>
87 126
88 
-    <!--ヘッダーデータ-->
89 
-    <header>
90 
-      <div id="header" class="gothic">
91 
-        <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px" /></a>
92 
-        <div id="h_block_1">
93 
-          <div class="h_line">
127 
+  <div id="third_body">
128 
+    <!--セクション template-->
129 
+    <section id="template">
130 
+      <article id="breadcrumb">
131 
+        <div id="breadcrumb_title">
132 
+          <div id="breadcrumb_title_block">
133 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>>町長の部屋>コラム「きたがたり」</span>
94 134 
           </div>
95 
-          <article class="h_text_l">
96 
-            <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
97 
-          </article>
98 
-          <article class="h_text_l">
99 
-            <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
100 
-          </article>
101 
-          <article class="h_text_l">
102 
-            <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
103 
-          </article>
104 
-          <article class="h_text_l">
105 
-            <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
106 
-          </article>
107 135 
         </div>
108 
-        <div id="h_block_search">
109 
-          <div class="h_line"></div>
110 
-          <article class="h_search">
111 
-            <div class="space10"></div>
112 
-            <form action="http://www.google.com/search">
113 
-              <input type="hidden" name="hl" value="ja" />
114 
-              <input type="hidden" name="ie" value="UTF-8">
115 
-              <input type="hidden" name="oe" value="UTF-8">
116 
-              <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
117 
-              <input type="text" name="q" size="16" maxlength="256" value="" />
118 
-              <input type="submit" name="btnG" value="検索" />
119 
-            </form>
120 
-          </article>
136 
+      </article>
137 
+      <article id="template">
138 
+        <div id="template_title" class="gothic">
139 
+          <div id="template_title_block">
140 
+            <span id="template_title">町長の部屋</span>
141 
+          </div>
121 142 
         </div>
143 
+      </article>
144 
+      <div id="mayor_buttons">
145 
+        <a href="./greetings.html">
146 
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
147 
+        </a>
148 
+        <a href="./profile.html">
149 
+          <div class="mayor_button left mayor_link">プロフィール</div>
150 
+        </a>
151 
+        <!--
152 
+                      <a href="./message.html"><div class="mayor_button left mayor_link">120周年メッセージ</div></a>
153 
+                      -->
154 
+        <a href="./biography.html">
155 
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
156 
+        </a>
157 
+        <a href="./kitagatari.html">
158 
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
159 
+        </a>
160 
+        <a href="./entertainment_expenses.html">
161 
+          <div class="mayor_button left mayor_link">町長交際費</div>
162 
+        </a>
163 
+        <!-- <a href="financial_disclosure.html"><div class="mayor_button left mayor_link">資産公開</div></a> -->
164 
+        <div class="clear"></div>
122 165 
       </div>
123 
-    </header>
124 
-
125 
-    <div id="third_body">
126 
-      <!--セクション template-->
127 
-      <section id="template">
128 
-        <article id="breadcrumb">
129 
-          <div id="breadcrumb_title">
130 
-            <div id="breadcrumb_title_block">
131 
-              <span id="breadcrumb_title"><a href="../../index.html">トップ</a>>町長の部屋>コラム「きたがたり」</span>
132 
-            </div>
133 
-          </div>
134 
-        </article>
135 
-        <article id="template">
136 
-          <div id="template_title" class="gothic">
137 
-            <div id="template_title_block">
138 
-              <span id="template_title">町長の部屋</span>
139 
-            </div>
166 
+      <article id="template_list_title">
167 
+        <div id="template_title2" class="gothic">
168 
+          <div id="template_title_block">
169 
+            <span id="template_title2">コラム「きたがたり」</span>
140 170 
           </div>
141 
-        </article>
142 
-        <div id="mayor_buttons">
143 
-          <a href="./greetings.html">
144 
-            <div class="mayor_button left mayor_link">ごあいさつ</div>
145 
-          </a>
146 
-          <a href="./profile.html">
147 
-            <div class="mayor_button left mayor_link">プロフィール</div>
148 
-          </a>
149 
-          <!--
150 
-                        <a href="./message.html"><div class="mayor_button left mayor_link">120周年メッセージ</div></a>
151 
-						-->
152 
-          <a href="./biography.html">
153 
-            <div class="mayor_button left mayor_link">町長のつぶやき</div>
154 
-          </a>
155 
-          <a href="./kitagatari.html">
156 
-            <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
157 
-          </a>
158 
-          <a href="./entertainment_expenses.html">
159 
-            <div class="mayor_button left mayor_link">町長交際費</div>
160 
-          </a>
161 
-          <!-- <a href="financial_disclosure.html"><div class="mayor_button left mayor_link">資産公開</div></a> -->
162 
-          <div class="clear"></div>
163 171 
         </div>
164 
-        <article id="template_list_title">
165 
-          <div id="template_title2" class="gothic">
166 
-            <div id="template_title_block">
167 
-              <span id="template_title2">コラム「きたがたり」</span>
168 
-            </div>
169 
-          </div>
170 
-          <span id="template_article_block">
172 
+        <span id="template_article_block">
171 173 
             <!--画像サイズは650-->
172 174 
             <h3 id="life">平成30年11月（月刊minto 2018年11月号掲載）</h3>
173 175 
             <img src="../../css/img/minto2018.11.jpg" style="margin-top:5px; width:99%;">
 
@@ -217,16 +219,16 @@
217 219 
             <img src="../../css/img/minto2016.11.jpg" style="margin-top:5px;">
218 220 
           </span>
219 221
220 
-          <!--前町長　過去のつぶやきフォーマット========================================================================================================================================================================================-->
221 
-          <!-- <article id="template_list_title" >
222 
-                                                <div id="template_title2" class="gothic">
223 
-                                                    <div id="template_title_block">
224 
-                                                        <span id="template_title2">過去のつぶやき（平成27年4月～）</span>
225 
-                                                    </div>
226 
-                                                </div>
227 
-                                                <span id="template_article_block">
222 
+        <!--前町長　過去のつぶやきフォーマット========================================================================================================================================================================================-->
223 
+        <!-- <article id="template_list_title" >
224 
+                                              <div id="template_title2" class="gothic">
225 
+                                                  <div id="template_title_block">
226 
+                                                      <span id="template_title2">過去のつぶやき（平成27年4月～）</span>
227 
+                                                  </div>
228 
+                                              </div>
229 
+                                              <span id="template_article_block">
228 230 
 <h3 id="life">平成28年1月</h3>
229 
-				<p class="attention_in">
231 
+              <p class="attention_in">
230 232 
 <span style="margin-left: 1em">今や携帯電話は生活必需品となりました。メカ音痴の私でさえスマホが手放せません。<br />
231 233 
 <span style="margin-left: 0em">バスや電車の乗り物も医院の待合室も町中で出会う人も、時には運転中の人までも携帯電話をかけたり覗いたりしています。<br />
232 234 
 <span style="margin-left: 1em">しかし、本当に必要なことや要件での使用でしょうか？<br />
 
@@ -236,21 +238,22 @@
236 238 
 <br />
237 239 
 <span style="margin-left: 0em">「一通の手紙には、十通の電話に勝る優しさがある」と言ったのは作家の渡辺淳一さんでした。<br />
238 240 
 <span style="margin-left: 1em">今年は、一通でも多くの手紙を書こうと思います。<br />
239 
-				</p>
240 
-			</span>-->
241 
-        </article>
242 
-      </section>
243 
-    </div>
241 
+              </p>
242 
+          </span>-->
243 
+      </article>
244 
+    </section>
245 
+  </div>
244 246
245 
-    <footer>
246 
-      <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町" /><br />
247 
-      <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
248 
-          href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
249 
-    </footer>
247 
+  <footer>
248 
+    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
249 
+    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
250 
+            href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a
251 
+            href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
252 
+  </footer>
250 253
251 254
252 
-  </div>
253 
-  <img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?essay" height="1" width="1" />
255 
+</div>
256 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?essay" height="1" width="1"/>
254 257 
 </body>
255 258
256 259 
 </html>

Write Preview
Loading…
Cancel
Save