Browse Source

HTMLのリファクタリング

kenta 6 years ago
parent
commit
749669dcbe
1 changed files with 187 additions and 167 deletions
  1. 187
    167
      third/mayor/greetings.html

+ 187
- 167
third/mayor/greetings.html View File

@@ -1,191 +1,211 @@
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
-		<link rel="stylesheet" href="../../css/mayor.css" >
14
-<script src="../../js/operation.js"></script>
15
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
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
+  <link rel="stylesheet" href="../../css/mayor.css">
14
+  <script src="../../js/operation.js"></script>
15
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
16 16
 </head>
17 17
 
18 18
 <body id="back">
19 19
 <div id="main" class="gothic">
20
-<!--セクション 操作-->
21
-<section id="operation" >
22
-<!--セクション 住所-->
23
-<article id="address" >
24
-<address id="operation_add">
25
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26
-</address>
27
-</article>
28
-<div id="controle_panel">
29
-<!--セクション 背景色-->
30
-<article id="bgcolor" >
31
-<img src="../../css/img/013.png" alt="背景色変更ボックス" />
32
-<div id="bgcolor_img">
33
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36
-</div>
37
-<script>
38
-getBackgNumber3();
39
-</script>
40
-</article>
20
+  <!--セクション 操作-->
21
+  <section id="operation">
22
+    <!--セクション 住所-->
23
+    <article id="address">
24
+      <address id="operation_add">
25
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
26
+      </address>
27
+    </article>
28
+    <div id="controle_panel">
29
+      <!--セクション 背景色-->
30
+      <article id="bgcolor">
31
+        <img src="../../css/img/013.png" alt="背景色変更ボックス"/>
32
+        <div id="bgcolor_img">
33
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(1)">
34
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(2)">
35
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground3(3)">
36
+        </div>
37
+        <script>
38
+          getBackgNumber3();
39
+        </script>
40
+      </article>
41 41
 
42
-<!--セクション 文字サイズ-->
43
-<!--<article id="charsize" >
44
-<img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45
-<div id="charsize_img">
46
-<img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47
-<img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48
-<img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49
-</div>
50
-</article>-->
42
+      <!--セクション 文字サイズ-->
43
+      <!--<article id="charsize" >
44
+      <img src="../../css/img/008.png" alt="文字サイズ変更ボックス" />
45
+      <div id="charsize_img">
46
+      <img src="../../css/img/005.png" alt="文字大きさ変更、小さい" />
47
+      <img src="../../css/img/006.png" alt="文字大きさ変更、中間" />
48
+      <img src="../../css/img/007.png" alt="文字大きさ変更、大きい" />
49
+      </div>
50
+      </article>-->
51 51
 
52
-<!--セクション サイトマップ-->
53
-<article id="sitemap" >
54
- <div id="sitemap_img">
55
-<a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
56
- </div>
57
-</article>
58
-<!--セクション お問い合わせ-->
59
-<article id="contact" >
60
- <div id="contact_img">
61
-<a href="../../third/town_admini_info/administrative_organization_chart.html"><img 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({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
72
-}
73
-</script>
74
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
75
-</div>
76
-</article>
77
-<div id="claer">
78
-</div>
79
-</div>
80
-</section>
52
+      <!--セクション サイトマップ-->
53
+      <article id="sitemap">
54
+        <div id="sitemap_img">
55
+          <a href="../../second/sitemap.html"><img src="../../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
56
+        </div>
57
+      </article>
58
+      <!--セクション お問い合わせ-->
59
+      <article id="contact">
60
+        <div id="contact_img">
61
+          <a href="../../third/town_admini_info/administrative_organization_chart.html"><img
62
+                  src="../../css/img/kitagata_support.png" alt="お問い合わせはこちらから"/></a>
63
+        </div>
64
+      </article>
65
+      <!--セクション 翻訳-->
66
+      <article id="translation">
67
+        <div id="translation_img">
68
+          <!--<img src="../../css/img/kitagata_Language.png" alt="翻訳" />-->
69
+          <div id="google_translate_element"></div>
70
+          <script type="text/javascript">
71
+            function googleTranslateElementInit() {
72
+              new google.translate.TranslateElement({
73
+                pageLanguage: 'ja',
74
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
75
+              }, 'google_translate_element');
76
+            }
77
+          </script>
78
+          <script type="text/javascript"
79
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
80
+        </div>
81
+      </article>
82
+      <div id="claer">
83
+      </div>
84
+    </div>
85
+  </section>
81 86
 
82
-			<!--ヘッダーデータ-->
83
-			<header>
84
-				<div id="header" class="gothic">
85
-					<a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
86
-					<div id="h_block_1">
87
-						<div class="h_line">
88
-						</div>
89
-						<article class="h_text_l">
90
-							<a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
91
-						</article>
92
-						<article class="h_text_l">
93
-							<a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
94
-						</article>
95
-						<article class="h_text_l">
96
-							<a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
97
-						</article>
98
-						<article class="h_text_l">
99
-							<a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
100
-						</article>
101
-					</div>
102
-					<div id="h_block_search">
103
-						<div class="h_line"></div>
104
-						<article class="h_search">
105
-			                    	<div class="space10"></div>
106
-			                    	<form action="http://www.google.com/search">
107
-				                        <input type="hidden" name="hl" value="ja" />
108
-				                        <input type="hidden" name="ie" value="UTF-8">
109
-				                        <input type="hidden" name="oe" value="UTF-8">
110
-				                        <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch" />
111
-				                        <input type="text" name="q" size="16" maxlength="256" value="" />
112
-				                        <input type="submit" name="btnG" value="検索" />
113
-			                        </form>
114
-						</article>
115
-					</div>
116
-				</div>
117
-			</header>
87
+  <!--ヘッダーデータ-->
88
+  <header>
89
+    <div id="header" class="gothic">
90
+      <a href="../../index.html"><img src="../../css/img/header_emblem.png" width="200px" height="260px"/></a>
91
+      <div id="h_block_1">
92
+        <div class="h_line">
93
+        </div>
94
+        <article class="h_text_l">
95
+          <a class="h_link" href="../../second/living.html"><span class="h_text">くらしの情報</span></a>
96
+        </article>
97
+        <article class="h_text_l">
98
+          <a class="h_link" href="../../second/tourism.html"><span class="h_text">観光</span></a>
99
+        </article>
100
+        <article class="h_text_l">
101
+          <a class="h_link" href="../../second/business.html"><span class="h_text">事業者向け情報</span></a>
102
+        </article>
103
+        <article class="h_text_l">
104
+          <a class="h_link" href="../../second/town_admini_info.html"><span class="h_text">町政情報</span></a>
105
+        </article>
106
+      </div>
107
+      <div id="h_block_search">
108
+        <div class="h_line"></div>
109
+        <article class="h_search">
110
+          <div class="space10"></div>
111
+          <form action="http://www.google.com/search">
112
+            <input type="hidden" name="hl" value="ja"/>
113
+            <input type="hidden" name="ie" value="UTF-8">
114
+            <input type="hidden" name="oe" value="UTF-8">
115
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
116
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
117
+            <input type="submit" name="btnG" value="検索"/>
118
+          </form>
119
+        </article>
120
+      </div>
121
+    </div>
122
+  </header>
118 123
 
119
-			<div id="third_body">
120
-				<!--セクション template-->
121
-				<section id="template" >
122
-					<article id="breadcrumb" >
123
-						<div id="breadcrumb_title">
124
-							<div id="breadcrumb_title_block">
125
-								<span id="breadcrumb_title"><a href="../../index.html">トップ</a>>町長の部屋>ごあいさつ</span>
126
-							</div>
127
-						</div>
128
-					</article>
129
-					<article id="template" >
130
-						<div id="template_title" class="gothic">
131
-							<div id="template_title_block">
132
-								<span id="template_title">町長の部屋</span>
133
-							</div>
134
-						</div>
135
-					</article>
136
-					<div id="mayor_buttons">
137
-						<a href="./greetings.html"><div class="mayor_button left mayor_link">ごあいさつ</div></a>
138
-						<a href="./profile.html"><div class="mayor_button left mayor_link">プロフィール</div></a>
139
-						<!--
140
-                        <a href="./message.html"><div class="mayor_button left mayor_link">120周年メッセージ</div></a>
141
-						-->
142
-											<a href="./biography.html"><div class="mayor_button left mayor_link">町長のつぶやき</div></a>
143
-					<a href="./kitagatari.html"><div class="mayor_button left mayor_link">コラム「きたがたり」</div></a>
144
-					<a href="./entertainment_expenses.html"><div class="mayor_button left mayor_link">町長交際費</div></a>
145
-											<!-- <a href="financial_disclosure.html"><div class="mayor_button left mayor_link">資産公開</div></a> -->
146
-						<div class="clear"></div>
147
-					</div>
148
-					<span class="mayor_text_top">町長挨拶</span>
149
-					<!--<div style="text-align: right; width: 680px;">北方町長 室戸 英夫</div>-->
150
-					<article style="position: relative; display: block; left: 20px; line-height: 180%; margin: 10px 0px 10px 0px; width: 680px;">
124
+  <div id="third_body">
125
+    <!--セクション template-->
126
+    <section id="template">
127
+      <article id="breadcrumb">
128
+        <div id="breadcrumb_title">
129
+          <div id="breadcrumb_title_block">
130
+            <span id="breadcrumb_title"><a href="../../index.html">トップ</a>>町長の部屋>ごあいさつ</span>
131
+          </div>
132
+        </div>
133
+      </article>
134
+      <article id="template">
135
+        <div id="template_title" class="gothic">
136
+          <div id="template_title_block">
137
+            <span id="template_title">町長の部屋</span>
138
+          </div>
139
+        </div>
140
+      </article>
141
+      <div id="mayor_buttons">
142
+        <a href="./greetings.html">
143
+          <div class="mayor_button left mayor_link">ごあいさつ</div>
144
+        </a>
145
+        <a href="./profile.html">
146
+          <div class="mayor_button left mayor_link">プロフィール</div>
147
+        </a>
148
+        <!--
149
+        <a href="./message.html"><div class="mayor_button left mayor_link">120周年メッセージ</div></a>
150
+        -->
151
+        <a href="./biography.html">
152
+          <div class="mayor_button left mayor_link">町長のつぶやき</div>
153
+        </a>
154
+        <a href="./kitagatari.html">
155
+          <div class="mayor_button left mayor_link">コラム「きたがたり」</div>
156
+        </a>
157
+        <a href="./entertainment_expenses.html">
158
+          <div class="mayor_button left mayor_link">町長交際費</div>
159
+        </a>
160
+        <!-- <a href="financial_disclosure.html"><div class="mayor_button left mayor_link">資産公開</div></a> -->
161
+        <div class="clear"></div>
162
+      </div>
163
+      <span class="mayor_text_top">町長挨拶</span>
164
+      <!--<div style="text-align: right; width: 680px;">北方町長 室戸 英夫</div>-->
165
+      <article
166
+              style="position: relative; display: block; left: 20px; line-height: 180%; margin: 10px 0px 10px 0px; width: 680px;">
151 167
 						<span>
152 168
 
153
-							 町長の戸部哲哉です。北方町のホームページにアクセスしていただき、ありがとうございます。<br />
154
-							 本町は岐阜市の西に隣接し、東西1.85km、南北4.2km、行政面積が5.17k㎡で岐阜県下では1番、全国でも9番目に狭隘な町です。人口は18,395人(平成29年5月1日現在)で、人口密度は県下一の3,558人/k㎡という大変コンパクトなまちです。<br />
155
-							 古くは平安時代に円鏡寺の門前町として、江戸時代には岐阜、大垣に次ぐ商都として栄え、明治22年の町村制の実施に伴ない北方町となってから約130年が経過しています。又、美濃の正倉院と言われる円鏡寺には文化財も数多く残されており、古き良き伝統と文化の町として歴史を育くんできました。<br />
169
+							 町長の戸部哲哉です。北方町のホームページにアクセスしていただき、ありがとうございます。<br/>
170
+							 本町は岐阜市の西に隣接し、東西1.85km、南北4.2km、行政面積が5.17k㎡で岐阜県下では1番、全国でも9番目に狭隘な町です。人口は18,395人(平成29年5月1日現在)で、人口密度は県下一の3,558人/k㎡という大変コンパクトなまちです。<br/>
171
+							 古くは平安時代に円鏡寺の門前町として、江戸時代には岐阜、大垣に次ぐ商都として栄え、明治22年の町村制の実施に伴ない北方町となってから約130年が経過しています。又、美濃の正倉院と言われる円鏡寺には文化財も数多く残されており、古き良き伝統と文化の町として歴史を育くんできました。<br/>
156 172
 							 本町では、今年度から第7次総合計画を進めています。この計画は住宅都市としての特性を生かして進めてきた「人間都市」、「公園都市」構想を更に推し進め、高齢化対策、少子化対策、子育て支援、防犯対策などに住民同士のつながりの必要性を鑑み、町の将来像は「“つながり”で築く躍動するまち 北方」と致しました。
157
-							さまざまな住民同士のつながりを生み出す仕組みをつくり、みんなの力で地域社会、地域環境、地域経済が一体となるまちづくりを推し進めることで「住んで良かったと言える町」の実現を目指します。そのため、子どもから高齢者まで全ての住民が地域の中でいきいきと暮らせる町、快適・便利に暮らせる町、人と人とのつながりが実感出来る町という三本柱の基本理念を掲げ、その実現に向けて努力して参ります。<br />
173
+							さまざまな住民同士のつながりを生み出す仕組みをつくり、みんなの力で地域社会、地域環境、地域経済が一体となるまちづくりを推し進めることで「住んで良かったと言える町」の実現を目指します。そのため、子どもから高齢者まで全ての住民が地域の中でいきいきと暮らせる町、快適・便利に暮らせる町、人と人とのつながりが実感出来る町という三本柱の基本理念を掲げ、その実現に向けて努力して参ります。<br/>
158 174
 							 また、本町においても今後の人口減少、少子高齢化の傾向は徐々にではありますが避けようのない課題となっています。持続可能な活力あるまちづくりを推進していくため、現在、町南東部で工場誘致やアグリ新産業の振興、広域交流拠点整備等の開発を進め、人口流入施策や雇用の確保などに努めているところです。これからも人と人とのつながりを大切にして温かい絆を育みながら、名実ともに「躍動するまち」の実現を目指し、誰もが住んでみたくなるような魅力ある町を創っていきます。
159 175
 							<div class="right">
160
-								<div style="text-align: center; margin:10px;"><img src="../../css/img/mayor04.jpg" /><br />
176
+								<div style="text-align: center; margin:10px;"><img
177
+                                        src="../../css/img/mayor04.jpg"/><br/>
161 178
 									<span>北方町長 戸部 哲哉 </span></div>
162 179
 								</div>
163
-							皆さんのご理解とご協力をよろしくお願いいたします。<br />
164
-							 結びに、このホームページでは北方町で生活する皆さんに大切な行政情報をお伝えするとともに、町内外に文化史跡などの情報発信をしています。有名な景勝地や観光施設はありませんが、コンパクトシティ北方町の良さを皆さんも来て見て発見して頂けたら幸いです。<br />
165
-<!--
166
-<p> このたびの北方町長選挙におきまして、みなさまのご支援を賜り、町政を担当することとなりました。町民のみなさまはじめ、各方面の方々から温かいご支援とご厚情を賜り、誠にありがとうございました。</p>
167
-<p> 本町は比較的に若者や子育て世代が多い町です。私はこの若い世代を含め、全ての町民がこの町で元気と希望にあふれ、活き活きと暮らせる町づくりを推進していきます。そして前町長と思いを共有してきた人間都市、公園都市の理念は家族で暮らすに相応しい町として質の向上を目指してきました。グリーンロードの残り区間、桜通りの整備を今年度で終え、当面予定した道路インフラは最終章を迎えます。そして待望の新庁舎が完成し、5月の連休明けより業務を開始します。</p>
180
+							皆さんのご理解とご協力をよろしくお願いいたします。<br/>
181
+							 結びに、このホームページでは北方町で生活する皆さんに大切な行政情報をお伝えするとともに、町内外に文化史跡などの情報発信をしています。有名な景勝地や観光施設はありませんが、コンパクトシティ北方町の良さを皆さんも来て見て発見して頂けたら幸いです。<br/>
182
+                          <!--
183
+                          <p> このたびの北方町長選挙におきまして、みなさまのご支援を賜り、町政を担当することとなりました。町民のみなさまはじめ、各方面の方々から温かいご支援とご厚情を賜り、誠にありがとうございました。</p>
184
+                          <p> 本町は比較的に若者や子育て世代が多い町です。私はこの若い世代を含め、全ての町民がこの町で元気と希望にあふれ、活き活きと暮らせる町づくりを推進していきます。そして前町長と思いを共有してきた人間都市、公園都市の理念は家族で暮らすに相応しい町として質の向上を目指してきました。グリーンロードの残り区間、桜通りの整備を今年度で終え、当面予定した道路インフラは最終章を迎えます。そして待望の新庁舎が完成し、5月の連休明けより業務を開始します。</p>
168 185
 
169
-<div class="right">
170
-<div style="text-align: center; margin:10px;"><img src="../../css/img/mayor03.png" /><br />
171
-<span>北方町長 戸部 哲哉 </span></div>
172
-</div>
186
+                          <div class="right">
187
+                          <div style="text-align: center; margin:10px;"><img src="../../css/img/mayor03.png" /><br />
188
+                          <span>北方町長 戸部 哲哉 </span></div>
189
+                          </div>
173 190
 
174
-<p> また、新たな取り組みとして、町南東部の調整区域82ha(当町の約6分の1に当たる)の地域再生計画を推進しています。人口減少社会を見据え、雇用と地域の開発を見込んだ「企業誘致エリア」、農地の再配分や集約、新農業政策での6次産業化を目論む「アグリ新産業エリア」、交流施設や商業、スポーツ、健康施設等賑わいのある交流空間を創出する「広域交流拠点」の3ゾーンに振り分け、土地の再活用を促進する計画です。この事業の成否は町民、地域、企業、行政が一体となって推進していかなければ事は叶いません。</p>
175
-<p> みなさまのご協力とご支援をお願いし、就任の挨拶といたします。</p>-->
191
+                          <p> また、新たな取り組みとして、町南東部の調整区域82ha(当町の約6分の1に当たる)の地域再生計画を推進しています。人口減少社会を見据え、雇用と地域の開発を見込んだ「企業誘致エリア」、農地の再配分や集約、新農業政策での6次産業化を目論む「アグリ新産業エリア」、交流施設や商業、スポーツ、健康施設等賑わいのある交流空間を創出する「広域交流拠点」の3ゾーンに振り分け、土地の再活用を促進する計画です。この事業の成否は町民、地域、企業、行政が一体となって推進していかなければ事は叶いません。</p>
192
+                          <p> みなさまのご協力とご支援をお願いし、就任の挨拶といたします。</p>-->
176 193
 			                        </span>
177
-					</article>
178
-					<div class="clear"></div>
179
-				</section>
180
-			</div>
194
+      </article>
195
+      <div class="clear"></div>
196
+    </section>
197
+  </div>
181 198
 
182
-						<footer>
183
-				<img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br />
184
-                <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>
185
-			</footer>
199
+  <footer>
200
+    <img src="../../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/><br/>
201
+    <p class="footer_text"><a href="../../second/Copyright_and_link.html">リンクと著作権</a>|<a
202
+            href="../../second/Privacy_policy.html">個人情報保護指針</a>|<a href="../../second/Barrier_free_policy.html">バリアフリーポリシー</a>
203
+    </p>
204
+  </footer>
186 205
 
187 206
 
188
-		</div>
189
-		<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?greetings" height="1" width="1" />
190
-	</body>
207
+</div>
208
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?greetings" height="1"
209
+     width="1"/>
210
+</body>
191 211
 </html>

Loading…
Cancel
Save