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

ーーーーーーーーーー ●依頼内容 ーーーーーーーーーー 修理の事例を掲載する作業です。 ・１．テンプレートファイル https://www.note-pc.biz/trable/lcd/selfrepair/template_selrrepair.html 　　　　⇓ ・２．添付ファイル（使用する画像・テキスト）　を加工 　　　　⇓ ・３．完成した形 https://www.note-pc.biz/trable/lcd/selfrepair/dell_Inspiron14_5485.html ーーーーーーー ●作業の概要 ーーーーーーー テンプレート用htmlを使って、画像とテキストをいれていただく内容です。 写真と文章はこちらで用意します。 添付ファイル（２．テンプレ―トより） ・template_selrrepair.html（このhtmlに入力） ・top.psd（ヘッダ用画像） ・その他.psd（紹介画像の加工用） ーーーーーーー ●作業の流れ ーーーーーーー １．html内の記述を編集 ・youtube動画のコードを貼り付け 　検索してURLを貼り付け。 　近いモデルのものがヒットしなければURLの張り付け不要です。 ・モデル名の文字を入れる 　　こちらで指定した文字列に一括置換するだけです。 　　　例：　文字列「メーカー名」　→　文字列「DELL」に置換 ・交換フローの画像とテキストを入れる 　　文字はこちらで用意します。 　　お渡したテキストをhtml内にコピー＆ペーストしてください。 ２．ヘッダ用TOP画像の作成 　・テンプレート：top.psd（ヘッダ用画像）を使用 ３．画像を加工 　・テンプレート：画像_赤丸（600x450）.psd　を使用 　　　　　　　　　画像_楕円（600x450）.psd 　　　　　　　　　画像_矢印（600x450）.psd 　　　　　　　　　＊必要な場合のみ使用 　・ポイントとなる箇所を赤丸で囲む 　　例：https://www.note-pc.biz/trable/lcd/selfrepair/img/dell_Inspiron14_5485_flow7.jpg 　　　＊必要な画像のみです。 　　　　注釈が不要なものは画像の補正のみ実施 　　　　（サイズを一括で600x450に変更。明るさを調整。向きの調整） 　・最後に画像を圧縮 　　https://tinypng.com/ 　　　圧縮サイトで作成した画像のファイルサイズを小さくしてください。 ４．html・psdを保存して納品 　　html、ヘッダ画像、修理用の個別画像、ヘッダ用.psdの合計４種類を 　　１つのフォルダにまとめて圧縮、納品してください。 　　　「納品」 　　　　　｜-作成したhtml1 　　　　　｜-作成したhtml2 　　　　　｜-作成したhtml3 　　　　　｜-「img」 　　　　　　　　｜-メーカー名_モデル名_top.png 　　　　　　　　｜-メーカー名_モデル名_flow1.jpg 　　　　　　　　｜-メーカー名_モデル名_flow2.jpg 　　　　　　　　｜-メーカー名_モデル名_flow3.jpg 　　　　　　　　　　　・ 　　　　　　　　　　　・ 　　　　　　｜-「psd」 　　　　　　　　｜-メーカー名_モデル名_top.psd 　　　　　　　　　　　・ 　　　　　　　　　　　・ ーーーーーーー ●募集について ーーーーーーー ・同じ内容のページ作成10個を実施する金額でご提案ください。 ・継続して作業いただけれる方、希望です。