初めてのホームページ講座[B!]新着記事・評価 - はてなブックマーク

『初めてのホームページ講座』

HTML4.01 属性一覧
4 users
www.hajimeteno.ne.jp

void | above | below | hsides | vsides | lhs | rhs | box | border
- テクノロジー
- 2012/08/14 01:04
- html

一様断面片持ち梁集中荷重のたわみ計算
4 users
www.hajimeteno.ne.jp

[初めてのホームページ講座] [材料力学計算フォーム] [一様断面片持ち梁集中荷重のたわみ計算] 材料力学計算フォーム一様断面片持ち梁集中荷重のたわみ計算入力項目 (数値は半角入力で) 梁長さ(L)： mm 断面係数(Z)： mm3 断面２次モーメント(I)： mm4 荷重(F)： N 計算点(x)： mm 材質：ヤング率(E)： MPa 計算結果反力(R)： N たわみ角(θ)： deg たわみ(ω)： mm モーメント(M)： Nmm 曲げ応力(σ)： MPa Copyright(C)1998 Miyazaki , All Rights Reserved.
- 暮らし
- 2010/01/09 14:39
CSS - Tips2
5 users
www.hajimeteno.ne.jp

▼手引き▼ テンプレート（ systemcolor.css ）をダウンロード HTMLファイルに組み込む <LINK Type="text/css" Rel="stylesheet" Href="systemcolor.css"> をHEAD部分に記述。ただし、「systemcolor.css」のパスは合わせること。使いたい要素（開始タグ）のId属性に「実例」のキーワードを指定する（サンプル参照）ただし、背景色( background-color )とテキストカラー( color )を効率よく指定できるようにしています。具体的には、上表中の「キーワード0」（語尾に0を付ける）で背景色、「キーワード1」（語尾に1を付ける）でテキストカラーが変更できます。わからない方はサンプルを参考にして下さい。実際にブラウザで見てみる <HTML> <HEAD> <META HTTP-EQUIV
- テクノロジー
- 2009/09/07 19:38
- CSS
- design
- まとめ
CSS1-初心者向け講座
4 users
www.hajimeteno.ne.jp

Cascading Style Sheets 初心者向け講座いきなり「スタイルシートを使いましょう！」では何をして良いのかわからない・・・、そんな方々へ送る「初心者向け講座」です。ここで何をしていけば良いのか、感覚だけでも掴んでスタイルシートをマスターしましょう！ 1.何から始める？ 2.少しだけレベルアップ 3.使いこなすにはここを！ 1. 何から始める？ 1-1.何故スタイルシートが必要か？ 1-2.CSSを使う準備 1-3.実際にどうやって書く？ 1-1. 何故スタイルシートが必要か？スタイルシート（以下CSS）を使うには、HTMLと組み合わせる必要があります。 HTMLを知らなければ話にならないので、まずHTMLを勉強してきましょう。ちなみにCSSよりもHTML方が難しいので、HTMLをある程度理解している方はCSSなど直ぐに理解が出来ます。「ある程度」とは、各主要要素（
- テクノロジー
- 2008/04/09 14:34
- css
- work
- まとめ
材料力学計算フォーム
10 users
www.hajimeteno.ne.jp

材料力学計算フォーム材料力学の簡単な計算ができます。たいしたものではないけれど、設計者なら日頃からちょっとしたときに必要なものばかりです。
- テクノロジー
- 2007/05/28 23:37
- *
- web
XHTML1.0要約
6 users
www.hajimeteno.ne.jp

XHTML1.0 XHTML1.0とは？ XHTML1.0の必要性 HTML4.0からの変更点これから配慮すべき点 DOCTYPE Media type XHTML1.0とは？次期HTML仕様として新たに制定されるもので、HTML5.0に位置付けられます。 XMLを組み込むことを前提として、HTML4.0に対して若干の変更を施したものです。全体的なDTDはHTML4.0と殆ど変わりがありませんので、タグが知りたい方は HTML4.0 Reference をご覧下さい。当文書は私が個人的見解で解釈したものであり、正当性の保証はありません。正式な文書についてはW3Cの英語版のみですので、正確なことが知りたい方は、「http://www.w3.org/TR/xhtml1/」をご覧下さい。 XHTML1.0の必要性以下がW3Cの言うXHTMLの必要性といわれるものを勝手に解釈した要約
- テクノロジー
- 2007/04/13 15:09
- html
ＲＧＢ値・カラーネーム対応表
10 users
www.hajimeteno.ne.jp

ＲＧＢ値・カラーネーム対応表
- 世の中
- 2007/04/13 02:04
- Color
JavaScript,ダイナミックHTMLサンプル-紙芝居（横）
6 users
www.hajimeteno.ne.jp

Dynamic HTMLの参考書 Java Scriptの参考書紙芝居（横）機能全体をフレームで構成して、ウインドウ内部にインラインフレーム的に枠を作ります（これは必須ではない）。そのフレームを横方向にスクロールさせ、ページ切替をビジュアルに行います。如何にも「紙芝居」のようなので（？）・・・スクロールスピードはサンプルが最も速い状態で、遅くすることは可能です。また、スクロールの仕方（演出方法）は、スクリプトを変更することで可能となりますが、自身ある方だけやって下さい。類似サンプルなし利用方法フレームのメインとなるHTMLファイルには、各フレームに各HTMLファイルを割り当てます。この中で、中心に位置するHTMLファイルにスクリプトを記述し、それがスクロール可能となります。周りの４枚のHTMLファイルはお好きに彩り下さい。ここではダミーとして扱い、特に何も記述して
- エンタメ
- 2007/03/04 15:24
- javascript
CSSの実際のところ - margin
6 users
www.hajimeteno.ne.jp

CSSの実際のところ margin CSSプロパティ「margin」に関する留意点を以下にまとめてみました。「margin」はボーダーの外側の空白部分を示します。マージンに関する内容は、殆ど「padding」と同等です。お互い常に同じことに気を付ける必要があります。 BODY要素に直接指定した場合テーブル関連のマージン指定 BLOCKQUOTE要素のマージン指定インライン、ブロック要素のマージン指定 P要素の空行を無くす場合 1. BODY要素に直接指定した場合「margin」プロパティは継承性を持たないため、BODY要素に指定した場合はページ全体のマージンにのみ変化が現れます。ところが、IE5は問題ないもののNC4.6においてはマージンが０になりませんでした。元から持つマージンを基本にして、そこに指定したマージンを足すようです。この問題は回避しようが無いようです。「マー
- テクノロジー
- 2006/12/15 13:25
- css
- web制作
- html
JavaScript,ダイナミックHTMLサンプル-スライダー
11 users
www.hajimeteno.ne.jp

Dynamic HTMLの参考書 Java Scriptの参考書スライダー機能 GUIによくある「スライダー」をスクリプトで実現したものです。画像でスライダーを表示し、マウスでドラッグした結果を数値として表示するもので、フォームと組み合わせることで数値入力を軽減できます。スライダーの最小値、最大値を自由に組み合わせることが可能で、画像をお好みに合わせて変えることも可能です。類似サンプルなし利用方法ヘッダに必要な全てのスタイル、スクリプトを記述します。 BODY要素のonload属性に「Init()」を指定し、BODY要素内の任意の場所にDIV要素を３つ記述します。それぞれ、id属性値に「iLb」「iLf」「iLv」を指定します。これがスライダー画像と数値になります。スライダーの背景画像 DIV要素(iLb)：DIV要素内にIMG要素で背景画像を指定します。スライダー
- テクノロジー
- 2006/09/08 16:40
- javascript
- ajax
- web制作
- tips
初めてのホームページ講座 - CSSの実際のところ
13 users
www.hajimeteno.ne.jp

Cascading Style Sheets CSS1 Reference 初心者向け講座 CSS Tips CSS実際のところ FILTERS Last modified Nov,1999 E-Mail: web@hajimeteno.ne.jp Copyright(C)1999 Miyazaki , All Rights Reserved.
- テクノロジー
- 2006/09/03 13:48
- css
- web
- HTML
- デザイン
- *web
- まとめ
逆引きHTML-0.ワンポイント-13.「Shift_JIS」or「x-sjis」
4 users
www.hajimeteno.ne.jp

HTMLの参考書スタイルシートの参考書逆引きHTMLリファレンス 0. ワンポイント 0-13. 「Shift_JIS」or「x-sjis」世界中には多くの言語が存在し、それを１つのコンピュータで表現するには、それらの言語に対応したコードが必要になります。更に悪いことに、OSによってはそのコードの表現方法が異なり、１言語に対して複数の文字コードが存在します。文字コードは他に符号化方式(Character Sets)とも呼ばれています。さてその文字コードと各国の言語、OSとの関係はどうなっているのか、少しだけ触れてみましょう。言語は多いので、日本語に絞ると以下のようになっています。 JISコード　　　ISO-2202-JP JIS（日本工業規格）で規定されているコード。これを基にISO（国際標準化機構）で規定されているISO 2022で符号化方式で表現したもの。シフトJISコ
- テクノロジー
- 2006/08/28 11:23
- プログラミング
JavaScript,ダイナミックHTMLサンプル-ポップアップウインドウ（ヘルプ風）
3 users
www.hajimeteno.ne.jp

Dynamic HTMLの参考書 Java Scriptの参考書ポップアップウインドウ（ヘルプ風）機能テキスト上をマウスが通過したとき、ポップアップウインドウを開くダイナミックHTMLです。今となっては、HTMLのTITLE属性などがその機能を果たしてくれるブラウザもありますが、逆にそうでもないブラウザもあります。この非対応ブラウザにも同じ機能を実現しようとしたものがこのスクリプトです。 Windowsのバルーンヘルプのような見栄えにしてみました。類似サンプルポップアップウインドウ利用方法 HEAD部分にスタイル(CSS)とスクリプトを記述します。 BODY部分には、任意の場所にDIV要素に対してID属性iL1,iL2・・・を指定します。アンカーに対してポップアップさせるとして、A要素の属性としてイベントハンドラ属性onmouseover="Mover(1)" onmou
- テクノロジー
- 2006/08/15 00:06
- javascript
- tips
JavaScript,ダイナミックHTMLサンプル-ポップアップウインドウ
3 users
www.hajimeteno.ne.jp

Dynamic HTMLの参考書 Java Scriptの参考書ポップアップウインドウ機能テキスト上をマウスが通過したとき、ポップアップウインドウを開くダイナミックHTMLです。今となっては、HTMLのTITLE属性などがその機能を果たしてくれるブラウザもありますが、逆にそうでもないブラウザもあります。この非対応ブラウザにも同じ機能を実現しようとしたものがこのスクリプトです。類似サンプルポップアップウインドウ（ヘルプ風）利用方法 HEAD部分にスタイル(CSS)とスクリプトを記述します。 BODY部分には、任意の場所にDIV要素に対してID属性iL1,iL2を指定します。一般的にアンカーに対してポップアップさせるでしょうから、A要素の属性としてイベントハンドラ属性onmouseover="Mover(1)" onmouseout="Mout(1)"を指定します。ただし、
- テクノロジー
- 2006/07/24 01:58
- html
- javascript
JavaScript,ダイナミックHTMLサンプル-マウスでドラッグ＆ドロップ
4 users
www.hajimeteno.ne.jp

Dynamic HTMLの参考書 Java Scriptの参考書マウスでドラッグ＆ドロップ機能テキストや画像をマウスでドラッグ＆ドロップ出来るようにするダイナミックHTMLです。利用方法 HEAD部分にスタイル(CSS)とスクリプトを記述します。 BODY部分には、DIV要素に対してID属性iL1を指定し、ドラッグ＆ドロップする対象のテキストを記述します。（ここでは「初めてのホームページ講座」）最後にBODY要素の属性として、イベントハンドラonloadに関数Init()を指定します。改造方法ドラッグ＆ドロップする対象のテキストのスタイルを変更可能です。 CSSリファレンスに従って、変更可対応ブラウザ IE4,NN4以上サンプル［サンプルを見る］［ダウンロード］ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitio
- テクノロジー
- 2006/06/22 17:37
初めてのホームページ講座 - CSSの実際のところ
3 users
www.hajimeteno.ne.jp

Cascading Style Sheets CSS1 Reference 初心者向け講座 CSS Tips CSS実際のところ FILTERS Last modified Nov,1999 E-Mail: web@hajimeteno.ne.jp Copyright(C)1999 Miyazaki , All Rights Reserved.
- テクノロジー
- 2006/06/20 22:25
CSSの実際のところ - font-size
5 users
www.hajimeteno.ne.jp

CSSの実際のところ font-size 最も基本的なプロパティの「font-size」、実際のところ一部おかしなところも存在するのですが、殆ど問題なく表現してくれます。 CSSプロパティ「font-size」に関する留意点を以下にまとめてみました。 BODY要素に直接指定した場合テーブル関連のフォントサイズ指定文書全体のフォントサイズを変更する場合 1. BODY要素に直接指定した場合テーブル関連には全くその指定は反映されないようです。当然ながら、継承を使うこともできませんので、テーブル関連に相対指定はしない方が良さそうです。これは「font-size」と同様です。しかし、回避方法はいくらでもあります。その他、IE5ではHx要素やフォーム関連にも反映されないようで、これらの要素にも直接指定してやる必要があります。また、BODY要素にフォントサイズを指定した場合、文書全体
- テクノロジー
- 2006/06/14 18:09
- css
- html
- design
- web
- あとで読む
i-mode HTML
8 users
www.hajimeteno.ne.jp

i-mode専用HTMLリファレンスメニュー i-mode専用HTML一覧基本・ヘッダ関連 HTML, HEAD, BODY, TITLE, META, BASE 段落関連 Hx, DIV, P, BLOCKQUOTE リスト関連 UL, OL, MENU, DIR, LI, DL, DT, DD フォーム関連 FORM, INPUT, SELECT, OPTION, TEXTAREA その他 A, PRE, PLAINTEXT, BR, HR, IMG, CENTER, FONT, MARQUEE, BLINK Tips アクセスキーは必ずアンカー文字列には目印を半角カタカナが使える？！符号化方式は「SHIFT_JIS」のみリスト形成にはどのタグを？テーブルの作成は・・・？絵文字一覧（１～６）カラーコード携帯電話のHTTP User Agent i-mode専用HTM
- テクノロジー
- 2006/06/12 19:27
- HTML
ＲＧＢ値・カラーネーム対応表
3 users
www.hajimeteno.ne.jp

ＲＧＢ値・カラーネーム対応表
- テクノロジー
- 2006/04/21 02:09
- web
２１６色カラーパレット
4 users
www.hajimeteno.ne.jp

２５６色カラーパレット
- 暮らし
- 2006/04/21 02:09
材料力学計算フォーム
5 users
www.hajimeteno.ne.jp

材料力学計算フォーム材料力学の簡単な計算ができます。たいしたものではないけれど、設計者なら日頃からちょっとしたときに必要なものばかりです。
- テクノロジー
- 2006/03/26 22:15
- ツール
- 科学
HTML4.01 その他
3 users
www.hajimeteno.ne.jp

DTD(Document Type Definition)は大きく以下の３つに分けて考えることができます。 Entity definitions 実体の定義を意味します。これは、「パラメータ実体」「一般実体」に分類できます。前者の「パラメータ実体」とは、スタイルシートやName属性などに見られるように、文字列に名前を付け、その名前によって定義した文字列を参照できるようにしたもので、文書の簡略化に役立ちます。ただし、この定義は定義したDTD（定義した文書そのもの）内部のみで有効となります。後者の「一般実体」とは、< , & 等のような特殊文字を参照できるようにしたものです。 Element declarations 世間でタグと呼ばれる要素を宣言したものです。（タグと要素は異なります） Attribute declarations 属性を宣言したものです。また、HTML4.0で
- 世の中
- 2006/03/08 19:04
初めてのホームページ講座 - CSSの実際のところ
4 users
www.hajimeteno.ne.jp

CSSの実際のところ CSSを使うにしても、ブラウザの対応状況に合わせなければ「絵に描いた餅」状態になってしまいます。 HTMLがそうだったように、CSSもやはり実装に合わせてソースを記述する必要があります。しかし、CSSの記述には組み合わせ的要素が多く、経験に頼るところが多いのが実状です。そのノウハウ的な部分を少しでもお助けするページです。あまりまとまりのないコンテンツですが、皆さんのお力に少しでも役立つことを期待します。 font-sizeプロパティ BODY要素に直接指定した場合テーブル関連のフォントサイズ指定文書全体のフォントサイズを変更する場合 font-weight,font-styleプロパティ BODY要素に直接指定した場合テーブル関連のフォントウエイト指定邪魔な太字・斜体を通常に戻す場合 colorプロパティ BODY要素に直接指定した場合テーブル関連のフ
- テクノロジー
- 2006/02/16 10:35
- *web制作
- CSS
- web
JavaScriptリファレンス - Navigatorオブジェクト
7 users
www.hajimeteno.ne.jp

navigatorオブジェクト概要 UA（ユーザーエージェント）やOSなどの情報を取得することが可能なオブジェクトです。 JavaScriptを用いて、ブラウザやプラットフォームの判別を行い、それに応じたHTML文書やCSSを提供するなどが可能になります。また、DHTMLを用いる際には必須で、特にクロスブラウズを行う場合はブラウザやバージョンごとに分類して処理を行うなどに用いることができます。 navigator.appCodeName navigator.appName navigator.appVersion navigator.userAgent navigator.mimeTypes navigator.mimeTypes.length navigator.mimeTypes[x].description navigator.mimeTypes[x].enablePlugin
- テクノロジー
- 2006/01/26 21:40
- JavaScript
- あとで読む
初めてのホームページ講座 - CSS FILTERS
3 users
www.hajimeteno.ne.jp

CSS FILTERS フィルターの概要フィルターの種類適用可能タグ基本書式応用書式［複数指定］応用書式［コレクション］フィルターの概要 Internet Explorer4.0以上のビルトイン機能を使ったフィルターに関するページです。 CSSというわけではないのですが、フィルターをかけ文字に修飾を加えることが可能です。ブラウザを限定してでも、面白い演出をしてみたい、そういう方にはなかなかのものです。ちなみに、テキストでも画像でも何でも処理してしまいますので、変わった表現はいくらでもできます。しかも基本的にCSS的な記述を行うため、認識できないブラウザで表示できなくなるようなことは少ない（当然フィルターは無くなるが）ものと考えられます。サンプルでは、JavaScriptを用いてその場でパラメータに対する結果を見ることができるので便利です。何はともあれ、まずはお試しあれ
- テクノロジー
- 2005/12/26 17:27
- css
- webデザイン
初めてのホームページ講座 - CSS1リファレンス
7 users
www.hajimeteno.ne.jp

CSSリファレンスの目次です。全て目を通すことが望ましいですが、時間のない方はここを参考に必要な部分だけ参照して下さい。プロパティ一覧では、アルファベット順に並べていますのでご覧下さい。また、ブラウザの対応状況を簡単に添付しています。初心者向けに簡単なガイドラインを用意しました。何を見て良いのかわからない方は「初心者向け講座」をご覧下さい。その他にもCSSを使った面白そうなことを取り上げるページ「CSS Tips」も用意しています。少しだけ拘ってみたい、人と違うことをしてみたい、そういう方は一度ご覧下さい。実際にCSSを使ってみてわかる不具合の数々、これに少しだけ役立つ「CSS実際のところ」もあります。目次（このページ）概要はじめに主な特徴上位機能参考文献・引用先使用方法 HTMLへの組み込み定義方法グループ化継承コメントセレクタクラスセレクタ ID
- テクノロジー
- 2005/10/31 10:49
- css
初めてのホームページ講座 - Windows Font Table
7 users
www.hajimeteno.ne.jp

Windows用のフォントの一覧
- テクノロジー
- 2005/10/23 14:50
- font
- windows
CSSの実際のところ - text-align
3 users
www.hajimeteno.ne.jp

CSSの実際のところ text-align 以前はCENTER要素やALIGN属性などを使ってセンタリングをしていましたが、HTML4.0になって殆ど全てが非推奨な項目となりました。これに対応するためには、この「text-align」を使わざるを得ません。しかし、単純に使ってしまうと思わぬところでセンタリングが出来なくなってしまいます。殆どのプロパティで問題のあるテーブルは特にその部類に入りますので注意が必要です。 CSSプロパティ「text-align」に関する留意点を以下にまとめてみました。 BODY要素に直接指定した場合テーブルの中身をセンタリングセンタリングの検証 1. BODY要素に直接指定した場合殆ど問題なく表示可能なようです。テーブル内部のセルまではセンタリングしてくれませんが、テーブルそのものをセンタリングしています。 TABLE要素の「align=cente
- テクノロジー
- 2005/10/08 04:51
- CSS
- tips
- web
i-mode HTML
3 users
www.hajimeteno.ne.jp

i-mode専用HTMLリファレンスメニュー i-mode専用HTML一覧基本・ヘッダ関連 HTML, HEAD, BODY, TITLE, META, BASE 段落関連 Hx, DIV, P, BLOCKQUOTE リスト関連 UL, OL, MENU, DIR, LI, DL, DT, DD フォーム関連 FORM, INPUT, SELECT, OPTION, TEXTAREA その他 A, PRE, PLAINTEXT, BR, HR, IMG, CENTER, FONT, MARQUEE, BLINK Tips アクセスキーは必ずアンカー文字列には目印を半角カタカナが使える？！符号化方式は「SHIFT_JIS」のみリスト形成にはどのタグを？テーブルの作成は・・・？絵文字一覧（１～６）カラーコード携帯電話のHTTP User Agent i-mode専用HTM
- テクノロジー
- 2005/10/05 00:05
- html
- mobile

次のページ

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx