なぜHTMLだけなのか。拙著「武器になるHTML」の執筆を通して伝えたかったこと - Shibajuku
こんにちは。 いつも通りのパーマをかけたらトイプードルみたいになった、どうも柴田です。 さてさて、昨年の11月26日に技術評論社さんより「武器になるHTML」というHTMLだけに特化した初学者向けの書籍を出版させて頂きました。 この記事を読んで下さっている方の中にも、すでに本書をお持ちの方もいらっしゃるかもしれませんね。 ご購入頂きありがとうございます！ ひょっとしたら、もう読み終えられた方もいらっしゃるかもですね。 ということで、本書が発売されて半年近く経ちますが、今更ながら、この本をどういう想いで書いて、どんな方に読んで頂きたいのかについて書いてみたいと思います。 目次 初学者の方に向けたHTMLだけの424ページ「とりあえずこう書いておきましょう」は、ありません一人でも多くの人が利用できるWebサイトを構築するために学校やスクールの先生が教科書としても使いやすいように中級者になっても
- このブログは非公開に設定されています。
ブログ このブログは非公開に設定されています。 (Access forbidden) 他のブログを探す ブログランキング（共通のジャンル） 1 ちゃんねるZ 2 裏ピク 3 えっちなお姉さん。 4 マブい女画像集 女優・モデル・アイドル 5 AV女優2chまとめ ヘルプ インフォメーション リクエスト 利用規約 障害情報 FC2ブログについて FC２の豊富な機能 スマホからもブログ投稿 有料プラン アルバム機能 おすすめブログ テンプレート一覧 マガブロ マガブロとは？ マガブロランキング マガブロの書き方 マガブロアフィリエイト サポート ヘルプ インフォメーション リクエスト 利用規約 障害情報 アプリでもブログ投稿 FC2トップ お問い合わせ 会社概要 プライバシーポリシー 著作権ガイドライン 広告掲載 Copyright(c)1999 FC2, Inc. All Rights Re
誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
「メタボなHTML」も大事かも：ekken
技術系の人の中には、より正しいHTMLで書く事を目標としている人がいて、確かにその方が読みやすい文章のことが多いと感じるのだけど。 メタボなHTML | オトコのキモチ２ align="center"というのや，<td width="200" bgcolor="#CCFFFF">というのや，見た目を整えるための属性。 <br> <br> <br> <br> なんてところもあるな。 はっきり言って，「メタボ」ですよ。 「見た目はCSSで整える」というのは、読み手にとって好みのデザインで読むことができるので、考え方としては理解できる。 書かれたテキストの内容だけが正確に伝わればいい文章、たとえば何かに対する意見文だとか説明文の場合は、贅肉をそぎ落としたHTML のほうが読みやすい。 だけど創作文の場合は、そうはいかないのではないか、と思った。 僕が不勉強なだけなのかもしれないけれど、「贅肉をそ
target="_blank"は非推奨? | Web標準Blog | ミツエーリンクス
W3Cにおいて、target="_blank"は非推奨なのでしょうか？というご質問をいただきました。 HTMLの仕様書では、center要素やfont要素などの文書内容を意味づけするものではなく、見栄えを表現する要素や属性が「非推奨 (deprecated)」と定義されています。しかしtarget="_blank"の場合は、この「非推奨」とはなっていません。ただし、HTML 4.0 やXHTML 1.0のStrict文書型では、target属性が定義されていないため利用できません。このためtarget属性を用いる場合は、Transitional文書型を選択する必要があります。 さて、target="_blank"があまり奨められないとされているのには、いくつかの理由が存在します。 ひとつは、リンクが新規ウインドウで開くと明示されていないページの存在です。ほとんどの場合において、新しいウイン
Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。
この度、共著という形で (X)HTML、CSS 関連の書籍を出版することになりました。 書籍のタイトルは 「Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。」。タイトル長いです。っていうか最後の「。」が気になって眠くなるまで眠れません。 インプレスさんから 7月3日の火曜日に発売されます。すでに amazon さん始め、各オンライン書店では予約が可能になっています。 著者は、「WWW WATCH」の加藤さま、「ネットのサラダボウル」 の両見さま、それに 「CSS HappyLife」 の平澤ってヤツの 3名による共著です。 内容としては、amazon さんに掲載されているとおり。 デザイン的なテクニックだけで満足していませんか？ デザインを忠実に再現するだけではない、ワンランク上の実践的コーディングノウハウを解説。Web標準サイト制作を行う上で基本と
全国200校の大学サイトに学ぶユーザビリティ改善＆向上のススメ | Web担当者必見！ リサーチ データ&市場調査レポート
全国大学200校のサイトに学ぶユーザビリティ改善＆向上のススメ 『全国大学サイト・ユーザビリティ調査2006/2007』 ハイライト日経BPコンサルティングは、全国の大学200校のウェブサイトにおけるユーザビリティ調査報告書『全国大学サイト・ユーザビリティ調査2006/2007』を発表した。 調査は6カテゴリ全61項目にわたって行われ、各項目ごとに問題点がないか、詳細に評価がなされており、ウェブサイトのユーザビリティを考える上で非常に参考になる点が多い。本記事では、いくつかの調査内容について触れているので、ケーススタディとしてぜひ参考にしてもらいたい。 TEXT：編集部 協力：日経BPコンサルティング ●調査方法米国Giga Information Groupが開発した「ウェブサイト・スコアカード」をベースに、日経BPコンサルティング独自の調査基準を作成し、調査員が実際に大学サイトを閲覧し
A.A.O.｜- データで診る自治体サイト -No.4 構造化対応の傾向と求められる対応
A.A.O.公共機関 ウェブサイト通信 解説コラム、セミナー情報、調査結果等、公共機関ウェブサイト担当者様向けに最新情報をメールでお届けします。 申し込みフォーム 改正JIS対応に関する お問い合わせ サイト内容やJIS規格対応支援等のサービスについてのお問い合わせ、お見積もり・ご相談・ご依頼は以下のお問い合わせフォーム（SSL）で承っております。 お問い合わせフォーム 文書を読みやすくする工夫 文書は、一般に「大・中・小の見出し」「段落」「箇条書き」などによって構成されています。これらを文書の構造と言います。 たとえばこのコラムでは、見出しを複数設け、背景をグレーにし文字は太字として、内容を書いた段落部分よりも目立つように表現しています。凝ったデザインとは言えませんが、同じ文字の大きさでだらだら続くよりは多少読みやすくないでしょうか。 文書の構造は、多くの場合、読み手が内容を読みやすいよ
Geekなぺーじ：HTML知識レベル
「Levels of HTML knowledge」という記事がありました。 かなり皮肉たっぷりで笑えました。 以下、要約していました。 誤訳などがあると思うので詳細は原文をご覧下さい。 原文のさらにネタ元の「Levels of CSS knowledge」も面白いです。 レベル 0 このレベルの人はHTMLを見ることはありません。 例えば、メールで送信されてきたHTMLメールを原文のまま見るなど、稀に何かの間違いで表示されてしまっているHTMLを見ることはあります。 彼らはレベル0以上になろうとも思いません。 ありがちな発言 「H？TM？ 何それ？」 レベル 1 このレベルの人たちは、自分たちが日々目にしているWebサイトの裏で何らかのプログラムが動作している事を認識しています。 このクラスの人たちはWebサイトを自分たちで作るときには、専用のツール(Photoshop、Dreamwea
ネットショップ＆アフィリエイトのためのSEO対策
ネットショップの店長さんやアフィリエイター向けに、毎月1回、SEOの専門家である筆者がSEOに関する有益な情報をご提供する連載です。ご期待ください。（編集部） ■フレーム構造はSEO的に不利!? フレーム構造がSEO的に不利と言われて久しくなります。実際にこの考え方は進歩的なネットショップの店長さんやアフィリエイターに受け入れられ、メジャーなサイトではあまりフレーム構造を見かけなくなりました。ひと昔前であれば、かっこいいWebサイトと言えばまずフレームありき、という状態でしたから、隔世の感があります。 しかし、「フレームは不利」という考え方は、最新の検索エンジン界隈では100％の正解ではなくなってきたのです。 実はヤフーの検索エンジンは、フレーム構造を読むことができるのです。 例を挙げますと、「高知競輪」サイト< http://www.kochi-keirin.co.jp/ >は、「このサ
ホームページビルダー10の新機能 - こころの風景
2010年08月(1) 2009年08月(3) 2009年07月(1) 2008年10月(1) 2008年04月(5) 2008年03月(7) 2008年02月(8) 2008年01月(9) 2007年12月(1) 2007年11月(2) 2007年10月(8) 2007年09月(1) 2007年08月(2) 2007年07月(1) 2007年05月(11) 2006年11月(6) 2006年10月(5) 2006年07月(4) 2006年06月(8) 2006年05月(9) 2006年04月(4) 2006年03月(5) 2006年02月(5) 2006年01月(9) 2005年12月(4) 2005年11月(12) 2005年10月(4) 2005年09月(3) 2005年08月(2) 2005年07月(5)
マイクロソフト製サイト作成ソフト「Expression Web」日本語ベータ版
以前まで「Microsoft Expression Web Designer」という名称だったモノで、日本語ベータ版は無料で利用できます。ウリとしては、Web標準へ準拠しており、なおかつ洗練されたCSSページレイアウトが可能という点。 個人的には、Wordで作ったHTMLを最適化する機能やCSSなどのチェック機能、アクセシビリティの検査機能がなかなかお役立ち。使用感はDreamweaverっぽい。 というわけで、ダウンロードして実際に動かしてみました。 Microsoft(R) Expression(R) Web 日本語ベータ版 起動にはMicrosoft .NET Frameworkが必要で、上記ページにダウンロード用のリンクが用意されています。 インストール可能な環境はWindows XP + SP2、Windows Server 2003 + SP1、Windows Vista。推奨
CSS Layouts - Code-Sucks.com
Coming SoonGet ready, something cool is coming!
HTMLとXHTMLの違いはどこにある？
ある程度、記述の内容に自由度のあったHTMLに比べると、XHTMLは、XMLの持つ特徴をそのまま引き継ぎ（XML文書ですから当然ですが）、書式が厳密になっています。また、拡張のたびに複雑になる傾向のあったHTMLと異なり、XHTMLではモジュール化による拡張性も視野に入れた仕様になっています（モジュール化をベースとしたXHTML 1.1は現在勧告案の段階ですが、携帯電話やカーナビなどの表示能力が乏しいデバイス用であるXHTML Basicから、将来の拡張性までを考慮した仕様になります）。 XHTMLに関連する W3C勧告は以下のとおりです。 XHTML(TM) 1.0: The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0 XHTML(TM) Basic Modularization
Aptanaを試してみた : 404 Blog Not Found
2006年08月01日19:45 カテゴリLightweight Languages Aptanaを試してみた というわけで、私も試してみました。 Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 私自身は、あまりIDEを使わないのですが、よく出来ていると思います。右肩のスクリーンショットは、撮影のために解像度を1024x768にしてから撮ったのですが、見ての通り、メソッド名を補完する時にそれがIEとFireFoxに対応しているのか、そしてそれがどんなメソッドなのかをきちんと表示してくれます。 うれし
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://elastic965.80code.com/blog/2007/02/target_blank
http://japan.internet.com/wmnews/20070117/6.html
文字参照一覧 | references | CYBER@GARDEN
ウェブページを作る人に8の質問 - カナかな団首領の自転車置き場ダイアリー
