ご訪問ありがとうございます。パソコンを使っていて試行錯誤したことを記載した備忘録です。

このブログは移転いたしました。3秒後に新しい移転先へジャンプします。

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

回り道になってしまいまして申しわけありません。JTrimでの写真の編集も終わりまして、今回はジオシティーズへ写真をアップロードしてそのHTML(タグ)をコピーしてみたいと思います。

Yahooオークションの商品説明欄はそのまま入力するモードと、ホームページのようにHTMLを入力するモードとを切り替えられるようになっております。写真の挿入時にはHTML入力モードにします。

まずはその前に、ジオシティーズへ写真をアップロードしてみましょう。

ジオシティーズのトップページより「自由にホームページを作る」ボタンを押してジオクリエーターを起動した状態にします。
ジオクリエーターの画面


ジオクリエーターの画像挿入ボタンを押すと画像を選択できる画面が開きますのでオークションに載せる写真を選びます。
ジオクリエーター:画像の挿入ボタン


そして「OK」をクリックするとジオクリエーターの画面に選んだ写真が載ります。このままの状態ではまだジオシティーズのサーバーには画像が保存されておりませんので「新規保存」のボタンを押します。ここで注意しなくてはならないのは保存ボタンを間違えないようにすることです。
ジオクリエーター:新規保存のボタン


なぜかと申しますと、ジオクリエーターの「保存」ボタンは二つあってうえのほうにある目立つほうのボタンは、サーバーへの保存に使いますし下のほうにあるフロッピーディスクマークのアイコンの「保存」ボタンは自分のパソコンに保存する為に使うものです。
ジオシティーズ:二つある保存ボタンの違い



ですので今回はオークションに載せるということでサーバーに保存する方のボタン ジオシティーズのサーバーへ保存するための「保存」ボタン を押します。つまり上の目立つほうのボタンです。
このようなことはファイルを開くアイコンでも同じです。ツールバー上にあるファイルを開くアイコンはジオシティーズのサーバー上にあるファイ利を開くためのもので、下に同じようにファイルを開くアイコンがあるのですがこちらは、自分のパソコンの中にあるファイルを開くときに使います。
同じ形のアイコンですがそれぞれ違う昨日を持っている



ツールバー上のほうの一回り大きいほうの「ファイルを開く」アイコンをクリックしますと、自分のジオシティーズサーバーのファイル一覧画が画面に表示されます。ここでそのまま保存を押しても良いのですが、できればサブディレクトリ(サブフォルダ)を作られることをお勧めします。
と申しますのも、私がそれで失敗したからです。
サーバーに保存するときはサブディレクトリを作ると便利です



デジカメで撮った写真はデジカメ側で付けた番号がついていると思うのですが、その初期ファイル名で保存していくと新しく写真を保存するときに同名のファイル名の場合上書きされてしまい前にアップロードした写真ファイルが消されてしまいます。
まだ前の写真を掲載しているオークションがあると肝心の写真は消えてしまい、別のオークション用にアップロードした関係のない写真が前に出品したオークションのページに載ってしまうというハプニングが起きてしまいました。

ややこしい説明で申しわけありません。

それ以来私はその出品物専用のサブフォルダを作ってそれぞれのオークションごとに写真を分けてアップロードするようにしました。
写真のファイル名をデジカメ側で付けたファイル名ではなく、自分で変更してしまえばその心配はないのですが。


さてそういうわけで出品物ごとのサブディレクトリ(サブフォルダ)を作ってそこにアップロードしております。
サブディレクトリ名を入力

dwn03.gif

サブディレクトリ作成完了

サブディレクトリを作成しましたら、名前を付けて保存のところの空欄「なんとかかんとか.html」という名前を付けて「保存」ボタンを押します。最後の「.html」と付けるのは必須です。これはジオクリエーターで作った写真の掲載ページをいったんホームページとして保存するためです。この点が他のファイルの保存とは大きく異なります。
karuta.htmlと入力して保存

dwn03.gif

保存をクリック


保存が終わりましたらジオクリエーターのモードをHTMLが表示されるモードに変えて、タグをコピーします。このタグをオークションページへ貼り付けます。


まずページ下の切り替えタブのHTMLを押します。
ジオクリエーターの画面下「HTML」タブをクリックしてHTML画面を出します


<body>から</body>間での間をコピーします。この場合<body>や</body>は含めずにコピーします。
<body>から</body>の間をコピーします



それを、オークションのページの商品説明欄に貼り付けるわけですがこのとき、商品説明欄のモード切替をHTMLにします。このモードにしない場合、タグがそのまま英語の文字として載ってしまい、写真は表示されなくなるので、このモードの変更は重要です。私も何度かHTMLモードにしないでタグを貼ってしまいやり直してしまいました。

貼り付けましたら作業終了です。プレビュー画面で写真を確認してください。

【2008/11/22 13:20】 | オークション写真をたくさん載せる
トラックバック(0) |

教えてください
miyuぴー
サブディレクトリに.htmlつけずに保存してしましました
オークションに載せたい写真なので・・・
どうしたらよいのでしょうか?

とても参考になります^^
おりーぶ
ひとつ、教えて頂きたいことがあります。
Yahooの説明欄に写真を張り付ける場合、写真のサイズはどれくらいが大きく見やすいのでしょうか?


Re: とても参考になります^^
tanpopo
> ひとつ、教えて頂きたいことがあります。
> Yahooの説明欄に写真を張り付ける場合、写真のサイズはどれくらいが大きく見やすいのでしょうか?

コメントありがとうございます。返事が遅くなってすみません。
画像の大きさですが、私の場合は横幅900ピクセルにしておりました。それより小さくても大丈夫と存じます。
900ピクセルでもだいぶ大きいので、600×450位でもいいかもしれませんね。そうすればモニターの解像度が800×600の画面でもスクロールなしに見ることができます。

コメントを閉じる▲
コメント
この記事へのコメント
教えてください
サブディレクトリに.htmlつけずに保存してしましました
オークションに載せたい写真なので・・・
どうしたらよいのでしょうか?
2012/12/02(Sun) 01:52 | URL  | miyuぴー #sIkrvuPs[ 編集]
とても参考になります^^
ひとつ、教えて頂きたいことがあります。
Yahooの説明欄に写真を張り付ける場合、写真のサイズはどれくらいが大きく見やすいのでしょうか?
2013/04/27(Sat) 10:56 | URL  | おりーぶ #-[ 編集]
Re: とても参考になります^^
> ひとつ、教えて頂きたいことがあります。
> Yahooの説明欄に写真を張り付ける場合、写真のサイズはどれくらいが大きく見やすいのでしょうか?

コメントありがとうございます。返事が遅くなってすみません。
画像の大きさですが、私の場合は横幅900ピクセルにしておりました。それより小さくても大丈夫と存じます。
900ピクセルでもだいぶ大きいので、600×450位でもいいかもしれませんね。そうすればモニターの解像度が800×600の画面でもスクロールなしに見ることができます。
2013/05/06(Mon) 21:17 | URL  | tanpopo #-[ 編集]
コメントを投稿
URL:

Pass:
秘密: 管理者にだけ表示を許可
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック