コメントを頂いたのですが、あまりにも関係のないコメントでしたので、消去させていただきました。
今後も関係のないコメントやトラックバックが貼られた場合、見かけ次第削除という姿勢を取らせていただこうと思いますので、何卒ご了承下さい。
# by doppelganger1621 | 2007-12-31 23:59
さて、ではリンクの貼り方について。
これまでのタグ紹介のみでWebページやブログを書き連ねてきた方々は、以下の命令文でリンクが貼れます。
<A HREF="飛んでいって欲しい先のURL">適当な言葉</A>応用編として画像を押すことでリンク先に飛べるようにするのも、この命令文と画像呼び出し命令文とを合わせれば、難なく出来ます。
<A HREF="飛んでいって欲しい先のURL"><img src="画像のURL"></A>テキストリンクの見本は→
こちら画像リンクの見本は→

※両方とも、私自身のWebサイトに飛んでいきます。
次は自分のWebページでも使っている、フレームページの作り方と、リンクについて書きたいと思います。
# by doppelganger1621 | 2006-05-12 08:17 |
役に立つ?
久し振りの更新となりますこと、まずはお詫び申し上げます。
実は私、腱鞘炎+神経痛持ちで、無理することはもちろん、冷えも大敵であったりします。
冬の間はそれなりに気を付けてやっていたのですが、4月になると春ということで安心して、気を抜きすぎてしまいました。
八戸にきて1年半ですが、まだまだ慣れません……。ごめんなさい。
さて、今回は画像の貼り方ということですが、タグとしては
<img src="貼りたい画像をUPしているURL">で済みます。Webページを運営している方はご自分のスペースに置いてある画像で試してみて下さいね。
ちなみに、<img src="貼りたい画像をUPしているURL" width="横ピクセルの数値" height="縦ピクセルの数値">と書き込むと、指定した大きさで画像が表示されます。
しかし
ここでちょっと注意なのですが、
ここでの数値は割合で表記しないで下さい。そしてそして、ひょっとしたらコレは応用編かもしれませんが、画像の縁に枠線も書き込めます!
その場合のタグは<img src="貼りたい画像をUPしているURL" border="枠線の数値">です。1が細くて7がとても太くなりますので、見栄えよくしたいのであれば1~3の間の数値で書き込む方が得策です。
ちゃんとタグが完成していれば、以下のように表記されます。(画像は自分のWebページ用に描いたのを使っています。持ってかないでくださいね^^;)

(横250ピクセル、縦100ピクセル、枠線3でタグ組みました)
数値を書き込むとき、縦の縮小や拡大数と横の縮小や拡大数とできちんと合わせないと、画像が大変な事になるので、注意してくださいね☆
最後にこのタグについてですが、先に説明した<A>や<B>などのタグと違って</A>や</B>といった終了文は必要ありません。
何故かと言われても困りますが(笑)
次はリンクの貼り方を説明いたします^^
# by doppelganger1621 | 2006-05-04 20:24 |
役に立つ?
さて、文字装飾と文字の大きさについての指示は頭に入りましたか?
さぁ、今日は応用です。そこで初心者だった頃のワタシの失敗談。
ワタシはWebページを初めて作った頃、このHTMLを知ったとき、得意げにこう指示しておりました。
<font size="+1"><font color="色#シート">ほにゃらら</font></font>と。
こういう指示の与え方は、間違ってはいません。間違ってはいないんですが、ページの容量が指示を与えていく事に
重くなっていきます。 重くなるというのはどういう事かというと、HTML言語や普通の文字入れる事にページはちょこちょこと容量を重くしていくのですが、
指示が重複すればするだけその重みは増加します。 ま、そこまで重くなるのにはとんでもない量を書き込まなければならないのですが(朝刊紙10部くらいかな? 画像を入れれば、更に重みが増しますが、まだ画像について書き込みしていないので、ここでは無視の方向で)、重くなればなっただけ、そのページが閲覧しにくい状態に陥ります。
つまり、お客さんの足が遠のいてしまう原因にもなる訳で。
どーせみてもらうなら、たくさんの人に閲覧して欲しいですよね?
なので、サイズと文字色を同時に指示するときは
<font size="+1" color="色#シート">ほにゃらら</font> と書きましょう。
すると、
こうなります(色コードは#6189A3を使用しました)
指示がひとつで済むので、容量削減できますよ♡
次は、せっかくなので画像について講義したいと思いますが、Windowsしか使ったことがないので、Macユーザーさんには不評かも?^^;
# by doppelganger1621 | 2006-04-19 19:12 |
役に立つ?
次に文字装飾ですが、ブログやWebページを彷徨っていると、
こんな感じに文字が大きくなったり、
こんな感じに文字が斜めになったりと色々な工夫を見ることが出来ると思います。
まず太文字。これは<b>太文字にしたい言葉</b>というHTML言語でソース内に指示すれば、
こんな風に表示する事が出来ます。
文字を斜めにしたい場合は<i>斜めにしたい言葉</i>で
こうなります 文字の下に線を入れたい場合は<u>下線を入れたい言葉</u>で
こうなり、
文字を表示しつつ打ち消したい場合は<s>打ち消したい言葉で
このようになります。
次に文字の大きさを変える場合ですが、<font size="大きくしたい割合(小さくすることも出来ます)">対象の文字</font>というHTML言語をソース内で指示すれば、色んな大きさに文字を変えることが出来ます。
文字-2文字-1文字0(標準サイズ)文字+1文字+2文字+3 -2の文字はちょっと読みづらいですね^^; 申し訳ない。
今回-2は-2と指示を与えてみましたが、実は17ptなどの絶対的サイズででも指定出来たりします。でも、これはオススメしません。
何故かというと、絶対的サイズで指示することにより、作成する人のモニターの解像度では見やすいのに、閲覧する人のモニターの解像度では見難いという問題が起こってしまうからです。
Webページやブログは他人に見せるモノなので(見せたくなければWebページやブログとしては残さないでしょうし)、それを考慮して、出来るだけ割合で指示して下さい。
次はこれまでのまとめというか、応用編です。
# by doppelganger1621 | 2006-04-18 08:20 |
役に立つ?
下の記事で文字色と書きましたが、コレはWebページを作る上で決めたい背景や他の色を使う時なんかに使えるので、タイトルで表現してみました。
さて、まず文字色を変えるときは
<font color="色の名前か#コード">色を変えたい文字</font>というHTML言語を使うのですが、色の名前で使えるのは以下の16色がメインじゃないかなと思います。
blackgrayredpurplebluegreensilverwhitemaroonfuchsianavylimeolivetealaquayellow16色ですが、色々と使うと派手に演出できますね(^-^)
そして他の色を使いたいときは、こちらのサイトが色を探しやすいかなと思います!
色の名前辞書計画ここのサイトは色の名前の検索から始められますし(青なら青と記入欄に書き込みして検索するだけで『青』と名前がついた色がズラッと出てきます)、アイウエオ順に色を検索することも出来ます。
ま○ざきし○る色まである面白さ…!
使い勝手はGoodです! ☆5つあげてもいいくらい(笑)
姉妹サイトとして「女の子の名前辞書計画」、「モンスターの名前辞書計画」があるので、出産時や「あのモンスターってどのゲームだっけ?」な時の調べ物としても重宝できます☆
色を扱ったサイトはここだけではありませんが、調べやすさでいうならココしかあるまいとまで思っております。
もし「このサイトもオススメ!」や「HTMLやWeb内でこんな事について教えて欲しいんだけど」などなど、ありましたらコメントなどに記入していただければ、次へのネタにもなるので、初心者の方、どしどしコメントよろしくお願いします~!
次は文字の大きさについてです。
# by doppelganger1621 | 2006-04-17 08:02 |
役に立つ?
えー…いくつめでしょうか? ブログ持つの(--;
自分でも辟易しますが、身近で新規にWebサイト持つ人が増えてきて、既に公開までしているワタクシに「これどうやるの?」とか「こういうのやりたいんだけど…」とか色々聞かれるようになったので、今更な気がしますが、ほんっとに初心者なWeb制作者さまやブログなどで「こんなん使いたいんだけど…」な答えをここに書いていこうと思います。
初心者用に作るつもりですが、判りにくかったらごめんなさいということで。
さて、初日ですが、まずWeb制作するにあたっての注意を。
巷でホームページ作成ソフトが色々と出回っていますが、究極を云えば、
それらは必要ではありません。何故かと申しますと、パソコン買った時に普通に付いているメモ帳ででも作れちゃうからです。
しかし、それは中級者以上の知識がないと出来ません。
初心者はHTML言語も知らないですからね。
なので、最初はやはり、ホームページ作成のソフトをご自分でご購入したり、無料で置いてあるホームページ制作ソフトとかを検索してGetして下さい(自動ホームページ制作ソフトなんてのも検索で探せば出てきますが、あまりオススメしません。何故ってやっぱり作っていく上でこだわっていくモノだと思うし、もしソフトが壊れても自力でなんとかやったモノの方が愛着わくだろうし)。
人によってはちょっと値が張るかもしれませんが、コチラお勧め♪
ホームページ・ビルダー10(体験版から始められますので、とりあえずいじってみたい人にもオススメです☆)
次回は
岡田がるさまが文字色で悩んでそうだったので、文字色で役に立つサイトを紹介します。
もしよかったら「こういう事を調べたいんだけど、役に立ちそうなサイトって…?」みたいなのでもOKですので、質問ドウゾ。
# by doppelganger1621 | 2006-04-16 21:53 |
役に立つ?