マークアップ言語 - HTML を学んだ後に何を学ぶべきか?

マークアップ言語 - HTML を学んだ後に何を学ぶべきか?
123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックしてください。 CSS チュートリアルを表示するには、ここをクリックしてください。
上記:マークアップ言語 - スタイルを指定します。第 16 章 次のステップ これで、標準を使用して Web サイトを改善する方法がわかりましたが、学習は決して終わらないことを忘れないでください。この本の最後の数語を書いている今も、方法とテクニックは絶えず適応、改善、更新されています。
ウェブ界の巨人たちの肩に乗ること以上に、成功する方法があるでしょうか? すでに何千人もの巨人たちが、標準に準拠した開発と設計の素晴らしさを探求しています。次はどこへ向かうのでしょうか?
この本の終わりのほうで、私が気に入っているリソースをいくつか集めました。標準の世界の最新の動向を把握するために、これらの Web サイトを定期的に訪問することを強くお勧めします。
ウィキペディア
http://www.w3.org
World Wide Web Consortium は、すべての標準規格の起源です。これは、Web を指導し、私たちが毎日使用する標準規格を設定する組織です。この Web サイトには、あらゆる標準規格の技術的な詳細が記載されています。閲覧や理解は少し難しいですが、標準規格に関する情報の決定的な情報源であることは間違いありません。
特に役立つのは、W3C の検証ツール (http://validator.w3.org) です。このツールを頻繁に使用して、マークアップ構文が完全に正しいことを確認してください。URL を検証したり、ローカルで編集しているドキュメントをアップロードしたりできます。
ウェブ標準プロジェクト
http://www.webstandards.org
1998 年に設立された Web Standards Project (WaSP) は、Web 標準を一般に普及させ、Web デザイナーや開発者に標準に準拠した実践を実装する方法に関する教育リソースを提供しています。また、WaSP はブラウザーやソフトウェアのメーカーと協力して、彼らが推進する標準に従うよう奨励しています。
Web 標準プロジェクトの Web サイトには、標準に関連するすべてのリソースが含まれています。
リストは別格
アリスタパート
1998 年に Jeffrey Zeldman 氏と Brian Platz 氏によって設立された A List Apart は、テクノロジの利点と Web 標準への準拠に焦点を当てながら、Web コンテンツ、デザイン、開発プロセスの意味を探求しています。
この必読のオンライン マガジンには、標準的なデザイン、開発、ビジネス トピックに関する優れたヒントやコツが多数掲載されています。Web サイト構築者にとって必読の資料です。
CSS 禅ガーデン
http://www.csszengarden.com
WaSP メンバーの Dave Shea が植えて手入れした CSS Zen Garden は、CSS ベースのデザインで何が実現できるかを示しています。デザイナーは同じマークアップ構造を使用して独自の CSS デザインを提出し、その結果、高度な CSS デザインのショーケースが継続的に更新されます。
これは素晴らしいインスピレーションの源であり、CSS 否定論者(つまり、CSS では大規模なデザインはできないと思っている人たち)にインスピレーションを与える素晴らしい方法でもあります。誰かを思い出すかもしれませんね。
アクセシビリティについて知る
http://www.diveintoaccessibility.org
Mark Pilgrim は、アクセシビリティを実現するのがいかに簡単か、そして誰がその恩恵を受けることができるかを人々に理解してもらうために、この電子書籍をリリースしました。
それぞれ異なる障害を持つ 5 人の視点から、ここで提供される情報は非常に理解しやすいです。マークの説明を読めば、サイトをより良いものにする方法がわかるでしょう。
CSS ディスカッション
http://www.css-discuss.org
css-discuss は、CSS とそれを実際の生活でどのように使用するかについて議論するためのメーリング リストです。CSS について調べたり、質問したり、回答を得たりするのには最適な場所です。ここには、ほとんどすべての問題を解決できる十分な知識を持った親切な人々がた​​くさんいます。
ウェブグラフィック
http://web-graphics.com
Web-Graphics は、ハイパーテキスト デザイン リソース、リンク、レビューのコレクションです。有名な編集者のグループが、Web 標準に準拠したデザインと開発のニュースをここで提供しています。チームの最新ニュースを知るには最適な場所です。
デジタルウェブマガジン
http://www.digital-web.com
Nick Finck が発行する Digital Web Magazine は、コラム、ニュース、チュートリアルが満載の Web デザイナー向けオンライン マガジンです。
ウィークリースタンダード
翻訳:
その名前が示すように、The Weekly Standards は毎週更新され、標準に準拠し、将来を見据えて慎重に設計された Web サイトを特集しています。ここでは、標準に従って設計され、頻繁に更新されている多くの Web サイトを見つけることができます。標準コミュニティの最も才能のあるデザイナーや開発者の多くは、個人の Web サイトでブログを公開しています。これらのブログを定期的に読むだけで、マスターが知識を授けてくれるので、多くのことを学ぶことができます。
ジェフリー・ゼルドマンがお届けする「デイリー・レポート」
http://www.zeldman.com
Web 標準のゴッドファーザーである Jeffrey Zeldman 氏は、1995 年から Web デザインに関するニュースや情報を発表しています。Zeldman 氏は、前述の Web Standards Group の創設者の 1 人であり、A List Apart 誌の発行者であり、『Designing With Web Standards』の著者でもあります。この人の努力がなければ、この本は出版されなかったでしょう。
このウェブサイトは標準的なデザインを満たした情報源であり、お気に入りに入れて定期的に訪問する必要があるウェブサイトの 1 つです。
ストップデザイン
http://www.stopdesign.com
Douglas Bowman 氏は、標準アプローチに基づいて Wired News (http://www.wired.com) と Adaptive Path (http://www.adaptivepath.com) を再設計した功績でよく知られており、多くの役立つチュートリアルやレビューを公開し、Web 標準の世界の多くのデザイナーの考え方に影響を与えています。彼が Wired News で使用した手法は、私が Fast Company Web サイトを再設計する際に大きな影響を与えました。彼ほど細部に気を配る人はいません。
メゾブルー
http://www.mezzoblue.com
CSS Zen Garden のメンテナーである Dave Shea ほど標準コミュニティに関心のある人はいません。mezzoblue では、Dave は常に標準準拠のデザインの最新の問題を把握しており、既存の問題に関してコミュニティをリードすることが多く、このサイトは楽しいリソースとなっています。
メイヤーウェブ
http://www.meyerweb.com
Eric Meyer 氏は CSS に関するあらゆることの専門家とみなされており、このテーマに関する優れた書籍を数冊執筆しています。また、コンサルティング、講演、Netscape との連携を通じて Web 標準の継続的な推進者でもあります。彼の Web サイトには、優れた CSS 解説のほか、非常に優れたデモや実験が掲載されています。
タンテク・チェリク
http://tantek.com/log/
前述のボックス モデル ハックの作者の Web サイト。彼は Microsoft の従業員であり、W3C の CSS および HTML ワーキング グループのメンバーでもあります。
私が何を知っているか?
http://www.whatdoiknow.org
デザイナーの Todd Dominey の個人ウェブサイト。彼は、「PGA Championship」の素晴らしいウェブサイト (http://www.pgachampionship.com/) など、基準を満たす数多くの素晴らしいデザインを手掛けた人物です。
アスタリスク*
http://www.7nights.com/asterisk/
標準的なデザインと開発のトピックに関する考えや質問を頻繁に提供する、Web デザイナー兼開発者の D. Keith Robinson の個人サイトです。
余計な冗談
翻訳元:
Dan Rubin と Didier Hilhorst は美しい Web サイトを作成するだけでなく、ここで関連情報も提供しています。
サイモン・ウィリソンのブログ
当サイトについて
Simon Willison は Web Standards Project の開発者兼メンバーで、「PHP、Python、CSS、XML、および一般的な Web 開発」について執筆しています。彼は Web 標準を常に把握し、Web 標準が他の Web 開発タスクとどのように関係しているかを研究しています。
ブレインストーミングと絶賛
http://www.brainstormsandraves.com
Shirley E. Kaiser は、Web Standards Project の運営委員会のメンバーであり、「Web デザイン、開発、標準、タイポグラフィ、音楽などに関するニュースをほぼ毎日ジャーナルに書いています。」
生きることはあなたを殺す
http://www.saila.com/columns/lcky/
Craig Saila のブログには、「オンライン ニュースから Web サイトの構築まで、カナダのニュー メディアでの生活」のほかにも、Web 標準に関する貴重な情報が頻繁に掲載されています。しかも、彼の名前はかっこいいです!
参考書籍 現役デザイナーにとって欠かせない参考資料として、優れた書籍もいくつか紹介したいと思います。
Web標準に基づいたデザイン
ジェフリー・ゼルドマン著(ニューライダーズ、2003年)
この本は基本的に、Web デザイナーにとっての「基準」を定めています。Jeffrey Zeldman 氏は、Web 標準、その利点、およびそれを使用する理由を丁寧に説明し、私たち全員が同じ認識を持つようにしています。ぜひ読んでみてください。
カスケーディング スタイル シート: 決定版ガイド
エリック・マイヤー著(O'Reilly & Associates、2000年)
これは CSS の決定版リファレンスです。すべての CSS プロパティとその動作を学習します。
サイトのスピードアップ: ウェブサイトの最適化
アンドリュー・B・キング著(ニューライダーズ、2003年)
この本では、標準に準拠したマークアップ構文と CSS を使用して、Web サイトをより高速かつ小型化し、検索エンジンフレンドリーにする方法を学習します。 結びの言葉 もうすぐ終わりです。本書全体を通して、標準に準拠した Web サイト構築方法について新たな理解が得られれば幸いです。同じ効果を実現するいくつかの方法を確認した後は、自分のプロジェクトでより適切な選択を行えるようになります。同時に、冗長で古いマークアップ構文を柔軟で構造化された XHTML および CSS デザインに変換する準備もできていると思います。お読みいただきありがとうございました。このプロセスは楽しいものになるはずです。

<<:  MySQLデータベースエンジンをInnoDBに変更する

>>:  JavaScript 日付ツールの概要

推薦する

MySQLはmysqldump+binlogを使用して、削除されたデータベースの原理分析を完全に復元します。

1. 概要MySQL データベースの日常的な操作とメンテナンスにおいて、ユーザーが誤ってデータを削...

Nginx リバース プロキシから go-fastdfs へのケースの説明

背景go-fastdfs は、http プロトコルをサポートする分散ファイルシステムです。一般的なプ...

CSS3のfocus-withinセレクタの使用

擬似要素と擬似クラスところで、まずは疑似クラスセレクターと疑似要素セレクターについておさらいしておき...

Nginx で https をアップグレードする方法

購入証明書Alibaba CloudのCloud Shield証明書サービスから購入できます。証明書...

フロントエンドJavaScriptの約束

目次1. Promiseとは何か2. 基本的な使い方3. Promiseメソッド3.1 Promis...

MySQL 8.0.22 winx64 のインストールと設定のグラフィックチュートリアル

mysql 8.0.22 winx64のインストールと設定のグラフィックチュートリアルは参考までに、...

HTML の基本 - CSS スタイルシート、スタイル属性、フォーマット、レイアウトの詳細

1.位置:固定一部の Web サイトの右下隅にあるポップアップ ウィンドウなどの、ブラウザーを基準と...

Vueストレージにはブール値のソリューションが含まれています

Vueはブール値でストレージを保存します今日、問題に遭遇しました。バックグラウンドから返された真偽の...

Linuxでブーストライブラリをインストールするための完全な手順

序文Boost ライブラリは、標準ライブラリのバックアップとして機能し、C++ 標準化プロセスの開発...

Linuxカーネルマクロcontainer_ofの詳細な分析

1. 前述の通り数年前、Linux ドライバーのコードを読んでいたときにこのマクロを見ました。長い間...

MySQL 制約の種類と例

制約制約によりデータの整合性と一貫性が確保される制約はテーブルレベルの制約と列レベルの制約に分けられ...

jsで照明スイッチを制御する

参考までに、jsを使用して照明スイッチを制御します。具体的な内容は次のとおりです。トピック: js ...

フォーム送信時に追加のパラメータを渡すためのいくつかの一般的な方法

フォームを送信するときに、送信前に追加のパラメータが追加される状況が発生する場合があります。この問題...

WeChat アプレットのシンプルなログイン ページの実装 (ソース コード付き)

目次1. 上の写真2. ユーザーが存在しない3. コードをアップロードする1. 上の写真 2. ユー...

デザイナーはコーディングを学ぶ必要がありますか?

多くの場合、 Web デザインが完成した後でデザイナーの無知が露呈し、批判されることがあります。彼ら...