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

ーーーーーーーーーー ●依頼内容 ーーーーーーーーーー テンプレート用htmlを使って、画像とテキストをいれていただく内容です。 写真と文章はこちらで用意します。 ・１．テンプレートファイル https://www.note-pc.biz/trable/lcd/selfrepair/templete.html 　　　　⇓ ・２．使用する画像を加工。テキストを追加 　　（写真、テキストはこちらで用意したものをお渡しします） 　　　　⇓ ・３．完成した形 　　　https://www.note-pc.biz/trable/lcd/selfrepair/lenovo_V330-15lKB.html ＊このページ掲載予定 https://www.note-pc.biz/trable/lcd/selfrepair/ ーーーーーーー ●作業の流れ ーーーーーーー １．htmlにメーカー名、モデル名の文字を入れる 　　「　メーカー名　」　と　「　モデル名　」　の文字列を一括で文字置換 　　　例：　文字列「メーカー名」　→　「DELL」 　　　　　　文字列「モデル名」　→　「Inspiron15 7501」 　　＊添付ファイル：　templete.html ２．youtube動画のコードを貼り付け 　ヒットしなければURLの張り付け不要 ３．画像とテキストを入れる 　　写真ごとに付加する文章はこちらで用意します。 　　お渡したテキストをhtml内にコピー＆ペーストしてください。 　　＊添付ファイル：　サンプルデータ用画像.zip　参照 ４．ヘッダ用TOP画像の作成 　　形状が近いフォントが無い場合はこちらで保有しているものを送付します。 　　　完成例： 　　　https://www.note-pc.biz/trable/lcd/selfrepair/img/lenovo_thinkbook_13s_gen2_top.png 　　＊添付ファイル：　lenovo_top800x450.psd（ヘッダ用画像） ６．画像を圧縮 　　　圧縮サイトで作成した画像のファイルサイズを小さくしてください。 　　　　　https://tinypng.com/ ７．html・psdを納品 　html、ヘッダ画像、修理用の個別画像、ヘッダ用.psdの合計４種類を 　１つのフォルダにまとめて圧縮、納品してください。 　　　「納品」 　　　　　｜-作成したhtml1 　　　　　｜-作成したhtml2 　　　　　｜-作成したhtml3 　　　　　｜-「img」 　　　　　　　　｜-メーカー名_モデル名_top.png 　　　　　　　　｜-メーカー名_モデル名_flow1.jpg 　　　　　　　　｜-メーカー名_モデル名_flow2.jpg 　　　　　　　　｜-メーカー名_モデル名_flow3.jpg 　　　　　　　　　　　・ 　　　　　　　　　　　・ 　　　　　　｜-「psd」 　　　　　　　　｜-メーカー名_モデル名_top.psd 　　　　　　　　　＊PSDの納品はヘッダ画像の１つのみ