サイタWeb・デザインスクールHTML/CSS入門講座 兵庫 初心者でもできるHTML・CSS入門講座 レッスンノート お知らせや商品の位置のずれについて

お知らせや商品の位置のずれについて

HTML/CSS入門講座のレッスンノート

レッスンノートって?レッスンノートって?

体験レッスンお疲れさまでした!

本日は会社でホームページのご担当に
なられているということで、
実際にお困りな点についてお聞きしました。

左揃えで作られているものから、
中央揃えに変えられるとのことで
色々な不具合点を見ていきました。


今回は応急的な対応になりましたが
しばらくお時間をいただきまして、
最短でできる方法を模索します。

その方法をメッセージにてお送りいたしますので、
しばらくお待ちいただけますと幸いです。



【お知らせや商品の位置のずれについて】

基本的に position を使う場合は、
四角のレイアウトで配置できない場合や、
不規則なものである場合に使います。

ですので、
すべて position の absolute で作られますと、
後々のちょっしたレイアウトの変更の際に
とても大変な作業になってしまいます。


今回は初めてホームページを
見させていただきましたので、
応急的な対応をさせて頂きました。

今後のレッスンの中で、
少しずつ position のレイアウトから
通常のブロックレイアウトに
修正していきたいと思っています。

こちらに変えていただきますと、
いざレイアウトの変更の際に
応用が効きますので、
ぜひご一緒に変えていきましょう。
このレッスンノートを書いたコーチ

制作会社で自力で得た実践的ノウハウ伝授。WEBデザイナーも夢じゃない!

新着レッスンノート

体験レッスンお疲れさまでした。 本日はWordPressで作るサイトについて システムにおいてできることなどを お話しさせていただきました。 その他にも、 Webコピーライティングについてですとか、 Webの仕事を営業などについてお話いたしました。 最近の本屋を見てみ...

レッスンお疲れさまでした! 本日は前回作成しました レスポンシブウェブデザインのデザインから、 マークアップした分を チェックさせていただきました。 基本的には ほぼほぼ完成してましたね! あとは デザインに照らし合わせて 細かいところを微修正していきましょう。 ...

レッスンお疲れさまでした! 本日は、 前回にお出ししたデザイン課題について、 特にスマートフォンに関しまして 修正を行いました。 また、 デザインから書き出しをおこなって マークアップする準備をしました。 まずはスマートフォンから作りこみ、 出来上がりましたらデス...

レッスンお疲れさまでした! 本日は、 前回にお出しした課題について 改善したいポイントを中心に お教えいたしました。 レスポンシブウェブデザイン化する際に、 下記の2つの方法があります。 ・デスクトップから先に作る ・スマートフォンから先に作る 実は難易度として高...

レッスンお疲れさまでした! 本日は、 ローカルでWordPressを使って作成したWebサイトを 本番サーバに上げる方法や、 お客様とのディレクションについて お話しさせていただきました。 【Webサイトを本番サーバに上げる方法】 基本的に、 データを上げる...

レッスンノート ページ先頭へ

HTML/CSS情報

サイタのHTML/CSS講師がブログを通して、HTML/CSS情報を発信。更新情報のチェックはこちらから!

twitter

HTML/CSSの先生

@DTPCyta