実技 WEBページ制作実習①

訓練日誌

1限目
実技 WEBページ制作実習①
CSSのプロパティについて

2限目
実技 WEBページ制作実習①
CSSのプロパティについて

3限目
実技 WEBページ制作実習①
FTP操作訓練

4限目
実技 WEBページ制作実習①
Webページ制作実践

5限目
実技 WEBページ制作実習①
Webページ制作実践


本日のポイント

レイアウト系プロパティを理解しましょう


FTPソフトの使い方について

FFFTP でサーバーに FTP 接続を行うためには、以下の情報が必要です。

【サーバー名】
接続するサーバーのドメイン名です。「サーバー名/ホスト名/FTP ホスト名」などと呼ばれています。

【ユーザー名】
接続するサーバーに登録されているユーザー名です。「ユーザー名/アカウント名」などと呼ばれています。

【パスワード】
接続するサーバーに登録されているユーザーのパスワードです。

訓練で使用するサーバーでは、「サーバー名」「ユーザー名」はアジェンダのサイドバーにある「 Serverリスト」に記載されています。

ポートフォリオサイトのデータも同じサーバー内にあります。
万が一、データを損傷してしまうと大変なので、バックアップを作成します。
「All-in-One WP Migration」というプラグインを使用します。
バックアップファイルはUSBメモリなどに入れて大切に保管してください。

Webページ制作実践④

実際にサンプルファイルを使用してWebページ制作の手順を確認していきましょう。

  • レイアウト系プロパティ
  • ボーダー系プロパティ
  • その他のプロパティ
  • 擬似クラス系セレクタ
  • 擬似要素系セレクタ

本日の課題

Webページ制作実践で作成したページのキャプチャを取得してWordPressの投稿ページに貼り付けを行いましょう。(出来たところまでで大丈夫です)


コメント

タイトルとURLをコピーしました