Bookmark and Share

HTML

2009年2月17日(火) 11:00
今回はマウスのアクションでHTMLコンテンツ上に広がるバナーを作成してみたいと思います。「HTMLコンテンツ上に広がる」というのは、ページ表示の 最初はバナー枠に収まるように表示されていますが、何らかのイベントで「HTMLコンテンツ上にレイヤーとして重なる(広がる)」という意味です。  
2009年1月27日(火) 11:00
Webというのは、デスクトップだけで見られる時代は過ぎ去り、ネットブック、携帯電話、携帯ゲーム端末などさまざまなデバイスでアクセスできるように なりました。また、それにともないWebにアクセスできる環境も机の上から地下鉄のホームだったり、郊外のアウトドア施設だったりと変わってきました。
2009年1月26日(月) 11:00
世の中のWebの標準的な技術(HTML、SVG、DOMなど)は、W3Cが技術を策定し標準化へと導いていています。そもそも、W3Cはなぜ存在して いるのでしょうか。今回はW3Cの歴史と仕組み、ゴールについて紹介します。技術はコンセプトなしでは正しく利用することはできませんので、W3Cのコン セプトを理解することは技術利用の判断力をアップさせる基本となります。
2009年1月20日(火) 11:00
テーブルタグを使ってコーディングすることが主流だったころは、HTMLタグのそれぞれの意味をあまり知らなくても、Dreamweaverなどオーサ リングソフトを使えば、見た目を確認しながら、コーディングをすることができました。しかし、(X)HTMLとCSSコーディングが主流になってきた現在 では、オーサリングソフトを使って見た目の確認をしながら、さらにHTMLタグの特徴を理解しなければマークアップができなくなりました。
2009年1月19日(月) 11:00
現在では、誰でも当たり前のように毎日利用しているインターネットにも、ライト兄弟が飛行機を発明したように、もちろん発明した人がいます。もし、あな たがWebの世界に携わるのであれば、Webがどのようにして生まれたのかを知っておくことは最低限必要なことかもしれません。また、WWWとインター ネットの違いを理解することも必要なことです。
2009年1月19日(月) 11:00
携帯サイトをデザインする上でまず考えるのがPCサイトとの違いです。「携帯は進化してきた」と言われるようになったとはいえ、PCとは全く別物で違う ものとしてとらえた方が良いでしょう。マークアップの方法もキャリアごとに違うだけでなく、端末レベルでも違ってきます。携帯サイトとPCサイトの大きな違いは2つあります。
2009年1月13日(火) 11:00
現在、XHTML 1.0がWeb制作の現場では当たり前のように使われていますが、HTML 4.01の次バージョンにあたる「HTML 5」という規格が次のHTML標準となりそうです。
2009年1月6日(火) 11:00
「アクセシビリティ(accessibility)」とは、「access」+「~ible(~できる)」(の名詞形)であり、「ユーザー自らがアクセ スして利用できるかどうか?」を意味します。Webサイトにおいては、例えば図1のように、さまざまな状況や環境のユーザーであっても、自らアクセスして 利用できるような配慮が大切です。
2009年1月5日(月) 11:00
メルマガの中でも開封率が高いと言われるデコメール(デコメ)において、企業がユーザーに向けて配信するデコメを対象に、基本的な作り方と嫌われにくい デザインテクニックを実践的に紹介します。
2009年1月5日(月) 11:00
今回はブラウザ戦争とDOCTYPEスイッチについて紹介し、ブラウザ戦争、Web標準、Doctypeスイッチが互いに密接にかかわりあっていること を理解したいと思います。ブラウザ戦争とは、1994年から2000年ごろまで、Netscape Navigator(NN)とInternet Explorer(IE)の間であった市場のシェア争奪戦を指します。
2008年12月22日(月) 11:00
前回 は、HTMLとXHTMLの歴史背景について紹介しました。今回は、現在話題になっているHTML5について考えてみたいと思います。HTML 5は、1999年に開発が止まったHTML 4.01の次のバージョンです。現在は2012年の勧告を目指して鋭意、W3CのWG(ワーキンググループ)にて開発されています。なぜ、10年たってHTML 5なのでしょうか。今回はその理由にせまってみたいと思います。
2008年12月15日(月) 11:00
往々にしてWebについて勉強する際、知識や仕組みを丸暗記するのは非常に大変です。しかし、Webの歴史を学ぶと、Webの散在する知識がつながりを もち、面白く論理的に覚えることができます。そして、結果的にしっかりと知識を自分のものにできます。今回は、HTML(Hyper Text Markup Language)とXHTML(eXtensive Hyper Text Markup Language)の歴史をひもときたいと思います。HTMLとXHTML、名前が似ているので、よくHTMLがバージョンアップをしてXHTMLになっ たと考えてる方がいますが、これは正しくありません。
2008年12月11日(木) 11:00
Webサイトで利用する画像形式は、「GIF」と「JPEG」が一般的であると前回紹介しました。それでは、実際にこれらの画像形式を作るためには、どうしたら良いでしょうか。このような、画像形式を変換して保存することを一般的に「書 き出し」などと言います。今回はそんな「書き出し」の方法を、具体的に紹介していきます。
2008年10月14日(火) 11:00
携帯サイトでは、キャリアによる仕様の違いがあるため、これをどの程度まで考慮するか、はじめに考えなくてはなりません。携帯サイトの作成法には、下記の 5つの方法がありますが、ここでは「3キャリア対応の静的サイト+プログラム」について紹介します。  
2008年10月7日(火) 11:00
本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。  
2008年8月6日(水) 11:00
ディレクターはディレクション全般、デザイナーはデザイン、コーダーはコーディング、プログラマーはプログラミング…。ほとんどのWeb制作現場において、作業は完全分業制が主流です。ただ、すべてのWebページ制作が分業で進むかというと、正直なところ、なかなかそういうケースばかりではありません。コストや納期、制作する側のリソースなどの事情から、1人のスタッフがやむなく複数の作業を幅広くこなさなければならないケースが多いのも事実です。そうした場合、たとえ専門外の分野でも自分の責任範囲として作業しなくてはならなくなります。
2008年5月30日(金) 11:00
JavaScriptのライブラリは、各ブラウザ間のバグや仕様の違いを吸収することで、開発者の負担を激減することを可能としました。しかし、 JavaScriptの仕様の違いと同時にCSSレイアウトのバグや仕様の違いも、Web開発者の大きな悩みの1つでした。そんな中、最近ではCSSのフレームワークも出てきたので、その中でも注目度の高い2つを紹介します。  
2008年4月28日(月) 11:00
2008年4月25日(金) 11:00
最終回の今回は、オープンソースの統合開発環境「Eclipse」と、Drewmweaverに取って代われる存在ともいえる「Aptana Studio」を紹介しましょう。筆者がAptana Studioを始めたきっかけは、諸先輩方からのアドバイスです。Webデザインだけでなくプログラミングもこなすような仕事が増えてきたころ、PHPを 書く場合に何かいいアプリケーションがないかと探しており、EclipseとプラグインのAptana Studioを勧められたのです。
2008年4月23日(水) 11:00
Webサイトの制作業務を請け負っていると、制作の途中でデザインが変わることは少なくありません。コーディングもいきなり仕様が変わったり、新しい機能 やカラムが追加になるといったことがしばしば発生します。
2008年4月18日(金) 11:00
Webページを作成する時、「第1回:ベストなコーディングツールを探せ!(http://www.thinkit.co.jp/article/47/1/)」 で紹介したような王道のアプリケーションやテキストエディタだけで頑張ることもできますが、作業を楽にするための「あると便利なアプリケーションやツー ル」を紹介してみましょう。
IT Leaders 毎月無料でお届けいたします

本誌は、読者登録いただくことにより、毎月無料でみなさまのお手元まで直接お届けいたします(書店などでは販売していません)。

企業の情報システムを担当する方々や事業部門のIT担当の方々、およびIT関連プロフェッショナルの方々を対象に、実践的に役立つ情報を掲載、幅広く業務にご活用いただけます。

IT Leaders新規購読お申し込みはこちらから