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