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

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