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

ーーーーーーーーーー ●依頼内容 ーーーーーーーーーー 以下のページに修理の事例を掲載する作業です。 https://www.note-pc.biz/trable/lcd/selfrepair/ ーーーーーーー ●作業の概要 ーーーーーーー テンプレート用htmlを使って、画像とテキストをいれていただく内容です。 写真と文章はこちらで用意します。 テンプレート https://www.note-pc.biz/trable/lcd/selfrepair/template-lcd-self.html 　↓ 完成したページサンプル https://www.note-pc.biz/trable/lcd/selfrepair/lenovo-5-14ALC05.html https://www.note-pc.biz/trable/lcd/selfrepair/dell-g515.html ーーーーーーー ●作業の流れ ーーーーーーー １．html内の記述を編集 ・title、meta keywords description　の文字列を一括で置換 ・youtube動画を検索してURLを貼り付け。 　近いモデルのものがヒットしなければURLの張り付け不要です。 ２．ヘッダ用TOP画像の編集 　・画像にモデル名と本体画像を入れる 　　　　（添付したテンプレート用PSDを編集いただきます） 　・画像ファイル名はメーカー名＋モデル名（小文字） 　　例：　https://www.note-pc.biz/trable/lcd/selfrepair/img/nechz550d_top.png ３．画像を加工 　・ポイントとなる箇所を赤丸で囲む 　　例：https://www.note-pc.biz/trable/lcd/selfrepair/img/nechz550d_flow1.jpg 　・画像ファイル名はメーカー名＋モデル名＋flowxx.jpg 　　例：https://www.note-pc.biz/trable/lcd/selfrepair/img/dell_g515_flow1.jpg 　　　画像枚数はページごと異なります。10~15枚 　・画像を圧縮 　　https://tinypng.com/ 　　　圧縮サイトで作成した画像のファイルサイズを小さくしてください。 ４．交換フローの画像とテキストを掲載 　　・１枚の画像ごとに、文章を付けます。 　　　文字はこちらで用意してお渡したテキストをコピー＆ペーストしてください。 ５．htmlを保存 　　htmlファイル名はメーカー名＋モデル名 　　　例：https://www.note-pc.biz/trable/lcd/selfrepair/lenovo-5-14ALC05.html ６．indexページに作成したページのリンクを掲載 　　　https://www.note-pc.biz/trable/lcd/selfrepair/ ７．納品 　　以下のフォルダ構成で作成したhtml、ヘッダ画像、修理画像、index.htmlを１つにまとめて 　　圧縮、納品してください。 　　　「作成物」 　　　　　｜-index.html 　　　　　｜-作成したhtml1 　　　　　｜-作成したhtml2 　　　　　｜-作成したhtml3 　　　　　｜-作成したhtml4 　　　　　｜-作成したhtml5 　　　　　｜-「img」 　　　　　　　　｜-メーカー名_モデル名_top.png 　　　　　　　　｜-メーカー名_モデル名_flow1.jpg 　　　　　　　　｜-メーカー名_モデル名_flow1.jpg 　　　　　　　　｜-メーカー名_モデル名_flow2.jpg 　　　　　　　　｜-メーカー名_モデル名_flow3.jpg 　　　　　　　　　　　・ 　　　　　　　　　　　・ 　 ーーーーーーー ●募集について ーーーーーーー ・同じ内容のページ作成5つを実施する金額でご提案ください。 ・ポートフォリオサイトをお持ちであれば、納品後リンク付きで制作事例として掲載いただきたいです。 　　例：https://www.creator-u.net/works/