楽天・ヤフーショッピング・Amazonの制作、運営、コンサルはコンサルロケッツがサポートします!

【爆速】Dreamweaverでテーブルタグを秒で作る方法

乗組員的EC探査録

こんにちは、こんばんは
ねーさんです

商品ページに入れる
サイズ表とか、成分表などって作るの
地味に大変ですよね・・・

というわけで

【爆速】Dreamweaverでテーブルタグを秒で作る方法とういうことで
サクッと行っちゃいましょー

1.スプレッドシート(EXCELもOK)の表をコピー(Ctrl+C)

スプレッドシートの表をコピー

BE:FIRST、デビューメンバー呼ばれた順です。Gidted.かっこよかったー

↑お客様から頂いたデータと仮定してください

2.DWのデザインビューにカーソル置いてペースト(Ctrl+V)

DWのデザインビューにペースト

俗に言うコピペです

デザインビューの方にカーソルを置くのがポイントです。

完成です。
・
・

以上!終了!

 

ここからはオマケ。興味があればどうぞー

 

でも、なんか要らないタグはいってる。

スプレッドシートのスタイルが入っちゃってるね。
それくらい頑張って消し・・・

置換してください!

DWは通常置換ではなく、高度な置換があります。
検索→ファイルを横断して置換(Ctrl+shift+F)で出てくる検索画面で不要な属性を除去してあげればOK

詳細な置換

HTMLの基礎ですのでそれぞれの説明は割愛させてください。

置換結果

ほらきれい

完成です!

 

右側はthなんだけど

それくらい手で頑張・・

それは、プロパティウインドウで変えてください!

ヘッダにしたいエリアを選ぶ

ヘッダにしたい箇所を選ぶ

デザインビューでヘッダにしたい箇所を選ぶ

矢印はスクショ出来なかったので合成です

プロパティウインドウでヘッダーにチェック

ヘッダにチェック

ヘッダにチェック

すると出来上がり!

できた!

できた!

 

完成です!

 

背景に色つけたいんだけど・・・

zzzz…

プロパティウインドウ見てみましょう。
それっぽい箇所ありますよね?
そこ設定すると一番ベタな形で書いてくれます。
ECやってる我らが理想としているやつです。

・
・
・

説明を端折らせてもらいましたが
…基本的にはツールを色々触ってみてほしいです。
新規ドキュメントなら何やってもいいです。
高額なツールですので使い倒しましょう。

その先に素敵な発見が待っているかもね?

※求人のデザイナーさんの応募要件は通常の更新できればOKです。
※ちなみに、ねーさんは普段DW使いません(Atomのほうが好きだから)
なので、DWネタはコレっきりかもしれません

 

今度こそ、終わりです!ありがとうございました!

 

タイトルとURLをコピーしました