sectionはまだしもarticleが

最近ひょっとしてHTML5が盛り上がっているのではないかというのも、なぜHTML5がそれほど重要か?なんていう記事を読んでこちらが勝手に煽られているだけなのかもしれないわけだが、モダンブラウザでは実装が進んできているような話もあるようだし、こうしてはいられないと東海林さだお描くところのサラリーマンよろしく鼻息も荒く立ち上がったとしてもやむを得ないところである。

ずいぶん前にHTML4からの変更点についての記事をざっと読んだかぎりでは、大きな変更点は
<header>
<footer>
<aside>
<nav>
<article>
<section>

などの新しいタグが加わったことだと思われる。
勿論ほかにも様々なタグが増えていようし、その他にもびっくりするような変更点があるのかもしれないが、ウェブデザイン的にはとりあえずここが肝ではないか。

で、こんな記事を読んで漠然と想像したのは、これまで
20090727-div.png
こんなふうにdiv要素にidやらclassやらで意味付けをしていたものを

20090727-html5.png
ほら奥さん、こんなにスマートに書けるんですよ、というような、レイアウトされたパーツの意味付けをするためのタグなのだろうなということだが、どうやら今回調べてみて当方の勘違いだった事が判明。
いや、これと同じように紹介しているサイトもかなりあり、こういう使い方も正解であるのかもしれないので、「他の使い方もあるみたいですよ」とだけ言うにとどめるが、こんなデタラメな画像を使って説明したことについては謝罪しておきたい。

私が思い違いをしていた所とは、例えばheaderやfooterは一つのページに当然一つだと思っていたらそうではなくいくつでも置けるという事。
一つの記事にheaderとfooterを置く事も出来るわけで、ブログのトップページに例えば10件のエントリーがあるとすれば、もうheader、footerだらけである。このような新しいタグの意味は「HTML5 タグ」などと検索して自身で調べて頂きたいが、これだけは言っておきたい。

articleがわからない。sectionはまだしもarticleがよくわからない。

再びのJimdo

あらためてJimdoのデザインを変えてみようと思い立ったというのもどこかのブログ記事で「ローカルで組んだhtmlとcssを流し込めばどんなレイアウトも思いのまま」(大意、というかほとんど超訳)などという言葉に煽られたからだが、その記事がどこにあったかというと履歴も残っていないので紹介のしようもないし、まあ、どうでもいい。

とりあえずJimdoの広告がめだたないレイアウトを考えてみた。下でしょう、やはり。右下あたりにひっそりといて頂くのが望ましいと思う。そのためには、メニューを上(ヘッダー画像の下あたり)に横並びにおいて、メインコンテンツは一段組。一段組にするとあまり横幅が広いと読みづらいのではないかと思うので、幅は600px程度に。その下に二段組に要素を配置。広告の横にはデザイン部の紹介的なものを置いてみます。デフォルトでaboutページはありますが、有無を言わさず破棄。こんな感じで行きましょう。
続きを読む

週末のJimdo

土日は用事の合間をぬってJimdoをさわってみた。
このあいだ「データベースを使わないcms」のことをなにやら言っていたではないかと指摘されたくはない。決して面倒になって、なにかこっちの方が簡単そうだと思ったわけではないし、そう思われるのはむしろ迷惑である。なるほど、これも勉強であるのだなあと思っていただければよい。

さて、Jimdoの登録からログインまではなにも難しい事はない。いや、最初のログイン時にチェックボックスを外す(入れるんだったか?)のを忘れるとログインに何度も失敗して軽く途方に暮れるかもしれないのでご注意を。
デフォルトの画面はこちら。
before.png
いろいろいじった後に戻したのでちょっと違うがご容赦を。
手軽にデザインを変えたければ右のツールボックスの「レイアウト」クリックでいろんなデザインが現れるし、画像も自分の好きなものを選べる。もちろん手持ちの画像をアップする事も可能だ。
続きを読む
«Prev || 1 || Next»
archives
2010.07
2010.05
2010.04
2010.03
2010.02
2010.01
2009.12
2009.11
2009.09
2009.08
2009.07
2009.06
category
お仕事
サイト
メール
紀行
雑談
Tips
勉強
link
kamerad-top
kamerad-gallery
avatar by kenzi murabayashi
icons by picol.org
powered by Nucleus CMS