Web業界への転職をサポートします

Web業界転職への道 > 制作に役立つ情報 > エクセルを使って早く正確にtableデータが作成出来ます

制作に役立つ情報

エクセルを使って早く正確にtableデータが作成出来ます

ワードなどで原稿をもらったとします。そこに表があってそれをtableで作成しないといけないとしたら、エクセルを使って手早くHTMLが書ける方法をご紹介します。知らない人は目からウロコです。

使う機会があるかどうかは、働く現場によると思いますが、知ってると役立つことがあるかもしれません。原稿の中にテーブルデータがあって、それをそのまま間違えないようにHTMLで作らないといけないとします。

必要なテーブルデータをマウスでドラッグしてコピーします。それをエクセルに貼り付けるとそれぞれのセルにデータが貼り付けられます。改行などがあるとセルが区切られるので、区切りたくないところは成形してください。

そのエクセルデータを「名前を変えて保存」をするのですが、その時、ファイルの種類は「CSV(カンマ区切り)」を選択してください。

保存できたら、Dreamweaverで「ファイル>読み込み>表データ」を選択するとポップアップウィンドウが出るので、先ほど保存したデータを選択してOKしてください。

エクセルで保存した通りにtableでデータが吐き出されたはずです。手でソースを書くより正確です。あとは、HTMLとCSSでお好み(デザイン?)に合わせて装飾などに手を入れるだけです。

使う機会がある人には便利な技です。

スポンサードリンク