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
b9102f6f74
commit
c4b927bc44
1 changed files with 183 additions and 155 deletions
Split View Show Diff Stats
  1. 183
    155
      third/town_admini_info/new_building_construction.html

+ 183
- 155
third/town_admini_info/new_building_construction.html View File 

@@ -1,177 +1,205 @@
1 1 
 <!doctype html>
2 2 
 <html lang="ja">
3 
-	<head>
4 
-		<meta charset="utf-8">
5 
-		<title>北方町ホームページ</title>
6 
-		<link rel="stylesheet" href="../../css/base.css">
7 
-		<link rel="stylesheet" href="../../css/second_header.css">
8 
-		<link rel="stylesheet" href="../../css/footer.css">
9 
-		<link rel="stylesheet" href="../../css/section.css">
10 
-		<link rel="stylesheet" href="../../css/third_template.css" >
11 
-		<link rel="stylesheet" href="../../css/table.css" >
12 
-		<link rel="stylesheet" href="../../css/pageview.css" >
13 
-	<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 
-<script src="../../js/operation.js"></script>
3 
+<head>
4 
+  <meta charset="utf-8">
5 
+  <title>北方町ホームページ</title>
6 
+  <link rel="stylesheet" href="../../css/base.css">
7 
+  <link rel="stylesheet" href="../../css/second_header.css">
8 
+  <link rel="stylesheet" href="../../css/footer.css">
9 
+  <link rel="stylesheet" href="../../css/section.css">
10 
+  <link rel="stylesheet" href="../../css/third_template.css">
11 
+  <link rel="stylesheet" href="../../css/table.css">
12 
+  <link rel="stylesheet" href="../../css/pageview.css">
13 
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 
+  <script src="../../js/operation.js"></script>
15 15 
 </head>
16 16
17 17 
 <body id="back">
18 18 
 <div id="main" class="gothic">
19 
-<!--セクション 操作-->
20 
-<section id="operation" >
21 
-<!--セクション 住所-->
22 
-<article id="address" >
23 
-<address id="operation_add">
24 
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
25 
-</address>
26 
-</article>
27 
-<div id="controle_panel">
28 
-<!--セクション 背景色-->
29 
-<article id="bgcolor" >
30 
-<img src="../../css/img/013.png" alt="背景色変更ボックス" />
31 
-<div id="bgcolor_img">
32 
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
33 
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
34 
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
35 
-</div>
36 
-<script>
37 
-getBackgNumber3();
38 
-</script>
39 
-</article>
19 
+  <!--セクション 操作-->
20 
+  <section id="operation">
21 
+    <!--セクション 住所-->
22 
+    <article id="address">
23 
+      <address id="operation_add">
24 
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
25 
+      </address>
26 
+    </article>
27 
+    <div id="controle_panel">
28 
+      <!--セクション 背景色-->
29 
+      <article id="bgcolor">
30 
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
31 
+        <div id="bgcolor_img">
32 
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
33 
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
34 
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
35 
+        </div>
36 
+        <script>
37 
+          getBackgNumber3();
38 
+        </script>
39 
+      </article>
40 40
41 
-<!--セクション 文字サイズ-->
42 
-<!--<article id="charsize" >
43 
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
44 
-<div id="charsize_img">
45 
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
46 
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
47 
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
48 
-</div>
49 
-</article>-->
41 
+      <!--セクション 文字サイズ-->
42 
+      <!--<article id="charsize" >
43 
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
44 
+      <div id="charsize_img">
45 
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
46 
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
47 
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
48 
+      </div>
49 
+      </article>-->
50 50
51 
-<!--セクション サイトマップ-->
52 
-<article id="sitemap" >
53 
- <div id="sitemap_img">
54 
-<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
55 
- </div>
56 
-</article>
57 
-<!--セクション お問い合わせ-->
58 
-<article id="contact" >
59 
- <div id="contact_img">
60 
-<a href="../../third/town_admini_info/administrative_organization_chart.html"><img src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
61 
- </div>
62 
-</article>
63 
-<!--セクション 翻訳-->
64 
-<article id="translation" >
65 
-<div id="translation_img">
66 
-<!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
67 
-<div id="google_translate_element"></div>
68 
-<script type="text/javascript">
69 
-function googleTranslateElementInit() {
70 
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
71 
-}
72 
-</script>
73 
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
74 
-</div>
75 
-</article>
76 
-<div id="claer">
77 
-</div>
78 
-</div>
79 
-</section>
51 
+      <!--セクション サイトマップ-->
52 
+      <article id="sitemap">
53 
+        <div id="sitemap_img">
54 
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
55 
+        </div>
56 
+      </article>
57 
+      <!--セクション お問い合わせ-->
58 
+      <article id="contact">
59 
+        <div id="contact_img">
60 
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
61 
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
62 
+        </div>
63 
+      </article>
64 
+      <!--セクション 翻訳-->
65 
+      <article id="translation">
66 
+        <div id="translation_img">
67 
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
68 
+          <div id="google_translate_element"></div>
69 
+          <script type="text/javascript">
70 
+            function googleTranslateElementInit() {
71 
+              new google.translate.TranslateElement({
72 
+                pageLanguage: 'ja',
73 
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
74 
+              }, 'google_translate_element');
75 
+            }
76 
+          </script>
77 
+          <script type="text/javascript"
78 
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
79 
+        </div>
80 
+      </article>
81 
+      <div id="claer">
82 
+      </div>
83 
+    </div>
84 
+  </section>
80 85
81 
-			<!--ヘッダーデータ-->
82 
-			<header>
83 
-				<div id="header" class="gothic">
84 
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
85 
-					<div id="h_block_1">
86 
-						<div class="h_line">
87 
-						</div>
88 
-						<article class="h_text_l">
89 
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
90 
-						</article>
91 
-						<article class="h_text_l">
92 
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
93 
-						</article>
94 
-						<article class="h_text_l">
95 
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
96 
-						</article>
97 
-						<article class="h_text_l">
98 
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
99 
-						</article>
100 
-					</div>
101 
-					<div id="h_block_search">
102 
-						<div class="h_line"></div>
103 
-						<article class="h_search">
104 
-			                    	<div class="space10"></div>
105 
-			                    	<form action="http://www.google.com/search">
106 
-				                        <input type="hidden" name="hl" value="ja" />
107 
-				                        <input type="hidden" name="ie" value="UTF-8">
108 
-				                        <input type="hidden" name="oe" value="UTF-8">
109 
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
110 
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
111 
-				                        <input type="submit" name="btnG" value="検索" />
112 
-			                        </form>
113 
-						</article>
114 
-					</div>
115 
-				</div>
116 
-			</header>
86 
+  <!--ヘッダーデータ-->
87 
+  <header>
88 
+    <div id="header" class="gothic">
89 
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
90 
+      <div id="h_block_1">
91 
+        <div class="h_line">
92 
+        </div>
93 
+        <article class="h_text_l">
94 
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
95 
+        </article>
96 
+        <article class="h_text_l">
97 
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
98 
+        </article>
99 
+        <article class="h_text_l">
100 
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
101 
+        </article>
102 
+        <article class="h_text_l">
103 
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
104 
+        </article>
105 
+      </div>
106 
+      <div id="h_block_search">
107 
+        <div class="h_line"></div>
108 
+        <article class="h_search">
109 
+          <div class="space10"></div>
110 
+          <form action="http://www.google.com/search">
111 
+            <input type="hidden" name="hl" value="ja"/>
112 
+            <input type="hidden" name="ie" value="UTF-8">
113 
+            <input type="hidden" name="oe" value="UTF-8">
114 
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
115 
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
116 
+            <input type="submit" name="btnG" value="検索"/>
117 
+          </form>
118 
+        </article>
119 
+      </div>
120 
+    </div>
121 
+  </header>
117 122
118 
-			<div id="third_body">
119 
-				<!--セクション template-->
120 
-				<section id="template" >
121 
-					<article id="breadcrumb" >
122 
-						<div id="breadcrumb_title">
123 
-							<div id="breadcrumb_title_block">
124 
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>>新庁舎建設</span>
125 
-							</div>
126 
-						</div>
127 
-					</article>
128 
-					<article id="template" >
129 
-						<div id="template_title" class="gothic">
130 
-							<div id="template_title_block">
131 
-								<span id="template_title">新庁舎建設</span>
132 
-							</div>
133 
-						</div>
134 
-						<span id="template_article_block">
123 
+  <div id="third_body">
124 
+    <!--セクション template-->
125 
+    <section id="template">
126 
+      <article id="breadcrumb">
127 
+        <div id="breadcrumb_title">
128 
+          <div id="breadcrumb_title_block">
129 
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>><a href="../../second/town_admini_info.html">町政情報</a>>新庁舎建設</span>
130 
+          </div>
131 
+        </div>
132 
+      </article>
133 
+      <article id="template">
134 
+        <div id="template_title" class="gothic">
135 
+          <div id="template_title_block">
136 
+            <span id="template_title">新庁舎建設</span>
137 
+          </div>
138 
+        </div>
139 
+        <span id="template_article_block">
135 140 
     <p class="paragraphT10">
136 141 
                         	<ul style="list-style-type: none">
137 
-                                  <li id="access">●<a href="../../fourth/town_admini_info/new_building_construction/New_building_construction.html">新庁舎建設</a></li>
138 
-                                  <li id="access">●<a href="../../fourth/town_admini_info/new_building_construction/New_building_construction_basic_plan.html">新庁舎建設基本計画</a></li>
139 
-                                  <li id="access">●<a href="../../fourth/town_admini_info/new_building_construction/New_building_architectural_design_proposal.html">新庁舎建設設計プロポーザル</a></li>
140 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Construction_work_will_begin.html">新庁舎の建設工事が始まります。</a></li>
141 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Groundbreaking_ceremony.html">起工式を行いました。</a></li>
142 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work.html">新庁舎等建設工事の状況をお知らせします。（平成27年2月）</a></li>
143 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1503.html">新庁舎等建設工事の状況をお知らせします。（平成27年3月）</a></li>
144 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1504.html">新庁舎等建設工事の状況をお知らせします。（平成27年4月）</a></li>
145 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1505.html">新庁舎等建設工事の状況をお知らせします。（平成27年5月）</a></li>
146 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1506.html">新庁舎等建設工事の状況をお知らせします。（平成27年6月）</a></li>
147 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1507.html">新庁舎等建設工事の状況をお知らせします。（平成27年7月）</a></li>
148 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1508.html">新庁舎等建設工事の状況をお知らせします。（平成27年8月）</a></li>
149 
-                                  <li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1509.html">新庁舎等建設工事の状況をお知らせします。（平成27年9月）</a></li>
150 
-																	<li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1510.html">新庁舎等建設工事の状況をお知らせします。（平成27年10月）</a></li>
151 
-																	<li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1511.html">新庁舎等建設工事の状況をお知らせします。（平成27年11月）</a></li>
152 
-																	<li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1512.html">新庁舎等建設工事の状況をお知らせします。（平成27年12月）</a></li>
142 
+                                  <li id="access">●<a
143 
+                                          href="../../fourth/town_admini_info/new_building_construction/New_building_construction.html">新庁舎建設</a></li>
144 
+                                  <li id="access">●<a
145 
+                                          href="../../fourth/town_admini_info/new_building_construction/New_building_construction_basic_plan.html">新庁舎建設基本計画</a></li>
146 
+                                  <li id="access">●<a
147 
+                                          href="../../fourth/town_admini_info/new_building_construction/New_building_architectural_design_proposal.html">新庁舎建設設計プロポーザル</a></li>
148 
+                                  <li id="access">〇<a
149 
+                                          href="../../fourth/town_admini_info/new_building_construction/Construction_work_will_begin.html">新庁舎の建設工事が始まります。</a></li>
150 
+                                  <li id="access">〇<a
151 
+                                          href="../../fourth/town_admini_info/new_building_construction/Groundbreaking_ceremony.html">起工式を行いました。</a></li>
152 
+                                  <li id="access">〇<a
153 
+                                          href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work.html">新庁舎等建設工事の状況をお知らせします。（平成27年2月）</a></li>
154 
+                                  <li id="access">〇<a
155 
+                                          href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1503.html">新庁舎等建設工事の状況をお知らせします。（平成27年3月）</a></li>
156 
+                                  <li id="access">〇<a
157 
+                                          href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1504.html">新庁舎等建設工事の状況をお知らせします。（平成27年4月）</a></li>
158 
+                                  <li id="access">〇<a
159 
+                                          href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1505.html">新庁舎等建設工事の状況をお知らせします。（平成27年5月）</a></li>
160 
+                                  <li id="access">〇<a
161 
+                                          href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1506.html">新庁舎等建設工事の状況をお知らせします。（平成27年6月）</a></li>
162 
+                                  <li id="access">〇<a
163 
+                                          href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1507.html">新庁舎等建設工事の状況をお知らせします。（平成27年7月）</a></li>
164 
+                                  <li id="access">〇<a
165 
+                                          href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1508.html">新庁舎等建設工事の状況をお知らせします。（平成27年8月）</a></li>
166 
+                                  <li id="access">〇<a
167 
+                                          href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1509.html">新庁舎等建設工事の状況をお知らせします。（平成27年9月）</a></li>
168 
+																	<li id="access">〇<a
169 
+                                                                            href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1510.html">新庁舎等建設工事の状況をお知らせします。（平成27年10月）</a></li>
170 
+																	<li id="access">〇<a
171 
+                                                                            href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1511.html">新庁舎等建設工事の状況をお知らせします。（平成27年11月）</a></li>
172 
+																	<li id="access">〇<a
173 
+                                                                            href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1512.html">新庁舎等建設工事の状況をお知らせします。（平成27年12月）</a></li>
153 174
154 
-																	<li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1601.html">新庁舎等建設工事の状況をお知らせします。（平成28年1月）</a></li>
155 
-																	<li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1602.html">新庁舎等建設工事の状況をお知らせします。（平成28年2月）</a></li>
156 
-																	<li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1603.html">新庁舎等建設工事の状況をお知らせします。（平成28年3月）</a></li>
157 
-																	<li id="access">〇<a href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1604.html">新庁舎等建設工事の状況をお知らせします。（平成28年4月）</a></li>
175 
+																	<li id="access">〇<a
176 
+                                                                            href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1601.html">新庁舎等建設工事の状況をお知らせします。（平成28年1月）</a></li>
177 
+																	<li id="access">〇<a
178 
+                                                                            href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1602.html">新庁舎等建設工事の状況をお知らせします。（平成28年2月）</a></li>
179 
+																	<li id="access">〇<a
180 
+                                                                            href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1603.html">新庁舎等建設工事の状況をお知らせします。（平成28年3月）</a></li>
181 
+																	<li id="access">〇<a
182 
+                                                                            href="../../fourth/town_admini_info/new_building_construction/Situation_of_construction_work_1604.html">新庁舎等建設工事の状況をお知らせします。（平成28年4月）</a></li>
158 183 
 		                      </ul>
159 
-<br />
184 
+<br/>
160 185 
 				<figure>
161 
-					<img src="../../css/img/H261029_New_building_Perth.jpg" id="center" />
186 
+					<img src="../../css/img/H261029_New_building_Perth.jpg" id="center"/>
162 187 
 					<figcaption style="text-align: center">北方町新庁舎</figcaption>
163 188 
 				</figure>
164 189
165 
-				</section>
166 
-			</div>
190 
+    </section>
191 
+  </div>
167 192
168 
-						<footer>
169 
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
170 
-                <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
171 
-			</footer>
193 
+  <footer>
194 
+    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
195 
+    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>｜<a
196 
+            href="../../second/Privacy_policy.html">個人情報保護指針</a>｜<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
197 
+    </p>
198 
+  </footer>
172 199
173 200
174 
-		</div>
175 
-		<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?new_building_construction" height="1" width="1" />
176 
-	</body>
201 
+</div>
202 
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?new_building_construction"
203 
+     height="1" width="1"/>
204 
+</body>
177 205 
 </html>

Write Preview
Loading…
Cancel
Save