初心者ホームページの作り方。    

初心者ホームページ

初心者ホームページ

初心者ホームページ

 http://www.j-ns.com/freehomepage/

   上のホームぺ-ジを開く

2

コース別の2番目の初心者コースを開く

その後開いて

FrontPageExpressをダウンロードする

3

次に

初心者コースのFFFTP(転送ソフト)のダウンロード開く

4

初心者コースの無料レンタルサーバーを開き

その他、無料サーバーの紹介の上の段を押す。

無料HPスペース  ⇒Yahoo!ジオシティーズ  ⇒スタートはここからボタン ⇒

開設ボタン⇒ID  収得⇒無料レンタルサーバーを開く

5

ホームページで公開する内容を決める⇒自分の趣味が一番

  • その世界に精通している
  • 特殊な趣味でない限り、仲間が多い
  • 公開する内容に困らない
  • etc.....

6

拡張子を表示させるを開けて設定する。

7

FrontPageExpressコースを開き文字の練習を上から順番に練習する。

練習の仕方はTELで話しましょう

練習で書いた後の保存のコツ ★★★

  • ページを新規作成したらまず保存!(←重要)  &こまめに上書き保存
    • 後で出てきますが画像を貼り付ける前に一度保存しておかないと画像が表示されません!
  • 転送のことを考えるとァイル名は英文字で!(←重要
    • パソコンに保存したファイル名が直接URLのファイル名になります。
    • URLは全角文字に対応していません!(例外あり)
  • 保存したファイルはブラウザで閲覧できます。
    • デスクトップの[マイドキュメント]→[作成したフォルダ]→[作成したファイル]で見ることが出来ます。
    • FrontPageExpressの作成画面とブラウザの表示画面には多少の誤差があります。

    ファイルを開けて保存する

保存の場所はFrontPageExpress講座ファイルの中を見る 見た後

マイドキュメントへ『ホームページ』などの任意のフォルダーを作り
フォルダーの中にファイルを保存する。

 

8

写真の貼り付け方

貼り付けたい写真を用意する。
さっき作ったマイドキュメントへ『ホームページ』などの任意のフォルダーの中に
『syasin』(写真用のフォルダ)を作り保存する。
其の時にフォルダ名もファイル名も半角英数にする。

写真を貼り付けたい場所にカーソルを持っていき

上のツールバーの『挿入』⇒『画像』⇒『参照』の後
画像を選択する。

画像上で一度クリックして、右下隅の四角をクリックしたまま対角線上に持っていくと
画像の大きさを調整できる。

最後に『ファイル』⇒『上書き保存』する。

2

写真の加工の仕方

撮った写真から好きな所を切り取る


Jasc Paint Shop pro を開いて 左のトリミングツール(#)をクリックする。

写真の上で左クリックしてそのまま引っ張って切り取りたい所を選択する。

選択した四角の中で左クリックを押したまま動かすと移動できる!

選択した四角の周りに付いている小さい四角で大きさを微調整できる!!

この時、下のいっぱい数字が書いてある中の真ん中辺りにある[ ] で囲まれた数字(動かしている右間だけしか出ない。)を1.333 若しくは 0.75 にすると 横長・縦長の写真の大きさになる!!!

範囲を決定したら、選択した四角の中でダブルクリックする。

と、切り取られるので、

『ファイル』⇒『名前を付けて保存』する。

画像の大きさを変える

このままだと大き過ぎるので小さくします。

上の 『画像』⇒『サイズ変更』

ピクセル単位のサイズ の 幅を 320 若しくは 240 にすると 横長・縦長の写真の大きさになる!

OK を押す!!

賞状は800×600

『ファイル』⇒『名前を付けて保存』する。

3

動画の加工の仕方


http://nextalpha.ddo.jp/alpha/dvd/d1.htm
↑これをあける。
使用方法が書いてある。


☆DVD Decrypter 入手先

DVDをコピーしよう

孤高のリッピングソフト『DVDDecrypter』の入手・日本語化・使い方を画像付きで分かりやすく解説.
パソコンで楽しむ(無料) - プレイヤーで楽しむ(無料) - プレイヤーで楽しむwww.geocities.jp/dvdcopy1015/soft/decrypter.html - キャッシュ - 類似ページ


 当サイトバックアップ

Ver.3.5.4.0

 日本語化工房-KUP

日本語化パッチ


4 連続してまとめて選択するとき最初をクリックしsihutoを押し最後をクリックする。
5  
6  
7  

 

 

 

表の例1
2  
3  
4  
5  
6  
7  

 

表の例2

 

表の例3

 

表の例

 

これらを基本に ツールバーの (表) の セルの挿入・分割・結合 を使って用途に合わせて表を作る。



ここから先はチョット上級編

心して読むように。

ホームページは(タグ)というコンピューター用の言葉で書かれている。
FrontPageExpressはそれを分かりやすく普通の言葉で書いてくれる。
実際にはどうなっているかというと、

作ったhtmファイルを 右クリック⇒プログラムから開く⇒notepad

で、開けてみると


right    右に寄せる
left    左に寄せる
center  真ん中に寄せる

table border="1" 表の枠の太さ
width="80%    表の巾

font size="6"   文字の大きさ

などなど、いろいろな事が書かれている。

http://www.heo.jp/tag/

に、詳しく書いてあります。


しかし、それだけではなくレイアウトの仕方など
見やすくさせるのはとっても大変!!


インターネットでいろいろなサイトを見てみて  画面上で文字も画像も何も無い所で
右クリック⇒ソースの表示 
で、いろんなタグを見てみる!!

もしくは、『ファイル』⇒『名前を付けて保存』
出来たファイルをFrontPageExpressで開いて見てみる。



文字や画像・枠  色々な変化・反応・動き  etc ...

 


面白いのがあったら教えてネ!!

 

 

取り消し線 すくろーる1 すくろーる2 すくろーる3 止まるぅぅぅぅぅぅぅ。。。 すくろーる4

 


最後に
HP制作支援サイト等

http://www.moriso.net/diver/kaizou.html  
http://siriasu.s10.xrea.com/71t/  
http://www.tagindex.com/
http://homepage2.nifty.com/tomoarai/  
http://www.webranking.net/rank/rank04_0.html