テンプレートhtmlに画像とテキストを入れる定型作業(ｘ5ページ分）6月

ーーーーーーーーーー ●依頼内容 ーーーーーーーーーー テンプレート用htmlを使って、画像とテキストをいれていただく内容です。 写真と文章はこちらで用意します。 ・１．テンプレートファイル https://www.note-pc.biz/trable/lcd/selfrepair/template_selrrepair.html 　　　　⇓ ・２．使用する画像を加工。テキストを追加 　　　　（写真、テキストはこちらで用意したものをお渡しします） 　　　　⇓ ・３．完成した形 https://www.note-pc.biz/trable/lcd/selfrepair/acer_a315-53-a34ur.html ■テンプレート用データ ・template_selrrepair.html（このhtmlに入力） ・top.psd（ヘッダ用画像） ・その他.psd（紹介画像の加工用） ・top.psd用フォント ーーーーーーー ●作業の流れ ーーーーーーー １．htmlにメーカー名、モデル名の文字を入れる 　「　メーカー名　」　と　「　テンプレモデル名　」　の文字列を一括で文字置換 　　　例：　文字列「メーカー名」　→　「DELL」 　　　　　　文字列「テンプレモデル名」　→　「Inspiron15 7501」 ２．youtube動画のコードを貼り付け 　ヒットしなければURLの張り付け不要 ３．画像とテキストを入れる 　　＊添付ファイル：　サンプル　画像・テキスト　参照 　　写真ごとに付加する文章はこちらで用意します。 　　お渡したテキストをhtml内にコピー＆ペーストしてください。 ４．ヘッダ用TOP画像の作成 　　＊添付ファイル：　テンプレート　参照 　　top.psd（ヘッダ用画像）を使用 　　　完成例： 　　　　https://www.note-pc.biz/trable/lcd/selfrepair/img/dell_g515_top.png ５．写真画像を加工 　添付した作業用のテキストを確認しながら 　ポイントとなる箇所を赤丸で囲む。 　＊赤丸が必要な画像のみ。必要がないものは画像を載せるだけです。 　　例：https://www.note-pc.biz/trable/lcd/selfrepair/img/dell_Inspiron14_5485_flow7.jpg 　テンプレート 　　　　画像_赤丸（600x450）.psd 　　　　画像_楕円（600x450）.psd 　　　　画像_矢印（600x450）.psd ６．画像を圧縮 　　　圧縮サイトで作成した画像のファイルサイズを小さくしてください。 　　　　　https://tinypng.com/ ７．html・psdを納品 html、ヘッダ画像、修理用の個別画像、ヘッダ用.psdの合計４種類を １つのフォルダにまとめて圧縮、納品してください。 　　　「納品」 　　　　　｜-作成したhtml1 　　　　　｜-作成したhtml2 　　　　　｜-作成したhtml3 　　　　　｜-「img」 　　　　　　　　｜-メーカー名_モデル名_top.png 　　　　　　　　｜-メーカー名_モデル名_flow1.jpg 　　　　　　　　｜-メーカー名_モデル名_flow2.jpg 　　　　　　　　｜-メーカー名_モデル名_flow3.jpg 　　　　　　　　　　　・ 　　　　　　　　　　　・ 　　　　　　｜-「psd」 　　　　　　　　｜-メーカー名_モデル名_top.psd 　　　　　　　　　＊PSDの納品はヘッダ画像の１つのみ ーーーーーーー ●募集について ーーーーーーー ・同じ内容のページ作成5つを実施する金額でご提案ください。 ・継続して作業いただけれる方、希望です。