はてなブックマーク

ホビーのページへ戻る コンピュータとの出会い このページはapple IIという古いコンピュータとFORTHというちょっと変わったコンピュータ言語の資料をまとめる予定です。apple IIは今日のパソコンの原型といえるものです。パソコンは、その後コンピュータユーザーの広がりとともにより高性能で、より簡単なユーザーインターフェイスをもった今日のマッキントッシュやウインドウズへと移ってゆくことになったのですが、apple II は実験制御用として今日なお用途によっては十分な処理能力をもっており、なんと常磐大学では設立のときから現在も現役で稼働しています。（とはいえ、補修部品もほとんど入手不可能になってきつつあるので、制御用コンピュータはDOS/Vへ移行予定です。） もはや過去のコンピュータについてなにごとか記録にとどめておきたいと思ったのは、パーソナルコンピュータ（そういえば、いまだに適切な日

メニューバー 横に棒状に配置されたメニューをメニューバーといいます。メニューの各項目を左寄せしてメニューバーを作成します。 画面端から画面端（ページサイズがある場合はページの端から端）まで背景色をつけるとバーのように見えます。 この例は、前回の反転メニュー(2)を元にしています。横に並べる場合には、各ボタンの領域がわかるように、しきり線を入れます。 しきりの付け方もいろいろとありますが、ここでは各項目の右にしきり線をいれ、メニュー全体の左にもしきり線を入れています。 1 メニューバー　menu.htm #menu { background-color:#9999ff; /* バーに背景色。端まで塗るため幅はulに指定。 */ } #menu ul { width:650px; /* ボタンの数の幅を確保 */ height:22px; /* バーの高さを確保 */ margin-left:

a要素メニュー a要素のみからなるメニューです。縦に並べるために、間にbr要素を入れることがあります。 1 a要素メニュー <div class="menu"> <a href="news.htm">ニュース</a> <a href="ningen.htm">人間科学部</a> <a href="kokusai.htm">国際学部</a> <a href="komisin.htm">コミュニティ振興学部</a> <a href="sitemap.htm">サイトマップ</a> </div> 【結果】　a要素メニュー a要素はインライン要素なので、横に並びます。縦に並べるには、間にbr要素を入れたり、a要素をdisplay:blockにしたりします。 また、インライン要素のままでは適用できないスタイル（width, heightなど） を適用するために、display:blockにすることも

Adobe Flash CS5は、旧Macromedia社(現Adobe社)が開発したWebページ用のアニメーションやWebコンテンツを作成するソフトウェアです。メニューやWebゲームといったWebコンテンツに加え、サイト全体をFlashで作成することもできます。 Flashのメリット・デメリット Flashを使うメリットとしては、以下のことが挙げられます。 HTMLやCSSといった技術ではできない視覚的効果を表現できる マウス操作に併せて動作を変えるようなインタラクティブなものが作れる 逆に、デメリットとしては、以下のことが挙げられます。 見る人がFlash Player(無料、インターネットでダウンロード可)をインストールしないといけない 画像を含むFlashなどはデータサイズが大きくなり、表示されるのに時間がかかる 現在、Flash Playerの普及率は99%(2010年12月時点

基本的なマークアップタグしか使用できない。HTML4.01 Strictに対応する。最新の仕様であるが、その分ブラウザが未対応である部分もあるので使用する際には注意が必要である。 これ以外に携帯電話用のサブセットであるXHTML Basicもあります。現在、XHTML2.0が検討されています。 XML宣言 XHTMLもXMLなのでXMLデータであることを宣言します。 XHTMLでは大文字と小文字を区別するので、間違えないようにしてください。漢字コードを表す文字列は大小の区別はありません。 <?xml version="1.0" encoding="Shift_JIS" standalone="yes"?> 属性は以下のようになります。

画像を使用することは、非常に有効なデザイン手法です。見た目の印象を左右する重要な要因となります。 画像を使用するには、HTMLのimg要素を用いる方法とCSSの背景画像（background-image）を用いる方法の二通りがあります。 画像そのものがコンテンツである場合には、img要素を、装飾用として使う場合にはCSSの背景画像（background-image）を用いるようにしましょう。 また、CSS2では背景画像の拡大縮小ができませんでしたが、CSS3で可能になりました。CSS2.0を使う際には気をつけましょう。 画像練習サンプルファイルで実践してみましょう。今回のサンプルファイルは、CSSをstyle要素に記述しています。「image.htm」をエディタで開いて編集してください。スタイルファイルは使用しません。 alt属性・title属性 画像を表示できない環境や検索エンジン対策（

Action Scriptは、Flashでムービー制御やブラウザとの連動などに使われるプログラミング言語です。Action Scriptを使用することによってより高度なFlashムービーを作成することができるようになります。本格的な勉強をすれば、高度なゲームなどを作ることもできますが、ここではごく簡単なところだけ勉強します。 Action Scriptを本格的に勉強したい人はFlash Action Scriptを読んでみてください。 また、Flash CS5では、標準で「ActionScript3.0」のバージョンのAction Scriptを使用しますが、わかりにくいため、ここでは「ActionScript2.0」で説明します。 ActionScript2.0では「命令」をフレームやボタンやムービークリップに記述します。この命令のことを「プログラム」と呼びます。Action Scrip