Przeglądaj źródła

HTMLのリファクタリング

kenta 6 lat temu
rodzic
commit
c4b927bc44
1 zmienionych plików z 183 dodań i 155 usunięć
  1. 183
    155
      third/town_admini_info/new_building_construction.html

+ 183
- 155
third/town_admini_info/new_building_construction.html Wyświetl plik

@@ -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>

Ładowanie…
Anuluj
Zapisz