こんにちは、こんばんは
ねーさんです
商品ページに入れる
サイズ表とか、成分表などって作るの
地味に大変ですよね・・・
というわけで
【爆速】Dreamweaverでテーブルタグを秒で作る方法とういうことで
サクッと行っちゃいましょー
1.スプレッドシート(EXCELもOK)の表をコピー(Ctrl+C)
![スプレッドシートの表をコピー](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/11/1.png)
BE:FIRST、デビューメンバー呼ばれた順です。Gidted.かっこよかったー
↑お客様から頂いたデータと仮定してください
2.DWのデザインビューにカーソル置いてペースト(Ctrl+V)
![DWのデザインビューにペースト](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/11/2.png)
俗に言うコピペです
デザインビューの方にカーソルを置くのがポイントです。
完成です。
・
・
以上!終了!
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22151617.png)
ここからはオマケ。興味があればどうぞー
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22190233.png)
でも、なんか要らないタグはいってる。
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22151617.png)
スプレッドシートのスタイルが入っちゃってるね。
それくらい頑張って消し・・・
置換してください!
DWは通常置換ではなく、高度な置換があります。
検索→ファイルを横断して置換(Ctrl+shift+F)で出てくる検索画面で不要な属性を除去してあげればOK
HTMLの基礎ですのでそれぞれの説明は割愛させてください。
![置換結果](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/11/horakirei.png)
ほらきれい
完成です!
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22190233.png)
右側はthなんだけど
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22151617.png)
それくらい手で頑張・・
それは、プロパティウインドウで変えてください!
ヘッダにしたいエリアを選ぶ
![ヘッダにしたい箇所を選ぶ](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/11/8e1b944f4389bdaab6f11d5bc83190c8.png)
デザインビューでヘッダにしたい箇所を選ぶ
矢印はスクショ出来なかったので合成です
プロパティウインドウでヘッダーにチェック
![ヘッダにチェック](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/11/ad9b05ded0b2b0c55ad059ad7ffefe0f.png)
ヘッダにチェック
すると出来上がり!
![できた!](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/11/02d5d585071fe31757d68961cc54c0e1.png)
できた!
完成です!
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22190233.png)
背景に色つけたいんだけど・・・
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22151617.png)
zzzz…
プロパティウインドウ見てみましょう。
それっぽい箇所ありますよね?
そこ設定すると一番ベタな形で書いてくれます。
ECやってる我らが理想としているやつです。
・
・
・
説明を端折らせてもらいましたが
…基本的にはツールを色々触ってみてほしいです。
新規ドキュメントなら何やってもいいです。
高額なツールですので使い倒しましょう。
![](https://c-rocketz.com/blog/wp-content/uploads/sites/6/2021/10/22151617.png)
その先に素敵な発見が待っているかもね?
※求人のデザイナーさんの応募要件は通常の更新できればOKです。
※ちなみに、ねーさんは普段DW使いません(Atomのほうが好きだから)
なので、DWネタはコレっきりかもしれません
今度こそ、終わりです!ありがとうございました!