Просмотр исходного кода

HTMLのリファクタリング3

kenta 5 лет назад
Родитель
Сommit
54eba8d758
2 измененных файлов: 204 добавлений и 187 удалений
  1. 200
    181
      second/Welfare.html
  2. 4
    6
      third/living/Social_welfare_council.html

+ 200
- 181
second/Welfare.html Просмотреть файл

@@ -1,262 +1,281 @@
1 1
 <!doctype html>
2 2
 <html lang="ja">
3
-	<head>
4
-		<meta charset="utf-8">
5
-		<title>福祉 北方町ホームページ</title>
6
-        <!--くらしの情報-->
7
-		<link rel="stylesheet" href="../css/base.css">
8
-		<link rel="stylesheet" href="../css/second_header.css">
9
-		<link rel="stylesheet" href="../css/footer.css">
10
-		<link rel="stylesheet" href="../css/section.css">
11
-		<link rel="stylesheet" href="../css/second_body.css" >
12
-<script src="../js/operation.js"></script>
13
-<meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
3
+<head>
4
+  <meta charset="utf-8">
5
+  <title>福祉 北方町ホームページ</title>
6
+  <!--くらしの情報-->
7
+  <link rel="stylesheet" href="../css/base.css">
8
+  <link rel="stylesheet" href="../css/second_header.css">
9
+  <link rel="stylesheet" href="../css/footer.css">
10
+  <link rel="stylesheet" href="../css/section.css">
11
+  <link rel="stylesheet" href="../css/second_body.css">
12
+  <script src="../js/operation.js"></script>
13
+  <meta name="google-translate-customization" content="45643f5d79d6e245-283971e7754d7b90-g905c6e6b6867bf2f-2f"></meta>
14 14
 </head>
15 15
 
16 16
 <body id="back">
17 17
 <div id="main" class="gothic">
18
-<!--セクション 操作-->
19
-<section id="operation" >
20
-<!--セクション 住所-->
21
-<article id="address" >
22
-<address id="operation_add">
23
-<span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24
-</address>
25
-</article>
26
-<div id="controle_panel">
27
-<!--セクション 背景色-->
28
-<article id="bgcolor" >
29
-<img src="../css/img/013.png" alt="背景色変更ボックス" />
30
-<div id="bgcolor_img">
31
-<input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
32
-<input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
33
-<input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
34
-</div>
35
-<script>
36
-getBackgNumber2();
37
-</script>
38
-</article>
18
+  <!--セクション 操作-->
19
+  <section id="operation">
20
+    <!--セクション 住所-->
21
+    <article id="address">
22
+      <address id="operation_add">
23
+        <span>北方町役場</span><span> 〒501-0492</span><span> 岐阜県本巣郡北方町長谷川1丁目1番地</span><span> TEL:058-323-1111(代)</span>
24
+      </address>
25
+    </article>
26
+    <div id="controle_panel">
27
+      <!--セクション 背景色-->
28
+      <article id="bgcolor">
29
+        <img src="../css/img/013.png" alt="背景色変更ボックス"/>
30
+        <div id="bgcolor_img">
31
+          <input id="button1" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(1)">
32
+          <input id="button2" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(2)">
33
+          <input id="button3" width="29px" height="28px" value=" " alt=" " type="image" onClick="setBackground2(3)">
34
+        </div>
35
+        <script>
36
+          getBackgNumber2();
37
+        </script>
38
+      </article>
39 39
 
40
-<!--セクション 文字サイズ-->
41
-<!--<article id="charsize" >
42
-<img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
43
-<div id="charsize_img">
44
-<img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
45
-<img src="../css/img/006.png" alt="文字大きさ変更、中間" />
46
-<img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
47
-</div>
48
-</article>-->
40
+      <!--セクション 文字サイズ-->
41
+      <!--<article id="charsize" >
42
+      <img src="../css/img/008.png" alt="文字サイズ変更ボックス" />
43
+      <div id="charsize_img">
44
+      <img src="../css/img/005.png" alt="文字大きさ変更、小さい" />
45
+      <img src="../css/img/006.png" alt="文字大きさ変更、中間" />
46
+      <img src="../css/img/007.png" alt="文字大きさ変更、大きい" />
47
+      </div>
48
+      </article>-->
49 49
 
50
-<!--セクション サイトマップ-->
51
-<article id="sitemap" >
52
- <div id="sitemap_img">
53
-<a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ" /></a>
54
- </div>
55
-</article>
56
-<!--セクション お問い合わせ-->
57
-<article id="contact" >
58
- <div id="contact_img">
59
-<a href="../third/town_admini_info/administrative_organization_chart.html"><img src="../css/img/kitagata_support.png" alt="お問い合わせはこちらから" /></a>
60
- </div>
61
-</article>
62
-<!--セクション 翻訳-->
63
-<article id="translation" >
64
-<div id="translation_img">
65
-<!--<img src="../css/img/kitagata_Language.png" alt="翻訳" />-->
66
-<div id="google_translate_element"></div>
67
-<script type="text/javascript">
68
-function googleTranslateElementInit() {
69
-new google.translate.TranslateElement({pageLanguage: 'ja', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
70
-}
71
-</script>
72
-<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
73
-</div>
74
-</article>
75
-<div id="claer">
76
-</div>
77
-</div>
78
-</section>
50
+      <!--セクション サイトマップ-->
51
+      <article id="sitemap">
52
+        <div id="sitemap_img">
53
+          <a href="../second/sitemap.html"><img src="../css/img/kitagata_sitemap.png" alt="サイトマップ"/></a>
54
+        </div>
55
+      </article>
56
+      <!--セクション お問い合わせ-->
57
+      <article id="contact">
58
+        <div id="contact_img">
59
+          <a href="../third/town_admini_info/administrative_organization_chart.html"><img
60
+                  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({
71
+                pageLanguage: 'ja',
72
+                layout: google.translate.TranslateElement.InlineLayout.SIMPLE
73
+              }, 'google_translate_element');
74
+            }
75
+          </script>
76
+          <script type="text/javascript"
77
+                  src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
78
+        </div>
79
+      </article>
80
+      <div id="claer">
81
+      </div>
82
+    </div>
83
+  </section>
79 84
 
80 85
 
81
-			<!--ヘッダーデータ-->
82
-			<header>
83
-			<div id="header" class="gothic">
84
-				<a href="../index.html">
85
-                <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
86
-                </a>
87
-				<div id="h_block_1">
88
-                    <div class="h_line">
89
-                    </div>
90
-                    <article class="h_text_l">
91
-                        <a class="h_link" href="../second/living.html">
92
-                            <span class="h_text">くらしの情報</span></a>
93
-                    </article>
94
-                    <article class="h_text_l">
95
-                        <a class="h_link" href="../second/tourism.html">
96
-                            <span class="h_text">観光</span></a>
97
-                    </article>
98
-                    <article class="h_text_l">
99
-                        <a class="h_link" href="../second/business.html">
100
-                            <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">
104
-                            <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>
86
+  <!--ヘッダーデータ-->
87
+  <header>
88
+    <div id="header" class="gothic">
89
+      <a href="../index.html">
90
+        <img src="../css/img/header_emblem.png" width="200px" height="260px"/>
91
+      </a>
92
+      <div id="h_block_1">
93
+        <div class="h_line">
94
+        </div>
95
+        <article class="h_text_l">
96
+          <a class="h_link" href="../second/living.html">
97
+            <span class="h_text">くらしの情報</span></a>
98
+        </article>
99
+        <article class="h_text_l">
100
+          <a class="h_link" href="../second/tourism.html">
101
+            <span class="h_text">観光</span></a>
102
+        </article>
103
+        <article class="h_text_l">
104
+          <a class="h_link" href="../second/business.html">
105
+            <span class="h_text">事業者向け情報</span></a>
106
+        </article>
107
+        <article class="h_text_l">
108
+          <a class="h_link" href="../second/town_admini_info.html">
109
+            <span class="h_text">町政情報</span></a>
110
+        </article>
111
+      </div>
112
+      <div id="h_block_search">
113
+        <div class="h_line"></div>
114
+        <article class="h_search">
115
+          <div class="space10"></div>
116
+          <form action="http://www.google.com/search">
117
+            <input type="hidden" name="hl" value="ja"/>
118
+            <input type="hidden" name="ie" value="UTF-8">
119
+            <input type="hidden" name="oe" value="UTF-8">
120
+            <input type="hidden" value="www.town.kitagata.gifu.jp" name="as_sitesearch"/>
121
+            <input type="text" name="q" size="16" maxlength="256" value=""/>
122
+            <input type="submit" name="btnG" value="検索"/>
123
+          </form>
119 124
 
120
-                    </article>
121
-                </div>
122
-			</div>
123
-			</header>
125
+        </article>
126
+      </div>
127
+    </div>
128
+  </header>
124 129
 
125
-			<div >
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>><a href="./living.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>
140
-						</div>
141
-					</article>
142
-					<article id="template_list_title3" >
143
-						<div id="template_title3" class="gothic">
144
-							<div id="template_title_block">
145
-								<span class="template_icon left">-</span><span id="template_title3"><a name="anc1">福祉</a></span>
146
-							</div>
147
-						</div>
148
-						<span id="template_article_block">
130
+  <div>
131
+    <!--セクション template-->
132
+    <section id="template">
133
+      <article id="breadcrumb">
134
+        <div id="breadcrumb_title">
135
+          <div id="breadcrumb_title_block">
136
+            <span id="breadcrumb_title"><a href="../index.html">トップ</a>><a href="./living.html">くらしの情報</a>>福祉</span>
137
+          </div>
138
+        </div>
139
+      </article>
140
+      <article id="template">
141
+        <div id="template_title" class="gothic">
142
+          <div id="template_title_block">
143
+            <span id="template_title">くらしの情報</span>
144
+          </div>
145
+        </div>
146
+      </article>
147
+      <article id="template_list_title3">
148
+        <div id="template_title3" class="gothic">
149
+          <div id="template_title_block">
150
+            <span class="template_icon left">-</span><span id="template_title3"><a name="anc1">福祉</a></span>
151
+          </div>
152
+        </div>
153
+        <span id="template_article_block">
149 154
           					<div class="left">
150 155
           						<div class="template_list">
151 156
 								<span class="template_list">
152
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
157
+              							<span class="template_list_img left"><img
158
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
153 159
                         		<a href="../third/living/Welfare_of_the_aged.html">
154
-                                老人福祉</a></span><br />
160
+                                老人福祉</a></span><br/>
155 161
                         				    	<span class="clear"></span>
156 162
           						</div>
157 163
           						<div class="template_list">
158 164
 								<span class="template_list">
159
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
165
+              							<span class="template_list_img left"><img
166
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
160 167
                         		<a href="../third/living/Welfare_for_the_disabled.html">
161
-                                障がい者福祉</a></span><br />
168
+                                障がい者福祉</a></span><br/>
162 169
                         				    	<span class="clear"></span>
163 170
           						</div>
164 171
           						<div class="template_list">
165 172
 								<span class="template_list">
166
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
173
+              							<span class="template_list_img left"><img
174
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
167 175
                         		<a href="../third/living/Mother_and_faher_and_child_Welfare.html">
168
-                                母子・父子福祉</a></span><br />
176
+                                母子・父子福祉</a></span><br/>
169 177
                         				    	<span class="clear"></span>
170 178
           						</div>
171 179
           						<div class="template_list">
172 180
 								<span class="template_list">
173
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
181
+              							<span class="template_list_img left"><img
182
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
174 183
                         		<a href="../third/living/Child_welfare.html">
175
-                                児童福祉</a></span><br />
184
+                                児童福祉</a></span><br/>
176 185
                         				    	<span class="clear"></span>
177 186
           						</div>
178 187
           						<div class="template_list">
179 188
 								<span class="template_list">
180
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
189
+              							<span class="template_list_img left"><img
190
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
181 191
                         		<a href="../third/living/Child_care_support_Corner.html">
182
-                                子育て支援コーナー:のびのび子育て</a></span><br />
192
+                                子育て支援コーナー:のびのび子育て</a></span><br/>
183 193
                         				    	<span class="clear"></span>
184 194
           						</div>
185 195
                                 <div class="template_list">
186 196
 								<span class="template_list">
187
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
197
+              							<span class="template_list_img left"><img
198
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
188 199
                         		<a href="../third/living/Welfare_Benefits.html">
189
-                                臨時福祉給付金、<br />子育て世帯臨時特例給付金について</a></span><br />
200
+                                臨時福祉給付金、<br/>子育て世帯臨時特例給付金について</a></span><br/>
190 201
                         				    	<span class="clear"></span>
191 202
           						</div>
192 203
           						<div class="template_list">
193 204
 								<span class="template_list">
194
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
205
+              							<span class="template_list_img left"><img
206
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
195 207
                         		<a href="../third/living/Business_plan.html">
196
-                                事業計画</a></span><br />
208
+                                事業計画</a></span><br/>
197 209
                         				    	<span class="clear"></span>
198 210
           						</div>
199 211
 						</div>
200
-<!--=======================================================================================================================================-->
212
+          <!--=======================================================================================================================================-->
201 213
 						<div class="right">
202 214
           						<div class="template_list">
203 215
 								<span class="template_list">
204
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
216
+              							<span class="template_list_img left"><img
217
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
205 218
                         		<a href="../third/living/Welfare.html">
206
-                                生活保護</a></span><br />
219
+                                生活保護</a></span><br/>
207 220
                         				    	<span class="clear"></span>
208 221
           						</div>
209 222
           						<div class="template_list">
210 223
 								<span class="template_list">
211
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
224
+              							<span class="template_list_img left"><img
225
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
212 226
                         		<a href="../third/living/Inquiry_counter.html">
213
-                                相談窓口</a></span><br />
227
+                                相談窓口</a></span><br/>
214 228
                         				    	<span class="clear"></span>
215 229
           						</div>
216 230
           						<div class="template_list">
217 231
 								<span class="template_list">
218
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
232
+              							<span class="template_list_img left"><img
233
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
219 234
                         		<a href="../third/living/Social_welfare_council.html">
220
-                                社会福祉協議会</a></span><br />
235
+                                社会福祉協議会</a></span><br/>
221 236
                         				    	<span class="clear"></span>
222 237
           						</div>
223 238
           						<div class="template_list">
224 239
 								<span class="template_list">
225
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
240
+              							<span class="template_list_img left"><img
241
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
226 242
                         		<a href="../css/pdf/motosu_iryou_kaigo_map.pdf" target="_blank">
227
-                                もとす地域医療・介護連携マップ</a></span><br />
228
-                        				    	<span class="clear"></span>
229
-          						</div>
230
-                                <!--
231
-          						<div class="template_list">
232
-								<span class="template_list">
233
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
234
-                        		<a href="../third/living/Child_welfare_facility.html">
235
-                                児童福祉施設</a></span><br />
243
+                                もとす地域医療・介護連携マップ</a></span><br/>
236 244
                         				    	<span class="clear"></span>
237 245
           						</div>
238
-                                -->
246
+                          <!--
247
+                            <div class="template_list">
248
+                          <span class="template_list">
249
+                                    <span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
250
+                          <a href="../third/living/Child_welfare_facility.html">
251
+                          児童福祉施設</a></span><br />
252
+                                          <span class="clear"></span>
253
+                            </div>
254
+                          -->
239 255
           						<div class="template_list">
240 256
 								<span class="template_list">
241
-              							<span class="template_list_img left"><img src="../css/img/smallbutton_secondfloor.png" /></span>
257
+              							<span class="template_list_img left"><img
258
+                                                src="../css/img/smallbutton_secondfloor.png"/></span>
242 259
                         		<a href="../css/pdf/hotcafe.pdf" target="_blank">
243
-                                ホッと・カフェ</a></span><br />
260
+                                ホッと・カフェ</a></span><br/>
244 261
                         				    	<span class="clear"></span>
245 262
           						</div>
246 263
 						</div>
247 264
 						<div class="clear"></div>
248 265
 						</span>
249
-					</article>
250
-				</section>
251
-			</div>
266
+      </article>
267
+    </section>
268
+  </div>
252 269
 
253
-			<footer>
254
-				<img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
255
-			<br />
256
-                <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>
257
-			</footer>
270
+  <footer>
271
+    <img src="../css/img/kitagatafooter.png" width="920px" height="80px" alt="北方町"/>
272
+    <br/>
273
+    <p class="footer_text"><a href="../second/Copyright_and_link.html">リンクと著作権</a>|<a
274
+            href="../second/Privacy_policy.html">個人情報保護指針</a>|<a
275
+            href="../second/Barrier_free_policy.html">バリアフリーポリシー</a></p>
276
+  </footer>
258 277
 
259
-		</div>
260
-	<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare" height="1" width="1" />
261
-	</body>
278
+</div>
279
+<img class="cgipageview" src="http://www.town.kitagata.gifu.jp/cgi-bin/pcount/pcount.cgi?Welfare" height="1" width="1"/>
280
+</body>
262 281
 </html>

+ 4
- 6
third/living/Social_welfare_council.html Просмотреть файл

@@ -141,18 +141,16 @@
141 141
         <span id="template_article_block">
142 142
     <ul>
143 143
       <li id="access"><a href="http://kitagatashakyo.or.jp/" target="_blank" title="北方町社会福祉協議会(別ウインドウ表示)">北方町社会福祉協議会(別ウインドウ表示)</a></li>
144
-      <li id="access"><a href="../../fourth/living/Kitagata_Home_helper_station.html">北方町ホームヘルパーステーション</a></li>
144
+      <!--<li id="access"><a href="../../fourth/living/Kitagata_Home_helper_station.html">北方町ホームヘルパーステーション</a></li>-->
145 145
       <li id="access"><a
146 146
               href="../../fourth/living/Kitagata_Designers_service_center.html">北方町デイサービスセンター円苑(まどかえん)</a></li>
147 147
       <!--<li id="access"><a href="../../fourth/living/Kitagata_Commissioned_care_support_center.html">北方町居宅介護支援センター</a></li>-->
148 148
       <li id="access"><a href="../../fourth/living/Kitagata_Support_center.html">北方町いきいき支援センターまどか</a></li>
149
-      <li id="access"><a
150
-              href="../../fourth/living/Kitagata_Community_activity_support_center.html">北方町障がい福祉サービス事業所もちの木</a></li>
149
+      <!--<li id="access"><a href="../../fourth/living/Kitagata_Community_activity_support_center.html">北方町障がい福祉サービス事業所もちの木</a></li>-->
151 150
       <li id="access"><a
152 151
               href="../../fourth/living/Kitagata_Welfare_Center_for_the_Aged.html">北方町老人福祉センター(北方町福祉会館)</a></li>
153
-			<li id="access"><a
154
-                    href="../../fourth/living/Kitagata_Commissioned_care_support_center.html">北方町居宅介護支援センター</a></li>
155
-	  </ul>
152
+      <!--<li id="access"><a href="../../fourth/living/Kitagata_Commissioned_care_support_center.html">北方町居宅介護支援センター</a></li>-->
153
+    </ul>
156 154
 						</span>
157 155
       </article>
158 156
       <article id="template_list_title">

Загрузка…
Отмена
Сохранить