テンプレートhtmlに画像とテキストを入れる定型作業(ｘ5ページ分）12月　３（工数アップ）x2つ分

ーーーーーーーーーー ●依頼内容 ーーーーーーーーーー テンプレート用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の納品はヘッダ画像の１つのみ ーーーーーーーーー ■以下の作業が追加（４つ） ーーーーーーーーー １．画像を600x450にリサイズ 　動画：画像を600x450にリサイズ 　使用ソフト：vix https://freesoft-100.com/review/vix.php ２．画像の拡張子が大文字の場合、小文字に変換（例：JPG→jpg） 　（管理上、小文字に統一したいため） 　動画：拡張子を小文字に変更 　使用ソフト：Flexible Renamer ３．明るさの調整 　動画：暗い画像を明るく修正 　使用ソフト：vix ４．テキストの選定 　　・テンプレートとなるテキストのセットは事前にお渡しします。 　　　状況に応じて、このテキストを修正しながら画像ごとに張り付けていただきます。 　　・何を述べたらいいのかわからない画像はスキップください。 　　　（画像だけ貼り付け。納品後、こちらで修正） 　例１：液晶パネルが割れた画像 　　　 　テキスト例： 　　　　　　　まっくらで何も見えません。 　　　　　　　右側が割れています。 　　　　　　　左側が割れています。 　　　　　　　中央部が割れています。 　　　　　　　全面的に割れて何も見えません。 　例２：バッテリーをはずしている画像 　　　 　テキスト例： 　　　　　　　バッテリーコネクタを抜きます。 　　　　　　　固定されているねじを外してバッテリーを取り外し 　　　　　　　ラッチを解除してバッテリーを外します。