学科 HTML/CSS基礎⑦
-本日のアジェンダ-
1限目
学科 HTML/CSS基礎⑦
FTP操作訓練
2限目
学科 HTML/CSS基礎⑦
CSSのプロパティについて
3限目
学科 HTML/CSS基礎⑦
FTP操作訓練
4限目
学科 HTML/CSS基礎⑦
Webページ制作実践
5限目
学科 HTML/CSS基礎⑦
Webページ制作実践
本日のポイント
レスポンシブWebデザインを理解しましょう
FTPソフトの使い方について
FFFTP でサーバーに FTP 接続を行うためには、以下の情報が必要です。
【サーバー名】
接続するサーバーのドメイン名です。「サーバー名／ホスト名／FTP ホスト名」などと呼ばれています。
【ユーザー名】
接続するサーバーに登録されているユーザー名です。「ユーザー名／アカウント名」などと呼ばれています。
【パスワード】
接続するサーバーに登録されているユーザーのパスワードです。
訓練で使用するサーバーでは、「サーバー名」「ユーザー名」はアジェンダのサイドバーにある「 Serverリスト」に記載されています。
ポートフォリオサイトのデータも同じサーバー内にあります。
万が一、データを損傷してしまうと大変なので、バックアップを作成します。
「All-in-One WP Migration」というプラグインを使用します。
バックアップファイルはUSBメモリなどに入れて大切に保管してください。
↓下記まとめ
レスポンシブWebでデザイン（RWD） 対応のサイトについて
レスポンシブWebデザイン（RWD）を理解して画面サイズの異なる複数のデバイスでも快適に閲覧できるWebサイト（ページ）を作成しましょう。
- レスポンシブWebでデザイン（RWD）の考え方
- 幅広デザインでの Web ページ作成
- viewport 定義の指定
- 横幅変動時のコンテンツ幅を設定
- Media Querie でデザインを整える
- 画面サイズに合わせた表示部品の導入
viewport 定義の指定
Media Querie でデザインを整える