Excel(エクセル)を使ってHTMLの表組みの行(横軸)と列(縦軸)を簡単に入れ替える方法
2017/01/18
1年以上前の記事です。内容が古い可能性があります。
この機能、Dreamweaverにもあったらいいのにと思います。
Webサイト制作をなるべ効率的に行うために、原稿を先方からいただくことが結構あります。
以前は、手書きだったりもしたのですが、最近はさすがに手書きは減ってきて、WordやExcelのデータでいただくことが多いですね。
WordやExcelで作られている場合は、紙でもらうなんてのはもってのほか、
PDFなどにもせずに、そのままのデータでもらったほうがいいと思います。
今回Wordでもらった表組データをDreamweaverにコピペして体裁を整えてといった感じの流れで作業を進めていったのですが、
レイアウトの構造上、どうしても表組みを横組みから縦組みに修正する必要が出てしまいました。
表組みってHTMLで書くとかなり大変なんですよね。
Dreamweaverを使えば結構楽にはなるのですが、とは言え、既にある表組みデータを最初から作りなおすのはコピペを使ったとしても結構時間のかかる作業となります。
そこで、横組みになっている表組みをデータを書き換えることなく、そのまま縦組みに変換できないか調べてみたところ、Excelを使えば簡単に変換することができることがわかりました。
以下手順です。
- Dreamweaver上で表組みが書けている状態からスタート。
(ちなみにWordからコピペで持ってきています。)
この表組の縦軸と横軸を入れ替えてあげようと思います。
- まずは、エクセルで該当のHTMLを開きます。
- テーブル部分をドラッグ&ドロップで選択してまずはコピー
(「Ctrl+C」や右クリックでメニューからコピーでもOK)
- 次にペーストする場所を選んで右クリックから「形式を選択して貼り付け…」→「形式を選択して貼り付け」とメニューを選びます。
- ここで「行列を入れ替える」にチェックを入れて「OK」をクリックすると。
- 行と列が入れ替わった状態でペーストされます。
- このまま保存するとExcel(エクセル)特有の無駄なHTMLが付いてしまうのでコピーしてDreamweaver上にペーストした方がいいでしょう。
以上です。
ほんと、Dreamweaverにもこの機能ついてくれればいちいちExcel(エクセル)を経由する必要がなくていいんですけどねぇ。。
アドセンス広告メイン
関連記事
-
-
Twitpic→Flickr(フリッカー)の連携方法
1年以上前の記事です。内容が古い可能性があります。基本的にFlickr(フリッカ …
-
-
iPhoneで自分の携帯番号を確認する方法
1年以上前の記事です。内容が古い可能性があります。勢いで確認するシリーズを3つま …
-
-
Flicksquareの設定を復活させる方法(foursquare→Flickr連携)
1年以上前の記事です。内容が古い可能性があります。Flicksquareの設定が …
-
-
通勤、通学カバンで水筒が水漏れ。タブレット、ノートパソコン等、電子機器はすぐさま引き上げよう
1年以上前の記事です。内容が古い可能性があります。水濡れタブレット復活日記、二回 …
-
-
残念っ!! コメント付き「いいね!」は「シェア」じゃない。設定次第ではバズらない【Facebook】
1年以上前の記事です。内容が古い可能性があります。以前書いたとおり「いいね!」と …
-
-
タスクマネージャーでプロセスを調べてみた(Acer編)
1年以上前の記事です。内容が古い可能性があります。いよいよ自分のAcerマシンが …
-
-
Mac⇔Win間でIllustrator8のデータをやり取り
1年以上前の記事です。内容が古い可能性があります。Mac⇔Win間でIllust …
-
-
「ヨメレバ」が便利そうなので色々なアフィリエイトに手を出してみた(7net / ブックオフ編)
1年以上前の記事です。内容が古い可能性があります。7net(セブンネットショッピ …
-
-
電球アイコンが現れたら「5」を長押し【ドコモP905i】
1年以上前の記事です。内容が古い可能性があります。これ、以前も同じことして途方に …
-
-
カーナビの地図更新サービスの無料期間が終わりそうなので地図データをアップデートしてみた(ID取得編)
1年以上前の記事です。内容が古い可能性があります。1. ID取得編 | …