カテゴリ:├CSS講座( 8 )
Topに戻る
picasaのアルバムのタグ


上はGoogleから提供されたPicasaのWebアルバムへのリンクです。
タグは下のようになっています。長くて頭がクラクラしそう!!

<div style="text-align:center;width:194px;font-family:arial,sans-serif;font-size:83%"><div style="height:194px;background:url(http://picasaweb.google.com/f/img/transparent_album
_background.gif)
no-repeat left"><a href="http://picasaweb.google.co.jp/yamaotomi/2" target="_blank"><img src="http://lh4.google.co.jp/image/yamaotomi/RdhxBq8-wFE/AAAAAAAAAJk/7kQO58MNRhQ/s160-c/2.jpg" width="160" height="160" style="border:none;padding:0px;margin-top:16px;"></a></div><a href="http://picasaweb.google.co.jp/yamaotomi/2"><div style="color:#4D4D4D;font-weight:bold;text-decoration:none;">歩こう会2月例会</div></a></div>

でも大丈夫。
<div>のスタイルに赤い線を付け加えてみると、構造がよくわかりました。
ブログはtable要素はご法度ですので、すべてdiv要素ですね。
アルバムは前にUPした歩こう会2月例会です。


[PR]
by otomi_2 | 2007-04-26 01:44 | ├CSS講座 | Comments(0) Topに戻る
マウス
今日はシニアネット久留米へ新年初登校でした。
久しぶりに子どもからお上がり(?)のノートを持っていき、電源ON。
今日はご機嫌よく無事Windowsは起動。
(内緒ですが、以前落としてからタガが外れたように甘くなっているの。まるで私みたい・・・)

ところが、マウスのカーソルがフリーズしたように動かない。
カチャ、カチャカチャ。 ???  いよいよ壊れたのかしら?

よ~くよくみると、なんと手にしていたマウスはお教室のデスクトップのほうの
マウスでした。  \(゜ロ\)ココハドコ? (/ロ゜)/アタシハダアレ?  
今年もずっこけの初勉強でした。お粗末。(^^ゞ

少しまじめな話はここをクリック。
[PR]
by otomi_2 | 2007-01-10 22:31 | ├CSS講座 | Comments(2) Topに戻る
タイトルgif画像の入れ方
タグのみで作った頁も、CSSでスタイルを設定した頁も、Qponさんからソースをいただいた頁も、見知らぬ方からソースをいただいた頁も、HTMLファイルならみ~んなホームページビルダーで開けます。

ビルダーのファイル→開く→保存したHTMLファイルを開く

2
タイトルを入れたい場所をクリック。

3
ツール→ウェブアートデザイナーの起動

4
編集→頁背景情報の取得をクリック→キャンバスがHPの背景色に変わる。(ここがミソ)

5
ツールのa)Logoの作成でも、b)左の操作ツールバーのAでもいいですから、タイトルを作成する。

6
たとえばb)の場合、操作ツールバーのAをクリック→キャンバス上をクリック→四角の枠にタイトルを入力。

7
タイトルをWクリック→ロゴの編集(文字の大きさ、フォント、影などの効果を入れる)

8
ファイル→Web用保存ウィザード(ツールからでも)→選択されたオブジェクトを保存→次へ→GIF→次へ→次へ→ホームページビルダーへ貼り付け→完了

これでGIFのタイトル画像が貼り付けられるはず。やだね~、ビルダーまでわすれつつあります。 あな恐ろし!!    

[PR]
by otomi_2 | 2005-10-16 18:05 | ├CSS講座 | Comments(0) Topに戻る
ジャバスクリプト
今、久留米のCSS講座では、JavaScript&CGIに入っています。

今度の章では、「リンク先の頁を、指定したサイズで別ウインドゥで開く」javascriptを勉強しました。2年前の頁ですが、左右の花のサムネイルを今回のテーマで入れてみました。 →ENTER

真ん中のイメージマップのリンクが従来のリンク方法です。全画面で画像は左上隅に配置されますね。比較すると、javascriptでリンクすると格段洒落ています。これはいろいろに使える!!


[PR]
by otomi_2 | 2005-10-04 22:59 | ├CSS講座 | Comments(0) Topに戻る
「博多寺社めぐり」UP
いま勉強しているCSSとジャバスクリプトで、今年の1月初旬の博多寺社めぐりの頁をつくってみました。

いつもHPを作るときに悩むのは、1)背景の色(基本の色) 2)レイアウト 3)写真の選択 4)そして一番はコメントです。なにしろ文才がないものですから浮かんでこんのです。

新しいXPのマシンで初めて作った頁です。ワイドのディスプレイも良し悪しですね。解像度は1280×768ですからHPを作るときはちょいと不便です。
画像をクリックすると、HPに飛びますよ。


[PR]
by otomi_2 | 2005-07-18 02:23 | ├CSS講座 | Comments(4) Topに戻る
CSSの復習(12/8)
b0018441_18115716.jpg
今日は「CSSを使ったタブ付きページ」を勉強しました。
実際には各花のHTMLファイルにリンクかかるのですが、ブログではできません。だいたいの感じをつかめていただけたら、嬉しいです。

[PR]
by otomi_2 | 2004-12-08 20:42 | ├CSS講座 | Comments(0) Topに戻る
スタイルシート講座(2回目)(9/15)
9月のテーマは、CSSを使うとこんなステキなHPが出来るという事を、まずは難しいこと抜きに体感しようというで、今日はhead部分にスタイルを入力しました。

前回よりさらにパワーアップした新しいタグ入力ソフトに変わった為、多少戸惑いましたが、最終的にはこんな頁になるんですよね?
左にメニューがあって、すぐ使えそうなレイアウトです。

フレームをつかってませんので、検索にもかかりやすいですよね。
クリックで拡大。まるちゃんがすぐ助手に昇格。楽しく勉強しました。
b0018441_21454656.jpg

[PR]
by otomi_2 | 2004-09-15 21:15 | ├CSS講座 | Comments(0) Topに戻る
スタイルシート講座 (9/1)
久留米で待たれたスタイルシート講座(基礎から)
が始まりました。
b0018441_2134191.jpg
初回の今日は、すぐれものの『タグ入力ソフト』を
使って(というよりは使われてましたです)、HTMLタグを入力したところまで。
さて、これがCSSを使うとどのように変化するかは、お後のお楽しみ!! 報告しますからね。
講師は勿論ja-mwat 御大です。クリックで拡大(下)。
b0018441_11595051.jpg

[PR]
by otomi_2 | 2004-09-01 20:33 | ├CSS講座 | Comments(0) Topに戻る