カテゴリ:ホームページ( 38 )
|top戻る

favicon作成方法
faviconの作り方:

Faviconはお気に入りの一覧の先頭に表示する
アイコンのことです。
16×16のサイズのgif, jpg, pngの画像を準備する
(写真でもイラストでもいいよ)名前を付けて保存する

アップするファイルの拡張子は .ico となります
作成サイトを利用します

http://ao-system.net/favicon/index.php

こちらのサイトをお気に入りに登録する
(このサイトはインストールしたりしなくていいから便利だよ)
b0065261_2343397.jpg

こちらの画面の小画像の右横の参照から用意した16×16の画像を入れる
このサイトのfavicon ico作成のボタンをクリックする

b0065261_23561027.jpg

右にダウンロードする画面が出るので
ダウンロードのボタンをクリックする
→保存(保存する場所は必ずhtmlと同じ場所に保存します
    imagesの中に保存してはいけません。)
アイコンがあることを確認すること♪
なければ失敗しています・・・・・やり直し!!!

自分が作ったホームページのソースを開く→


<link rel="shortcut icon" href="http:
自分のurl/favicon.icon"type="image/vnd.microsoft.icon">


こちらを

<header>~</header>
この中に手打ちする
インターネットを立ち上げて確認する
かわいいアイコンができるといいですね
[PR]
by mayatomo5 | 2012-01-22 23:20 | ホームページ |top戻る

xhtmlの勉強1(2011.1.12)
HTML&スタイルシートレイアウトブック

新しいXhtmlの勉強が始まりました
HTML PROJECT2の設定から始めます

設定→XML
設定→タグの挿入の時~→すべてのタグ
設定→ 全般設定→フォント→12にしたよ
全般設定→パス設定→グーグルクロム・インターネットエクスプローラー
全般設定→ドキュメント→自分のフォルダ(サーバーに挙げる時の名前)
→OK

設定→ファイルの入出力に~→(押された状態でいること)引っ込んでいるような
状態であることを確認する

登録タグ→タグの登録→マイコメント/*=== ===*/

ファイル→印刷→left marginからすべてのmarginを10にする
    Font size 12
Line Nuberにチェックを入れる(右中央)
        Columを1にする
        →OK


新しいページを開く
ページ設定→HTMLファイルの初期設定→文字コードをutf-8→OK

ファイル→名前を付けて保存→0112css演習の中に1-1保存する(私だけよ)
一度閉じる→設定→ファイルを開くときutf-8を仮定するを押されたように
引っ込んでいること
2011.1教材の中の0112css演習の中に1-1として保存した(私だけよ)
演習見本から中身を出してCtrlt+A  Ctrlt+C  Projectのbodyの下にCtrlt+V     
[PR]
by mayatomo5 | 2011-01-12 21:09 | ホームページ |top戻る

簡単サムネイル ホームページ
http://www.geocities.jp/miyake_kobo/DATA30/cp_samp_001.html
ココをクリックする
こちらのホームページを開く→今回は標準ギャラリー(上から2番目)
ソースを表示をクリックする→
これをすべて選択してコピーする(CtrlプラスA →CtrlプラスC)→(これをっ最小化しておく)→

HTMLプロジェクト2を開く→(上)ページ設定→HTMLファイルの初期設定→新規→OK
<body/>の下にコピーしてきたソースを貼り付ける

(写真を10枚同じ大きさにする(640の480)
写真番号を10、11,12.。。。。。19と書き換える)

Project2のファイル→ファイル名に名前を付けて保存(10枚の写真が入っているホルダに入れる)
→名前を何かローマ字で付ける→
ファイルの種類htmlにしておく→保存。。。。。
(写真が入ってきます)
<bodye>の下に<h1></h1>
書き換える部分の中のthumbnail=6。。。。
これは、大きい写真の横に6枚の小さい写真が見えているということ
(数が小さくなれば小さい写真のサイズが大きく見えてくることになります)

f_no=10。。。。これは写真の番号が10から始まるということ
l_no=22。。。。これは写真の最後の番号(今回は20だから22を20と書き換えないといけない)
haba。。。。。。。これは写真の横幅(今回は680と書き換える)
takasa。。。。。。これは写真の高さ(今回は480と書き換える)
→ファイル上書き保存


壁紙を入れる
壁紙は風と樹と空とから拝借しました
<title><title>の下に壁紙を入れる
{background-image:url(壁紙の名前);
background-attachment:fixed;
text-aligin:center;}
h1 {color:lime;(文字の色をライム色にした)
font-size:30;(文字の大きさ30)

<body>の下に<h1></h1>
タイトルを入れる
これで10枚の写真のサムネイルが出来上がりです
[PR]
by mayatomo5 | 2009-12-23 20:03 | ホームページ |top戻る

メモ帳でホームページ
HTMLを作るのは、メモ帳が基本です。

メモ帳は、スタート→アクセサリーの中に入っています。
メモ帳→書式→右端で折り返すにチェックを入れる
メモ帳→書式→フォント→大きさを大きくして書きやすいようにします。
ここでフォントをどんなに大きくしてもホームページの表示には関係ありません。

では、メモ帳に好きな言葉をだ列してみます→ファイル→名前をつけて保存→
ファイル名(今回はbaseとします。)base.htmlと必ず拡張子を記入します→保存
これで、base.htmlというeマークのついたホームページができます。

好きな言葉をだ列した後に何か言葉を付け加えてください→ファイル→上書き保存
CtrlキーとSをクリックすると上書き保存のショーカットになります)→ブラウザに切り替えて
自分が書いた文字をインターネットで見て見ましょう(AltキーとTabキーをクリックすると
ブラウザの切り替えになります)→更新する時はF5をクリックすると更新します。

このようにしてメモ帳を使ってHTMLのホームページができます。
[PR]
by mayatomo5 | 2008-11-06 19:56 | ホームページ |top戻る

ダウンロードするホームページ
ダウンロードするホームページを習ってきました。

今回はDeldustで練習しました。

フォルダをデスクトップに作る(名前a)
Derudust右クリック→書庫に圧縮→自己解凍書庫を作成にチェックを入れる→OK
→フォルダaに入れる
ビルダーを立ち上げる→名前を付けてフォルダaに入れる→eマークをビルダーで開く→
ここをクリックすると開きますと書いておく→この文字をドラッグしてリンク→参照→
圧縮した物を選ぶ→OK

プレビュー→実行→実行→インストール
[PR]
by mayatomo5 | 2008-07-26 00:03 | ホームページ |top戻る

Project2
の下に<と入れる

tableはtrからtrの間になります。
ここに写真などを入れ込みます。

タグが間違っていないかを確かめるのに
左下をビューから階層にします。
間違っていたらここで注意がでます。

カーソルをtd とtdの間においておく
タグ→リンクと画像→埋め込み画像→画像のリンク先の横の四角→写真を選ぶ→OK
左下ビューをクリックすると入ってきます
(altはマウスを持っていくと写真の説明がでる)
ファイル→上書き保存

CSS
CSSのページにする→t1→タブキーを1回Shiftを押して代括弧{
Enter1回タブ1回→backgroundo-colorの次にEnterをクリックすると;になる
後は、t1を入れていく
[PR]
PRoject2を立ち上げる
ファイル→名前を付けて保存→Table.html
ファイル→新規ファイル→名前を付けて保存→ファイルの種類をすべてにする・
      ファイル名tabale.css

htmlのページ:ページ設定→ファイルの初期設定→バージョン情報横下向き三角をクリック→
その中から真ん中を選ぶ(右側がTransitinalになっているからです)→文字コードは:
Shift_jis→タイトルは:ボックス練習→OK

スタイル(上)→リンクの指定→リンクタイプ横向き三角をクリック→stylesheet→リンク先の
横の四角をクリック→tabale.cssを選ぶ→type MIMIタイプの横の下向き三角→type/css
→OK

今日は、tableを作り写真を入れる
の下にカーソルを持っていく→→OK


が入る→の下に
by mayatomo5 | 2008-07-09 21:31 | ホームページ |top戻る

アプレット
アプレットを作りましたので見てね♪
ここをクリックしてね。
http://www.geocities.jp/otemo39/aze/

b0065261_22481317.jpg

500の200の画像を5枚用意してナンバーをつける。
その中から65の65をトリミングする。
500の200を1枚反転させる。
反転した物を元の写真と結合する(1000の200の画像になる)
1000の200の画像と元の画像を結合する(1500の200の画像になる)
(必ず反転・結合をしないと アプレットとして使えません・・・・
インチキなしで作らないといけませんでした・・・・ふしぎ~)

後は、アプレットを作る要領で作る。
[PR]
by mayatomo5 | 2008-04-25 18:40 | ホームページ |top戻る

フレームの作り方No3
hinagata2の中のhtmlのフォルダを開く→01のeマークをクリック→下のビルダーをクリック→01の写真が出てきますその下に01とあるのでこれをドラッグして写真に合う文字を書く→
上書き保存→ビルダーをバツで閉じる

htmlフォルダの中の02のeマークをクリック→下のビルダーマークをクリック→
写真の下の02をドラッグして消す→写真に合う文字を入れる→上書き→ビルダーを閉じる

是の繰り返しです(01から08までがんばるぞー!!)

hinagata2にもどる→indexをダブルクリックする。
出来上がりです。。。。。。がフォルダのなかのbakファイルを消しておくこと!!
おつかれぇ~♡
b0065261_21422918.jpg

[PR]
by mayatomo5 | 2007-09-14 21:01 | ホームページ |top戻る

フレームの作り方No2
VIXでmainnのeマーク(インターネットのマーク)をクリック →下のアプリケーションの中の
ホームページビルダーのマークをクリック→h(表紙の写真が入ってきます)
左の絵をクリックすると大きくなりますの文字が下にあったので
切り取って上に持ってきました。

また文字色が赤だったので青に変えました
(文字色が変わらない時は、ビルダーで編集をHTMLソースに変える→カラーパレットで
色を決めて文字色の所を書き換える→必ず上書き保存をする(フロッピーのマーク)
→ビルダーを消す。

VIXのなかのtitleのeマークをクリック→ビルダーをクリック→編集にして
文字を書き直したり色を変えたりする→上書き保存ビルダーを消す

SSのフォルダーを開く→menueのeマークをクリック→ビルダーマークをクリック→
下の絵をクリックするの文字色を変える(上の文字色の変更を使うか
編集をHTMLに変えてカラーパレットの文字色番号を見て書き換える)→必ず上書きすること

写真の下の01をドラッグして消す→写真に対する言葉を入れる
これを写真08まで全部書き換える。
ここでの注意:01から08までの文字色は黒になります。
リンクがかかってしまうとブルーで下線が付いてきますので、
リンクをかけないように書き換えてください→もちろん上書き保存→
私は、タイトルの所の壁紙が嫌いだったのでここで壁紙を入れなおしました→
壁紙→素材集→mainの壁紙の色と同系色を選びました→上書き→
素材ファイルをするダイアログボックスが出る→保存→ビルダーを消す
フレーム作りNo3に続く。。。。くたびれたぁ
[PR]
by mayatomo5 | 2007-09-14 20:05 | ホームページ |top戻る

フレームの作り方No1
本日フレームのホームページを習いました。
何と私たちが作りやすいように
形を作ってあって。。。。。チョーラッキー♡

先生のパソコン教室→教室資料→HP初級→
保存→デスクトップ→ダウンロードの完了をバツで消す。

デスクトップに新しいフォルダを作ってhpstart.exeをドラッグして中に入れる→
hpstart.exeをダブルクリック→実行→インストール先を確かめて。。。。
インストール→hpstartのフォルダができます。
中のHP1.HP2はホームページの作り方が入っています。

hinagata2を使います。(これがフレームです)
ようは、この写真などを入れ替えて自分のホームページに作り変えます(簡単!!)

では、作り方
01から08までの写真とhの写真の大きさをVIXで合わせて
自分の写真と入れ替える。(540×360)

写真の名前を01から08・h(表紙)と変えておくこと

SSのフォルダの中の写真の大きさを確認する
写真を01から08まで削除する

hunagata2のフォルダに戻る→写真01から08.hを選択する
→画像→総合変換→出力→参照からSSノフォルダを選んでおく→OK
リサイズ→横幅指定(横)90にする→OK(小さいサイズの写真がSSに入る)

hinagata2にもどる→indexをクリックすると。。。。。。
なんとなく形ができてきたよぉ(もう少しだぁ)

一休みしてNo2文字などを書き直すよ(^^)/~~~
[PR]
by mayatomo5 | 2007-09-14 19:05 | ホームページ |top戻る


私が見つけた素敵なもの達!
S M T W T F S
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30