ひな型コーディング作成ソフト(仮:ひなコ)売ります!

LP制作を最短10分以内でも作成可能です!

その他

販売実績:件

商品番号:5489

販売数: 無制限

成人向け使用: 不可

二次使用相談: 不要

自動ダウンロード可

閲覧回数:55回

投稿日:2022-12-11

※右クリックまたは長押しで拡大表示可能

内容

LP制作を最短10分以内でも作成可能なひな型コーディング作成ソフト(仮:ひなコ)を
使ってみませんか?
ルール通りでしたらざっくりとPSDからLPが素早く作成できます!
※必ず作成できるとは限りません。
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
簡単HP作成ソフト

使い方
photoshopを立ち上げて、ctrl+aで全選択して、
ファイル→スクリプト→その他のスクリプト
→フォルダ内のjs→psd_csv.jsxを選択してください。
(その際、画像はimgフォルダからで埋め込み配置してください。
また、アートボードは削除してください)
デスクトップにcsvが保存されます。(必ずできるとは限りません。)
エクセルでCSV形式で保存してください。CSV形式のファイルを選択してください。
参照内でサンプル要のCSVファイル(仮:sample.csv)を選択してください。
エクセルの数値単位はpx(標準的な単位)となります。CSVでは数値には単位をつけずに入力してください。
エクセルの1行目はそのままにしておいてください。
最初に要素数(HPの固まりの数)を入力して送信してください。
要素数とエクセルの行数を同一にしてください。

最後にオートコーディング生成(次のページの一番下のオートコーディング生成)をクリックしてください。
※サンプル用のCSV(エクセルのひな型、sample.csv)を入れてます。試してみてください。
サンプル用のCSVのエクセルの1行目、1列目はそのままにしてください。
サンプルはひな型です。

生成後に出てくるindex〇〇〇.htmlをクリックしてください。
HPが出てきます。
ブラウザ倍率は100%にしてください。
実際の画像とは違う場合もあります。
※レイヤーで最上位が一番上
四角やペンツールなどの
線や背景は画像で配置してください。

hmtlファイル:拡張子htmlをつけたファイル名(サイト閲覧用)
cssファイル:拡張子cssをつけたファイル名(デザインを整えるためのファイル)
テキスト:文章。必要がない場合はテキストを省略してください。
色:   フォントの色
フォント書体:フォント書体
フォントサイズ:フォントの大きさ
横幅:  要素の横幅
縦  : 要素の縦幅
位置左: 左上から要素までの左距離
位置上: 左上から要素までの上距離
id  :id名 ページに1つまで。id名でスタイル指定しています。
class :class名 ページにいくつでも。
name :name名 ページに1つまで。
画像ファイル名:画像ファイル名 省略可 素材はimgフォルダに入れてください。
拡張子も含めて、半角英数で画像ファイル名を入力してください
リンク:リンク先のURL 省略可(Photoshopで~~~.htmlと名前に
入れれば出てきます。)


フォントサイズ、横幅、縦幅、位置左、位置上には数値のみ。単位をつけずに
半角英数で記入してください。
id,class,nameは半角英数のみで入力してください。
要素(固まり1つずつ設定してください。)

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  デバイス(端末)の幅の1/100
vh  デバイス(端末)の高さの1/100

購入者へのお願い

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

50,000

出品者情報

nakayama

Webサイト制作 IT・システム開発

この出品をシェア