Site-1
コピーする
パスワード兼ユーザーID :
概要
石井総合内科クリニックという
「架空の病院のホームページ」
を制作しました。
「デザインカンプからのコーディング」
が私の担当範囲です。ただ、1920pxサイズのみのデザインカンプからコーディングしたため、それ以外の画面サイズでのデザイン,レイアウト調整に関しては私が担当しております。
※実在しない事業のサイトで検索結果が汚染されるのを防ぐため、サイトにはアクセス制限をかけています。アクセスの際は上記の「パスワード兼ユーザーID」をご使用ください。
使用スキル
- ・HTML
- ・CSS
工夫した点
各デバイスサイズに適応した
レスポンシブデザイン
スマホやタブレット、ノートパソコンはもちろんのこと、表示崩れが多い1920px以上の大画面サイズにも対応しているサイトです。サイトのレイアウト崩れによって、ページ閲覧者が直帰することを防ぎます。
単語が列挙されている箇所での
見やすい改行
ページ内の文章の可読性を高めるため、word-breakプロパティを使用し、単語が中途半端なところで改行しないように設定しています。
サイトのシェアを効果的にする
OGPの設定
サイトがシェアされる際に使われる「タイトル」、「紹介文」、「アイキャッチ画像」をOGPで設定することで、サイトリンクへのクリック率を上げ、コンテンツの拡散を図ります。