時々、こういう状態のページって
ありますよね？
今日は、２カラムを作るために、押さえておきたい、
横幅と、マージンとパッディングについて、書きます。
Monthly Archives: 2月 2013
ソース画面に切り替え、HTMLの書き方を覚える
ホームページビルダーのツールバーにある、このタブを使ったことがありますか？
プレビューならあるけど……？
他は、見なくてもホームページ作れるし、見ても、よく分かんないし。
ですよね～～～とは、言わないわよ！（ましてプレビュー入ってないし）
今日は、是非とも、このタブを活用して欲しいというお話。
ちょっと、まった！
タグ打ちしないで、ホームページを作るのが、このブログの趣旨じゃないの？？
もちろん、そうです。
でも、『タグの手入力は、極力しないようにします。』
って言うだけで、それなりに、HTMLソースは、気にします。
ふ～ん……なんか、騙された気分……？
それって、それなりのメリットがあるんでしょうね？？
Inkscapeでイチゴの画像をハート型に切り抜く
今日はInkscapeで、イチゴの画像をハート型にくり抜きます
Happy Valentine’s Day
だから、やっぱり、ハートでしょ！
では、やってみましょう。
Inkscapeでホームページで使う飾り素材を加工しよう！
Inkscapeって、どんなソフト？
そろそろ、２カラムの説明をはじめようかな～～と、思っているので、
まずは、そこで、使う素材を用意しましょう。
で、登場するのが、フリーソフトの「Inkscape」。
Inkscape（インクスケープ）はオープンソースで開発されているベクトル画像編集ソフトウェア（ドローソフト）。
ウィキペディア – Wikipediaより
ふ～～ん。
じゃあ、ドロー系ソフトって何よ？
画像加工・編集からお絵描きまで出来るお役立ち無料ソフト色々！
ホームページを飾ろう！
ここに、こんな写真があったらな～～とか、
ここは、ちょっとアイコンで、目立たせたいな～～とか、
かっこいい飾りが欲しいな～～～とか、
撮った写真を小さくしたい、とか、
写真に文字を入れたり、丸く切り取りたい、とか…………
Q&A リストタグの装飾 ２
ボタンのように端っこも押せるリンクの設定
クリックする範囲が大きいことは、見栄えもよいですが、閲覧者にも親切だと思います。
時々間違え探しのような、まるで、こちらが試されているようなリンクや、ダミーリンクなどがありますが……大人の事情により以下略
←今回は、これを作ります。
サンプルページは、こちらからどうぞ
ブロックレベル要素とインライン要素
タグの性質を把握する
ブロックレベル要素と、インライン要素だって？
何をいきなり、難しいこと言いだしたわけ！？
はあ……まあ……そうですね。
管理人も、最近覚えたことですが、覚えておくといい、
いや、
覚えておくべきだと思ったので、ちょっち書きます。
Q&A リストタグの装飾
ホームページビルダー リストタグを使って縦並びのメニューをつくる
ご質問の件でございます。
それでは、
ホームページビルダーで、リストタグを使ってメニューを作りたいと思います。
※今回は、主にホームページビルダーでのリストタグ挿入の操作の説明です。
じゃあ、いくよ～～～
ホームページビルダー開いてくださいね！！
ホームページビルダー ツールバーをカスタマイズする
ツールバーにレイアウトコンテナのアイコンを作る！
ホームページビルダーで、レイアウトコンテナ（DIVタグ）を挿入するのって面倒ですよね。
ツールバーに、アイコン・ボタンがあれば……って思いませんか？
↑↑↑これは、私のツールバーに置いている、自分用のアイコンです。
今回はこれを作っていきます！
１カラムの簡単なページを作る 補足１ 外部スタイルシートのつくりかた
スタイルの設定の仕方の種類
１．HTMLタグに、直接書く
推奨されていませんが、ここだけ色を変えたい！って言う時便利です。
このブログ内では、よく使っている、これです！
いまのは、SPANといタグをにスタイルを設定したのですが、
今まで出てきたタグ（DIVとかPとかH1とか）に設定出来ます。
最近のコメント
定義リスト<dl><dt><dd>を使いこなす！ に (K)「Q&A」ページはDLタグとCSSで作成するのがいいね(CSS覚え書き) | web(K)campus より