Operaで、レイアウトの勉強

Operaロゴマーク

芸は、習うより、盗め。
と、よくいいますが、ホームページ作りも、まさにそうです。
わかっているとは、思いますが、パクリってことじゃないですよ!
でも、ソース見ても、なんだか、難しくってさ……
そんな時こそ、Operaです!


Continue Reading

ホームページ作成に、最適なブラウザは?

OperaFirefoxロゴマーク

みなさんは、ブラウザは、何をお使いですか?
また、ホームページを作成する時に使うブラウザは、なんですか?


 

Continue Reading

マージンとパッディング、そして横幅について

横幅を超えた画像を挿入してしまった図

時々、こういう状態のページって
ありますよね?
今日は、2カラムを作るために、押さえておきたい、
横幅と、マージンとパッディングについて、書きます。


 

Continue Reading

ソース画面に切り替え、HTMLの書き方を覚える

ホームページビルダーのツールバーにある、このタブを使ったことがありますか?

ホームページビルダー操作画面

プレビューならあるけど……?
他は、見なくてもホームページ作れるし、見ても、よく分かんないし。

ですよね~~~とは、言わないわよ!(ましてプレビュー入ってないし)
今日は、是非とも、このタブを活用して欲しいというお話。

ちょっと、まった!
タグ打ちしないで、ホームページを作るのが、このブログの趣旨じゃないの??

もちろん、そうです。
でも、『タグの手入力は、極力しないようにします。』
って言うだけで、それなりに、HTMLソースは、気にします。

ふ~ん……なんか、騙された気分……?
それって、それなりのメリットがあるんでしょうね??

Continue Reading

Inkscapeでイチゴの画像をハート型に切り抜く

今日はInkscapeで、イチゴの画像をハート型にくり抜きます

ハートの画像
Happy Valentine’s Day
だから、やっぱり、ハートでしょ!
では、やってみましょう。

Continue Reading

Inkscapeでホームページで使う飾り素材を加工しよう!

Inkscapeって、どんなソフト?

そろそろ、2カラムの説明をはじめようかな~~と、思っているので、
まずは、そこで、使う素材を用意しましょう。

で、登場するのが、フリーソフトの「Inkscape」。

Inkscape(インクスケープ)はオープンソースで開発されているベクトル画像編集ソフトウェア(ドローソフト)。
ウィキペディア – Wikipediaより

ふ~~ん。
じゃあ、ドロー系ソフトって何よ?

Continue Reading

画像加工・編集からお絵描きまで出来るお役立ち無料ソフト色々!

ホームページを飾ろう!

ここに、こんな写真があったらな~~とか、

ここは、ちょっとアイコンで、目立たせたいな~~とか、

かっこいい飾りが欲しいな~~~とか、

撮った写真を小さくしたい、とか、

写真に文字を入れたり、丸く切り取りたい、とか…………

Continue Reading

Q&A リストタグの装飾 2

ボタンのように端っこも押せるリンクの設定

サンプル画像

クリックする範囲が大きいことは、見栄えもよいですが、閲覧者にも親切だと思います。

時々間違え探しのような、まるで、こちらが試されているようなリンクや、ダミーリンクなどがありますが……大人の事情により以下略

←今回は、これを作ります。
サンプルページは、こちらからどうぞ



Continue Reading

ブロックレベル要素とインライン要素

タグの性質を把握する

ブロックレベル要素と、インライン要素だって?
何をいきなり、難しいこと言いだしたわけ!?

はあ……まあ……そうですね。
管理人も、最近覚えたことですが、覚えておくといい、
いや、
覚えておくべきだと思ったので、ちょっち書きます。

Continue Reading

Q&A リストタグの装飾

ホームページビルダー リストタグを使って縦並びのメニューをつくる

ご質問の件でございます。

それでは、
ホームページビルダーで、リストタグを使ってメニューを作りたいと思います。
※今回は、主にホームページビルダーでのリストタグ挿入の操作の説明です。

じゃあ、いくよ~~~

ホームページビルダー開いてくださいね!!

 
Continue Reading