[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[OSASK 00076] トップページの HTML
- From: "FORM-Akkie" <akkiesoft !Atmark! marokun.net>
- Date: Thu, 20 Dec 2007 14:59:56 +0900
このメールは、以下のOSASK-ML投稿フォームから書き込まれた内容です。
http://osask.marokun.net/form/
お名前: M
はじめまして。
僕はいろいろな意味で初心者です。
僕自身はOSASK計画がいったいどのようなものなのかは実は良く分かっていないのですが、これはとてもすごい計画であると思います。
しかし、その紹介ページのHTMLがあまり文法的によくないのではないかと思い(2007年12月19日の時点での)トップページのHTMLを改変してみました。(改変理由は文法的に正しければより多くの環境で利用できると考えたからです。)
文法チェックは、Another HTML-lint(http://openlab.ring.gr.jp/k16/htmllint/index.html)で行い、点数は99点でした。
また、コメントのほとんどはきちんと改変しておらず、一部のコメントはこちらの都合により勝手に削除させてもらいました。
なお、表示のチェックは firefox2.* でしました。
二箇所ほど修正したほうがいいと思われる部分を見つけました。
・「"目次(常連者向け・ダウンロード関係)"の"OSASK伝言板(他サイトへのリンク:リアルタイム更新)"に3つだけ紹介する」とありますが実際は2つです。
・「"目次(初心者向け・紹介関係)"の"OSASKの動作画面写真"に"ダウンロードはこちらへ。"」とありますが、"こちら"の部分にリンクを張るのはユニバーサリティの観点から見てあまり好ましくはないと思われます。
以下はスタイルシートを使用したトップページの案です。よろしければお使いください。
(上記の修正したほうがよいと思われる項目は改変していません)
(いろいろと偉そうな物言いをしている気がするので謝ります。)
-----------index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Language" content="ja-jp">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>OSASK/index</title>
<link rel="stylesheet" href="basis.css" type="text/css">
<link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
<div lang="en">
Here are only <strong>Japanese</strong> contents. <span class="hereAddress">http://osask.jp/</span> subdomain-list:<a href="http://wiki.osask.jp/?osask.jp";>http://wiki.osask.jp/?osask.jp</a>
><strong>Korean</strong>:<A href="http://www.osask.com/"; target="_blank">http://www.osask.com/</a> (under construction)
</div>
<hr>
<div>
<h1>OSASK計画</h1>
<strong>− 僕たちが作っている夢いっぱいのOS −</strong>
</div>
<hr>
<div class="block">
<div class="blockInside">
<h2 id="INDEX0"><span class="contents">目次</span>(初心者向け・紹介関係)</h2>
<dl>
<dt>
<span class="bigHeadline"><a href="picat47.html">OSASKの動作画面写真</a></span><span class="renewal">(2004/12/29更新)</span>
</dt>
<dd>
OSASK/AT ver.4.7を実行している時の画面が見られます。ダウンロードは<a href="#INDEX1">こちら</a>へ。
</dd>
<dt>
<a href="projects.html" class="heading">OSASK計画とは？</a><span class="renewal">(2005/06/21更新)</span>
</dt>
<dd>
OSASK計画はたくさんの<em>サブプロジェクト</em>を抱えるようになりました。その紹介ページです。一部のサブプロジェクトは、OS本体よりも有名になっています。
</dd>
<dt>
<a href="osask_qa.html" class="heading">川合の「OSASK Q＆A」</a><span class="renewal">(2001/10/15更新)</span>
</dt>
<dd>
質問されることが多い項目を適当にまとめてみました。OSASKってなに？という初心者の方はこちらへどうぞ。
</dd>
<dt>
<a href="os_design.html" class="heading">川合の「OSASKの開発方針」</a><span class="renewal">(2001/10/14更新)</span>
</dt>
<dd>
OSASKがどういうOSであるかを説明しています。<em>「OSASK Q＆A」</em>ではものたりないという中級者向けです。
</dd>
<dt>
<a href="reason.html" class="heading">新規にOSを作りはじめた理由</a><span class="renewal">(2001/07/09更新)</span>
</dt>
<dd>
なぜ既存のOSをベースに開発しなかったのか、その疑問に答えます。これも内容の程度は中級者向けです。
</dd>
<dt>
<a href="osask_oa.html" class="heading">川合の「OSASKへの意見と回答」</a><span class="renewal">(2002/01/05更新)</span>
</dt>
<dd>
OSASKに対する批判的な意見や鋭い質問を集めました。川合の見解と共に紹介しています。
</dd>
<dt>
<a href="filesystem.html" class="heading">OSASKのファイルシステム</a><span class="renewal">(2003/03/21更新)</span>
</dt>
<dd>
OSASKのファイルシステムを紹介しています。内容は中級者向けです。
</dd>
</dl>
</div>
</div>
<div class="block">
<div class="blockInside">
<div>
<h2 id="INDEX1"><span class="contents">目次</span>(常連者向け・ダウンロード関係)</h2>
</div>
<dl>
<dt>
<a href="download.html" class="bigHeadline">OSASKダウンロード</a>(毎月更新)<span class="renewal">(2005/01/08更新)</span>
</dt>
<dd>
OSASKがダウンロードできます(AT互換機版、TOWNS版、NEC98版)。最新版はver.4.7です。
</dd>
<dt>
<a href="http://wiki.osask.jp/"; class="heading">OSASK-Wiki</a><span class="otherSite">(他サイトへのリンク:リアルタイム更新)</span>
</dt>
<dd>
OSASKに関するWikiです。最新情報を入手するのにかなり使えます。コミュニティのみんながメンテナンスしています。Wikiですが、書き換え・書き込みの際には<a href="http://wiki.osask.jp/?SitePolicy";>ローカルルール</a>があるので、読むだけじゃ満足できない人は、まずそれを読んでください。
</dd>
<dt>
<a href="memo.html" class="heading">川合の「OSASKメモ」</a>(毎週更新)<span class="renewal">(2003/08/29更新)</span>
</dt>
<dd>
<a href="http://wiki.osask.jp/?OSASK-ML";>OSASK-ML</a>上の話題を僕の主観でまとめたものです。OSASK計画の進行状況がつかめます。
</dd>
<dt>
<a href="download2.html" class="heading">OSASKアプリケーションダウンロード</a><span class="renewal">(2002/04/20更新)</span>
</dt>
<dd>
OSASK用アプリケーションがダウンロードできます。韓国語フォントもあります。
</dd>
<dt>
<a href="plan.html" class="heading">川合の「OSASK開発予想」</a><span class="renewal">(2003/04/27更新)</span>
</dt>
<dd>
OSASK計画の短期的な目安です。予定ではなく"予想"ですから、何の前触れもなく変更されることがあります(笑)。
開発コードネームの紹介もしています。旧バージョンの簡単な紹介もしています。
</dd>
<dt>
<a href="developers.html" class="heading">開発者向けページ</a><span class="renewal">(2003/11/13更新)</span>[整備中]
</dt>
<dd>
OSASK用アプリケーションの開発に必要なツールや資料を集めました。OSASK開発の際に作成したツールなどもダウンロードできます。
</dd>
<dt>
<a href="boyaki.html" class="heading">川合の「ぼやき」</a><span class="renewal">(2004/09/26更新)</span>
</dt>
<dd>
OSASKを作っているときに感じたことをだらだら書いているだけです。でも少しは役に立つことが書いてあるかもしれません。
</dd>
<dt>
<a href="kyujin.html" class="heading">川合の「求人リスト」</a><span class="renewal">(2002/01/21更新)</span>
</dt>
<dd>
OSASKの開発のためにどんなことを手伝ってほしいと思っているかをまとめてみました。
</dd>
<dt>
<span class="heading2 heading">OSASK伝言板</span>(他サイトへのリンク:リアルタイム更新)
</dt>
<dd>
OSASKに関する掲示板です。いろいろあります。ここでは川合秀実が推奨している順序で3つだけ紹介します。
お好きなものを選んでお使いください。どれも投稿した内容は<a href="http://wiki.osask.jp/?OSASK-ML";>OSASK-ML</a>にも反映されます。
<ol>
<li>
<a href="http://koya.marokun.net/";>あっきぃさん</a>の<a href="http://osask.marokun.net/form/"; title="あっきぃさんのOSASK伝言板">OSASK伝言板</a>
</li>
<li>
<a href="http://www2.hideyosi.com/";>hideyosiさん</a>の<a href="http://www2.hideyosi.com/~hideyosi_m/form/"; title="hideyosiさんのOSASK伝言板">OSASK伝言板</a>
</li>
<!--
<li>
<b>2.<a href="http://zslash.s5.xrea.com/";>ZAKKYさん</a>の<a href="http://zslash.s5.xrea.com/osask/board/";>OSASK伝言板</a></b>
</li>
<li>
<b>3.<a href="http://www.imasy.org/~mone/";>伊藤さん</a>の<a href="http://www.imasy.org/~mone/osask/index.cgi";>OSASK伝言板</a>(使用不能)</b>
</li>
-->
</ol>
<div class="block">
<div class="blockInside">
最近僕(川合秀実)宛てのメールでOSASKへの質問、意見、要望、動作報告、OSASKリンクへの情報などを知らせてくれる人がたくさんいまして、それはもちろんありがたいのですが、量が増えすぎてお返事を書く時間で開発時間がかなり削られています(読むのはほとんど支障ありません)。
申し訳ありませんが僕へのメールは原則としてプライバシーの問題などで公開できないような内容のものだけにしてください。
<strong class="please">普通の内容のものは、このOSASK伝言板かOSASK-MLにお願いします！</strong>(2ちゃんねるのOSASKスレッドでも可)。
普通の内容でメールをいただいてもお返事できるまでに1週間〜1年くらいかかりますので、そのつもりでいてください。
OSASK伝言板やOSASK-MLなら僕以外の人の目にもとまり、より充実したお返事がもらえます。
ご理解とご協力をお願いいたします。
</div>
</div>
<!--
<table border="3"><tr><th><font size="+1">↑復旧したので、いつも通り書き込んでください。</font></th></tr></table>-->
<!--
<table border="3"><tr><th><font size="+1">↑現在障害発生中です。書き込みを控えてください。OSASK-MLは通常通り利用できます。</font></th></tr></table>-->
<!--<h3>復旧したので、いつも通り書き込んでください。</h3>-->
</dd>
<dt>
<a href="http://zslash.s5.xrea.com/os/osask/mllog.html"; class="heading">OSASK-MLのログ目録ページ</a><span class="otherSite">(他サイトへのリンク)</span>
</dt>
<dd>
<a href="http://wiki.osask.jp/?OSASK-ML";>OSASK-ML</a>の配信を受けていてもいなくても、投稿された内容を自由に閲覧できます。リアルタイム更新のweb版と毎月更新のアーカイブファイルの両方が用意されています。<em>ログからの検索もできます。</em>ZAKKYさんと伊藤さんが管理してくれています。
<!--<h3>4/23 PM11:00からはアクセスを控えてください。</h3>-->
</dd>
</dl>
</div>
</div>
<div class="block">
<div class="blockInside">
<div>
<h2 id="INDEX2"><span class="contents">目次</span>(リンク関係)</h2>
</div>
<dl>
<dt>
<a href="osasklinks.html" class="heading">川合の「OSASKリンク集」</a><span class="renewal">(2003/12/30更新)</span>
</dt>
<dd>
OSASKを強力にサポートしているページへのリンク集です。
</dd>
<dt>
<a href="rumorlinks.html" class="heading">川合の「評判サーチ」</a><span class="renewal">(2003/09/26更新)</span>
</dt>
<dd>
OSASKを紹介してくれているページへのリンク集です。残念ながら掲示板などは含まれません。
</dd>
<dt>
<a href="comment.html" class="heading">川合の「ちょっと一言」</a><span class="renewal">(2006/07/04更新)</span>
</dt>
<dd>
OSASKが話題になっている掲示板の中で、川合の気に入ったものを紹介しています。また、わずかですがコメントも書いてあります。
僕のOSASKページ内でもっともアクセス数の多いコンテンツだったりします。
</dd>
<dt>
<a href="advertisement.html" class="heading">川合の「広告ページ」</a><span class="renewal">(2005/06/24更新)</span>
</dt>
<dd>
バナー広告などを集めたページです。この広告収入はOSASKの開発資金などになります。ご協力いただけると幸いです。
</dd>
</dl>
<!--<b><a href="datalinks.html">OSASKに関する情報へのLink</a></b><font color="#ffff00">(1999/12/31更新)</font>
<dl>
OSASKに関する詳細な情報へのリンクをまとめています。
</dl>
-->
</div>
<!--
<hr>
<h3><a href="notice.html">川合秀実の緊急お知らせページ</a><font color="#ffbf00">(2002/05/17 AM00:40更新)</font></h3>
5/16 PM11:00 に本家OSASK-MLへ再移行しました。
くわしくは、上記ページをご覧ください。
-->
</div>
<hr>
<address>
このページに関するお問い合わせは<strong class="contactAddress">川合秀実(kawai＠osask.jp)</strong>まで
<span class="complement">(メールアドレスは迷惑メールを避けるためアットマークを全角にしてあります。実際にメールを出したいときは半角に直してください。)</span>
</address>
<div class="visitant">
<span class="visitantNumber">訪問者数: 267,215人</span>(2003/06/30までで)
</div>
</body>
</html>
-----------index.css
@charset "Shift_JIS";
dl{
padding-left : 2.3em;
}
dd{
text-indent : 1em;
margin-bottom : 1em;
}
h2{
font-size : 1em;
text-align : center;
margin-top : 1em;
margin-bottom : 2em;
}
div{
text-align : center;
}
div[lang="en"]{
text-align : left;
}
td{
text-align : left;
}
ol li{
font-weight : bold;
}
.block{
border : 4px;
width : 95%;
border-style : outset;
margin-right : auto;
margin-left : auto;
border-color : #406010;
}
.blockInside{
text-align : left;
padding : 0.2em;
border : 2px;
border-style : inset;
margin-right : auto;
margin-left : auto;
border-color : #406010;
}
.contents{
color : #ffbf00;
font-size : 1.2em;
}
.renewal{
color : #ffff00;
font-weight : normal;
font-size : 1em;
}
.hereAddress{
color : #ffbf00;
}
.complement{
font-size : 0.8em;
}
.contactAddress{
color : #ffff00;
}
.heading{
font-size : 1em;
font-weight : bold;
}
.heading2{
color : #ffff00;
}
.please{
font-size : 1.2em;
color : #ffbf00;
}
.visitant{
text-align : right;
font-size : 0.8em;
margin-top : 2em;
margin-bottom : 2em;
font-weight : bold;
}
.visitantNumber{
color : #ffff00;
}
.bigHeadline{
font-size : 1.5em;
font-weight : bold;
}
.otherSite{
color : #ffff00;
}
-----------basis.css
@charset "Shift_JIS";
body{
background-color : #406010;
color : #ffffff;
}
a:link{
color : #00e0e0;
}
a:visited{
color : #10c080;
}
a:active{
color : #10c080;
}
h1{
color : #ffff00;
}