コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

these_html/css_WEB-ITnose を覚えているのは 90 年代の Web 開発者だけです

WBOY
リリース： 2016-06-21 08:50:17
オリジナル
1122 人が閲覧しました

タグを タグに入れたことはありますか?最近ではピクサー アニメーション スタジオの評判がよく知られていますが、1990 年代には、これはコンピューター アニメーションにおける大きな革新の 1 つでした。 2 つのラベルを組み合わせることで、あなたはパイオニアになります。無限の創造力を持つ男。誰もが憧れる男。

1990 年代、あなたは Web 開発者でした。

その時、あなたは自分が素晴らしい人間であることを知っていました。それ以来、私たちが好みを決める前に、その技術は模倣され始めました。

jQuery のことは脇に置いて、非リレーショナル データベースのことは脇に置いておきましょう。もっと重要なことについて話し合う必要があります。

1×1.gif

1×1.gif は素晴らしいグラミー賞に値します。あるいはジャーナリズム部門のピューリッツァー賞。 ３年生の体育の授業での最優秀向上賞とか。リンク リストとは別に、これはコンピューター サイエンスの歴史の中で最も重要な成果です。それは私たちが受けるに値する未来ではなく、私たちが必要とする未来です（ボックスモデルが完全に置き換わるまで）。

まだ 1×1.gif のトリックに慣れていない場合は、以下をご覧ください:

見えますか、少し拡大してみましょう:

1×1.gif

この 1×1.gif – または spacer.gif または transparent.gif – は、長さと幅がわずか 1 ピクセルです 透明GIF画像。 

<IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250>
ログイン後にコピー

上記のコードを使用すると、ページ上の任意の場所に要素を配置できます。 

<TABLE>  <TR>    <TD><IMG SRC="1x1.gif" WIDTH=300>    <TD><FONT SIZE=42>Hello welcome to my <MARQUEE>Internet Web Home</MARQUEE></FONT>  </TR>  <TR>    <TD BGCOLOR=RED><IMG SRC="/cgi/webcounter.cgi">  </TR></TABLE>
ログイン後にコピー

1×1.gif を使用すると、ページ上の任意の場所に要素を簡単に配置できます。今日に至るまで、これが要素を垂直方向の中央に配置する唯一の方法です。
ログイン後にコピー

写真は高級すぎますか? HTML For Dummies では第 4 章まで タグが導入されませんでしたか?さて、あなたは幸運です: タグはここにあります!

あなたは自分自身にこう言うことができます、「私は HTML エンティティのエンコーディングをすべて知っています。この弱いハンサムな男はここで何をしているのですか?」

聞いてください、私の親愛なる賢くて魅力的な読者の友人、これは今日の若者が十分に尊重していない革新性、つまり反復。 1×1.gif のトリックと同じように、これを展開して、必要な場所で使用できます。 

PLEASE SIGN  <BR>      MY GUESTBOOK BELOW:<HR><HR>
ログイン後にコピー

90 年代に、すべてを書いたとしたら、わずか 5 セントで済みました。 AOL から毎月の超過料金を支払うのに十分なお金があるでしょう。

ドット下線、境界線効果

HTML が黄金時代の終焉を迎えたとき、CSS が登場し、コンテンツとスタイルが分離された世界が生まれました。 、私たちは災害にその場で対処しないようになりました。

最初に試みることは、もちろん CSS を使用してリンクの下線効果を削除することです。一夜にしてインターネット全体が、テキストがリンクのように見え、リンクがテキストのように見えるこのアプローチにはまりました。どこをクリックすればよいのかわかりませんでしたが、私たちがカーソル効果を発明したため、暗闇は長くは続きませんでした (マウスに 12 個の火の玉の尾ができるほど長く生きていませんでした)。

高度なテクニックの適用は非常に魅力的であるため、私たちのほぼ全員が最初から CSS を使用しています。 2000 年の Index.shtml (はい、SSI です) 文書でもその証拠を見つけました。

<style type="text/css"><!--a:hover {text-decoration: none; color: #000000}--></style>
ログイン後にコピー

それだけです!もちろん、これは CSS のインライン スタイルです。このスタイルは、リンク上にマウスを置くと、リンクの下線を削除し、リンク テキストを黒にします。それ以来、インタラクティブなウェブサイトが誕生しました。

DHTML 動的ハイパーテキスト マークアップ言語

リンクの下線を削除するテクノロジーを手に入れた直後、私たちはそれをページの読み込み時にポップアップする強力な機能と組み合わせることにしました メッセージ ボックス アラート("私のウェブサイトへようこそ!」)。 CSS と JavaScript の 2 つの力を組み合わせると、DHTML というテクノロジーの怪物が生まれます。

「Distributed HTML」の略である DHTML は、Web 開発ツールの最高の成果です。これは時の試練に耐え、ページの上部から雪の結晶が降ったり、折りたたみ可能なメニューや動的なイメージ マップを作成したり、セマンティック タグ

を使用したりするなど、多くの効果を実現できます。 タグをカスタマイズすることもできます。

DHTML は、Web 開発が趣味から本格的な専門分野に成長するのに役立ちました。 Dynamic Drive のようなサイトでは、革新的な解決策を自分で考えなくても、50 行のコード ブロックをコピー＆ペーストするだけであらゆる問題を解決できます。実際、DHTML は当時の Twitter Bootstrap フレームワークでした。

ピクセル フォント

当時のコンピューター画面はそれほど大きくありませんでした。つまり、ブラウン管モニター、CRT の登場以来、モニターが大型化しているのは事実ですが、解像度は高くありません。したがって、ピクセルを最大限に活用するには、文字を表すために 6 ピクセルを使用する必要があります。

行間から、これらのシンプルなフォントに直面したとき、そしてこれらのフォントがピクセルでできていることに気付いたとき、Web 開発者は漫画家を目指すようになることがわかります。スプラッシュ スクリーンには奇妙なアイソメトリック ピクセルのイラストが表示されますが、これらの開発者の時間と資金は、Photoshop ソフトウェアのインストールに無駄になるよりも、新たに公開されたインターネット企業に投資した方が価値があるでしょう。

ボタン

人々が IE を嫌う理由は、IE が本来の最も純粋な形を放棄したためだと私は信じています

IE 4.0 はブラウザの完璧性を具現化したものです。ダイナミックデスクトップを搭載しています。チャネルを所有します。そう、素晴らしいチャンネルです。これまで市場で使用されたことのない、まったく使用されていない最もクールなテクノロジーです。全体的に見て、IE 4 は優れており、好むと好まざるにかかわらず、コンピュータにインストールする必要があります。

エリートグループに属しているときは、完璧さの価値を深く理解しており、会う人全員に自分の決定について伝えたいという本能的な衝動を持っています。あなたは、そしてあなただけが、重大な決断を厳粛に下さなければなりません。たとえば、顧客が Web サイトの閲覧に使用するブラウザを決定します。

これらのボタンはどこにでもあります。将校の服に付いているリボンのように、今日の栄光を得るために彼らがどれほど苦労したかを人々に伝えます。言い換えれば、どのエディタを使用していても (もちろん、FrontPage 98)、Web サーバーが何であっても (もちろん、GeoCities)、Web リングのどの部分であっても (このボタンにより Web サイトのランキングが向上します)

この素晴らしい時間が懐かしいです。現在、私たちは Javascript の上に抽象化し、抽象化の上に抽象化を行っています。それを正確に計算する方法さえ知りません。私たちがどのようにして今日の地位に到達したのかを考えると驚くべきです。

誇らしげにグラスを上げて、次のコード コミットに大量の   をコピーしてチーム メンバーを驚かせましょう。

著者について: dcscodelife

紹介文を書く時間がまだありません:) 個人ホームページ · 私の記事 · 10 ·

関連ラベル：
只有 90 年代的 Web 开发者才记得这些
ソース：php.cn
前の記事：css3 学習ノート_html/css_WEB-ITnose 次の記事：高パフォーマンス Web サイト構築ガイドラインの概要_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1854
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2022
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1700
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1604
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1617
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート