Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【更新しやすいホームページとは】

f:id:wp-lesson:20170414131507j:plain

診療時間や料金表など、
追加や変更が生じやすい箇所を
全て画像で作ってしまうと、
 
ホームページが制作者の手を離れて、
画像ソフトを使えないクライアント様の
手に引き渡したあとで困ります。
 
「ちょっと文字を変更したいだけなのに、
 画像ソフトがないから更新できない・・」

 
何もかも画像にするのではなく、
枠や背景だけ画像にして、
 
表の中身はHTMLとCSSで作って
上に重ね合わせると、
 
以降はHTMLをテキストエディタ
開いて文字を書き換えるだけで
変更ができるので、
 
保守がしやすい作りになります。
 
 
添付は、とある整骨院様のサイト。
 
構築した当時のデザイナーさんが
1枚の画像にしていたところ、
診療時間の変更が生じたため、
 
HTMLとCSSで作った新しい表を
CSSで画像の上に重ねることで
対応しました。

PR

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
WordPressのツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2nd7Ia5
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
 
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓無料体験はこちら
http://bit.ly/2hw7mIy