LPなどのひな型コーディング作成ソフトです！ はやければ、最短１０分以内にコーディング可能です。 必要なのはブラウザ環境と当プログラム、Photoshopです。 ーーーーーーーーーーーーーーーーーーーーーーーーーーーー 簡単ＨＰ作成ソフト 使い方 photoshopを立ち上げて、ctrl+aで全選択して、 ファイル→スクリプト→その他のスクリプト →フォルダ内のjs→psd_csv.jsxを選択してください。 (その際、画像はimgフォルダからで埋め込み配置してください。 また、アートボードは削除してください) デスクトップにcsvが保存されます。（必ずできるとは限りません。） エクセルでＣＳＶ形式で保存してください。ＣＳＶ形式のファイルを選択してください。 参照内でサンプル要のＣＳＶファイル（仮：sample.csv）を選択してください。 エクセルの数値単位はpx(標準的な単位)となります。ＣＳＶでは数値には単位をつけずに入力してください。 エクセルの１行目はそのままにしておいてください。 最初に要素数（ＨＰの固まりの数）を入力して送信してください。 要素数とエクセルの行数を同一にしてください。 最後にオートコーディング生成(次のページの一番下のオートコーディング生成)をクリックしてください。 ※サンプル用のＣＳＶ（エクセルのひな型、sample.csv）を入れてます。試してみてください。 サンプル用のＣＳＶのエクセルの１行目、１列目はそのままにしてください。 サンプルはひな型です。 生成後に出てくるindex〇〇〇.htmlをクリックしてください。 ＨＰが出てきます。 ブラウザ倍率は１００％にしてください。 実際の画像とは違う場合もあります。 ※レイヤーで最上位が一番上 四角やペンツールなどの 線や背景は画像で配置してください。 hmtlファイル：拡張子htmlをつけたファイル名（サイト閲覧用） cssファイル：拡張子cssをつけたファイル名（デザインを整えるためのファイル） テキスト：文章。必要がない場合はテキストを省略してください。 色：　　　フォントの色 フォント書体：フォント書体 フォントサイズ：フォントの大きさ 横幅：　　要素の横幅 縦　　：　要素の縦幅 位置左：　左上から要素までの左距離 位置上：　左上から要素までの上距離 id　 :id名　ページに１つまで。id名でスタイル指定しています。 class :class名　ページにいくつでも。 name :name名　ページに1つまで。 画像ファイル名：画像ファイル名　省略可　素材はimgフォルダに入れてください。 拡張子も含めて、半角英数で画像ファイル名を入力してください リンク：リンク先のＵＲＬ 省略可(Photoshopで~~~.htmlと名前に 入れれば出てきます。) フォントサイズ、横幅、縦幅、位置左、位置上には数値のみ。単位をつけずに 半角英数で記入してください。 id,class,nameは半角英数のみで入力してください。 要素（固まり１つずつ設定してください。） form：startでタグスタート、endでタグを閉じます。必ずstartとendは対にしてください。 start/mail.phpのようにmail.phpが遷移先です。 number:数値 tel:電話 url:fileurl email:email text:テキスト area#5#50:テキスト範囲です。高さ＊横となります。 submit:送信ボタン reset:リセットボタン 単位の種類 px 画素数　標準的な単位 rem　どのようなデバイス（端末）で見ても同じになりやすい単位 %　　比率で計算する単位 vw　　デバイス（端末）の幅の１／１００ vh　　デバイス（端末）の高さの１／１００