画像を気軽にサイズ調整!プレデタのテンプレート編集はそこまでできるだと!?

1510

HTMLテンプレートの多くにはサンプルで画像を読み込ませているものも多いです。実はそういったサンプルの画像に関しても、プレデタでは画像を読み込むだけでなくHTMLソースとして読み込んだ画像の表示サイズの調整などもできてしまう驚きの編集機能がが搭載されています。






HTMLテンプレートの多くは画像が組み込まれてるものがありますね(*´∀`)


puerdtagazou1.png


こういう部分って基本的にはHTMLソースだから初心者はまず変更ができません
テンプレートマニュアルに書いてるあるとおり指示に従い失敗の経験があるはず・・

あΣ(゚Д゚ll)ノノ レイアウトがくずれた!!

il||li _| ̄|○ヽ(・ω・`)乙
こんなんなったらやる気に・・

ならねーべ?ねーべさ?ねーべすと! 

(; ・`д・´)リスペクト Σ(゚Д゚;)ソウトウ


だから前の記事でも言った事を思い出して・・

→ 初心者に嬉しいHTML編集!え?HTMLに触れないからレイアウト崩れが起きない!?

そう、この画像に関しても、実は
『HTMLに触れる事なく変更』ができるんだぜ( ̄ー ̄)ニヤリ
それを可能にするのがテキストエリア編集機能のひとつ!『画像・リンク編集機能』

puerdtagazou2.png


テキスト編集機能のタブを画像・リンクに切り替えると
現在読み込まれているHTML構文内に設置されている画像一覧が表示されます
勘のいい人はもうお分かりですね(*´∀`)

これ『ダブルクリックで画像入れ替え』できます

puerdtagazou3.png


テンプレート内に読み込んだ画像フォルダから選択する際に
画像表示用の相対パス(画像を表示させるための階層指定)を設定してくれます
だから『リンク間違いで画像が表示されない』・・という心配なし( ̄ー ̄)ニヤリ

そして、ここ!ここ注目でっせ(*´∀`)

puerdtagazou4.png


テンプレートから画像を読み込んだ時点での画像表示用のサイズと
読み込まれる画像の実サイズの表示をしてくれます

この緑のボタンが非常に便利なんですよw
これから設置する画像の実サイズを100%として考えた時に
%表示の数値を下げたり、あげたりする事で『比率固定で画像サイズを調整』できます

「画像のサイズがいくつだから・・えーと・・大きさは・・」

こんな悩みとおさらばです( ̄ー ̄)ニヤリ
%を直感的に変えて設置してみればHTMLプレビューが連動しますから
ちょっと大きいな、と思ったら数値を下げればいいだけの事

そして、最後は代替テキストの設定
代替テキストはHTML構文上で画像表示用のソース内の『altの部分のキーワード』
『画像が表示されない時に変わりに表示するテキスト』になります

ただ、画像を入れ替えるだけでなくそういった調整までできる!
こんなすごい簡単なHTMLテンプレート編集ツールって今まで・・

ねーべ?ねーべさ?ねーべすと!

(; ・`д・´)リスペクト Σ(゚Д゚;)ホンジツニドメ


そして・・気づいたかい?
ここまで複雑な工程を繰り返してきたのに・・
HTMLに関する作業に触れないで画像の入れ替えやサイズ調整ができてるという事

本当なら、画像が設置されてるソースの場所探しから始まり・・
『img src』がどうたらこうたら・・『wideth、heght』がどうたら
という作業があるのに、それらに一切触れないで同じ編集ができてしまうという事

さらにすごい機能も実はあるんだけど・・
それについてはこちらからさらに詳しくどうぞ(*´∀`)

→ HTML編集ツールの画像・リンク編集機能はこんなもんじゃないぜ!?

テキストだけじゃなく、画像まで直感的に入れ替えれたら・・
雛形をそのまま利用しても相当オリジナル性がだせるよね(*´∀`)

思い立ったが吉日!それ以外は全て凶日! byトリコ(詳しくは少年ジャンプを見よう)

体験版(フリー)で先に体感してみたらどうでしょう?
たぬきち流活用マニュアルセット&ターン!な特典もセットです( ̄ー ̄)ニヤリ

プレデタ フル機能開放版セミナー
こんな高度な機能が利用できる『プレデタフル機能開放版』
こちらで無料配布していますので、興味があったらダウンロードして下さい

プレデタ-フル機能開放無料版のダウンロード



このエントリーをはてなブックマークに追加
 一括応援 おきてがみ


コメント一覧
  • たぬきちさん
    こんばんは、ヤナジーです。
    いつもお世話になっております。
    これは簡単ですし、ほんと便利そうですね。
    ソース内を探して・・・なんて面倒なものですからね。
    これを持ってたら、かえってHTMLを忘れそうですね^^
    画像を%で変換できると(メモメモ)
    いつも貴重なお話ありがとうございます。
    それでは応援です♪
    またお伺いさせて頂きますね。


    2011年8月12日 6:27 PM | ヤナジー@アフィリエイト診療所

  • ヤナジーさん (=゚ω゚)ノ
    HTMLに触れずにHTMLを編集できるけど・・
    行ってる作業で触れているHTMLの部分に興味を持てば
    忘れるどころか、爆発的に知識を吸収すると思います。
    ツールに依存するか、ツールを使いこなすかはそこで変わってきます
    画像を%で変換できる・・極解じゃなければいいですが^_^;
    HTML上での画像サイズをパーセントにするのではなく
    あくまで『プレデタに搭載されているシステム』ですからね


    2011年8月13日 6:03 AM | たぬきち

  • さくです
    この機能も含めて
    HTMLが苦手な購入者さんに
    プレデタは非常に喜ばれてます^^
    これでHTMLが「どういうものなのか}
    少し分かったような気がします
    というメールをいただくのが
    うれしいですね
    入り口で興味を持ってもらえることは
    とても大事だなあと思います


    2011年8月13日 9:53 AM | さく

  • 明日は早朝より帰省します。


    2011年8月13日 9:58 AM | ユーアイネットショップ店長うちまる

  • さくさん (=゚ω゚)ノ
    HTMLって興味を持たないと難しい言語ですけど
    ちょっとずつ学ぼうって気持ちになれば、意外と簡単に理解できますよね
    さくさんならHTMLに詳しいから、よりHTMLの魅力を引き出して
    指導しそうですねw
    プレデタはそういった意味では入門ツールとも言えますね


    2011年8月13日 12:43 PM | たぬきち

  • 店長 (=゚ω゚)ノ
    お忙しい所、お疲れ様です
    お盆休みのラッシュとかち合わないといいですね^_^;


    2011年8月13日 12:51 PM | たぬきち

この記事にコメントを書く

(必須)

トラックバックURL