基礎1オンライン＆実践 レスポンシブデザイン〜
<–! こめんと –>
半角
<>
始まりと終わり
子は入れ子で
Ffftp
RWD 対応のサイトについて【復習】
幅広デザインでの Web ページ作成
viewport 定義の指定
横幅変動時のコンテンツ幅を設定
Media Querie でデザインを整える
画面サイズに合わせた表示部品の導入
CSS：レイアウト系プロパティ
position/top/left/bottom/right プロパティ（要素の配置方法）
z-index プロパティ（重なりの順序方法）
CSS：ボーダー系プロパティ
border-style プロパティ（ボーダースタイル）
border-color プロパティ（ボーダー色）
border-width プロパティ（ボーダー幅）
border プロパティ（ボーダー一括指定）
border-top/-bottom/-left/-right プロパティ（ボーダー上下左右一括指定）
CSS：その他のプロパティ
border-radius プロパティ（ボーダーの丸み）
box-shadow プロパティ（ボックスの影）
box-sizing プロパティ（ボックスサイズ計算）
content プロパティ（挿入コンテンツ）
object-fit プロパティ（画像トリミング）
object-position プロパティ（画像の配置位置指定）
CSS：擬似クラス系セレクタ
link 擬似クラス（未訪問リンクスタイル）
visited 擬似クラス（訪問済リンクスタイル）
hover 擬似クラス（オンカーソルスタイル）
active 擬似クラス（アクティブスタイル）
first-child/last-child 擬似クラス（先頭・最終の子要素指定）
nth-child 擬似クラス（n 番目の子要素指定）
nth-of-type 擬似クラス（同一のセレクタを持つ n 番目の子要素指定）
not 擬似クラス（指定値以外の要素指定）
CSS：擬似要素系セレクタ
first-letter 擬似要素（要素の 1 文字目を指定）
first-line 擬似要素（要素の 1 行目を指定）
before/after 擬似要素（要素の直前・直後にコンテンツの挿入）
FTPソフトの使い方について
FFFTP でサーバーに FTP 接続を行うためには、以下の情報が必要です。
【サーバー名】
接続するサーバーのドメイン名です。「サーバー名／ホスト名／FTP ホスト名」などと呼ばれています。
【ユーザー名】
接続するサーバーに登録されているユーザー名です。「ユーザー名／アカウント名」などと呼ばれています。
【パスワード】
接続するサーバーに登録されているユーザーのパスワードです。
訓練で使用するサーバーでは、「サーバー名」「ユーザー名」はアジェンダのサイドバーにある「 Serverリスト」に記載されています。
ポートフォリオサイトのデータも同じサーバー内にあります。
万が一、データを損傷してしまうと大変なので、バックアップを作成します。
「All-in-One WP Migration」というプラグインを使用します。
バックアップファイルはUSBメモリなどに入れて大切に保管してください。
Webページ制作実践④
実際にサンプルファイルを使用してWebページ制作の手順を確認していきましょう。
レイアウト系プロパティ
ボーダー系プロパティ
その他のプロパティ
擬似クラス系セレクタ
擬似要素系セレクタ
Webページ完成
コメント