LP制作を最短１０分以内でも作成可能なひな型コーディング作成ソフト（仮：ひなコ）を
使ってみませんか？
ルール通りでしたらざっくりとPSDからLPが素早く作成できます！
※必ず作成できるとは限りません。
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
簡単ＨＰ作成ソフト

使い方
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　　デバイス（端末）の高さの１／１００

他で使用される場合、その場所のルールを守ってください！