WEBサーバ構築ノウハウ集
会員ページでVPSを起動すると、1分程(OSインストールだと3分程度)でVPSにログインできるようになります。
teratermなどでIPアドレス・ユーザ名(root)・初期パスワードを入力してログインしてみてください。

ここでは、VPSにログイン後にやっておきたい初期設定を書きたいと思います。
rootのパスワードを変更

セキュリティを高めるためにrootのパスワードを変更しておきましょう。
以下コマンドで変更できます。

passwd root
応答結果
# passwd root
Changing password for user root.
New password:(新しいパスワード入力)
Retype new password:(新しいパスワード入力)
passwd: all authentication tokens updated successfully.
再度、コンソールを開き直し、rootアカウントで新しいパスワードでログインできることを確認する。

ユーザアカウントを作成

rootアカウントで作業すると、セキュリティとしてよくないので、ゲストアカウントを作成します。
以下、guestのゲストアカウントを作成するものとします。

useradd guest

ユーザアカウントのパスワードを変更

ユーザアカウントのパスワードを設定します。
以下、guestのゲストアカウントをパスワード設定するものとします。

passwd guest
応答結果
# passwd guest
Changing password for user guest.
New password:(新しいパスワード入力)
Retype new password:(新しいパスワード入力)
passwd: all authentication tokens updated successfully.
再度、コンソールを開き直し、ゲストアカウントで新しいパスワードでログインできることを確認する。

ユーザアカウントにsudo権限を付与

ゲストアカウントでもrootアカウントしか入力できないコマンドを入力できるようにします。
以下、guestのゲストアカウントを作成するものとします。

usermod -G wheel guest

WEBサーバをインストール
次はWEBサーバをインストールし、htmlをブラウザ表示できるようにします。

WEBサーバをインストール

インフラ
フロントエンド

htmlを作成

画面遷移時にパラメータを渡す

画面遷移時に固定パラメータを渡す

htmlのテキストボックス空白チェック

htmlのメールアドレスチェック

〇CSS

CSS(スタイルシート)で色を変える:color

CSS(スタイルシート)で文字揃え(水平方向)する:text-align

CSS(スタイルシート)で文字揃え(垂直方向)する:vertical-align

CSS(スタイルシート)で下線/上線/取り消し線表示する:text-decoration

CSS(スタイルシート)でインデントを指定する:text-indent

CSS(スタイルシート)で英字の大文字/小文字を指定する:text-transform

CSS(スタイルシート)でフォントの種類を指定する:font-family

CSS(スタイルシート)でフォントのサイズを指定する:font-size

CSS(スタイルシート)で文字の太さを指定する:font-weight

CSS(スタイルシート)で文字を斜体にする:font-style

CSS(スタイルシート)で文字間隔を設定する:letter-spacing

CSS(スタイルシート)で行間隔を設定する:line-height

CSS(スタイルシート)で背景の色を設定する:background-color

CSS(スタイルシート)で背景に画像を設定する:background-image

CSS(スタイルシート)で背景の画像貼り付けルールを設定する:background-repeat

CSS(スタイルシート)で背景の画像位置を設定する:background-position

CSS(スタイルシート)で枠線(上下左右)のスタイルを指定する:border-style

CSS(スタイルシート)で上枠線のスタイルを指定する:border-top-style

CSS(スタイルシート)で右枠線のスタイルを指定する:border-right-style

CSS(スタイルシート)で下枠線のスタイルを指定する:border-bottom-style

CSS(スタイルシート)で左枠線のスタイルを指定する:border-left-style

CSS(スタイルシート)で枠線(上下左右)の太さを指定する:border-width

CSS(スタイルシート)で上枠線の太さを指定する:border-top-width

CSS(スタイルシート)で右枠線の太さを指定する:border-right-width

CSS(スタイルシート)で下枠線の太さを指定する:border-bottom-width

CSS(スタイルシート)で左枠線の太さを指定する:border-left-width

CSS(スタイルシート)で枠線の色を指定する:border-color

CSS(スタイルシート)で枠線の周囲の余白を指定する:margin

CSS(スタイルシート)で上枠線の余白を指定する:margin-top

CSS(スタイルシート)で右枠線の余白を指定する:margin-right

CSS(スタイルシート)で下枠線の余白を指定する:margin-bottom

CSS(スタイルシート)で左枠線の余白を指定する:margin-left

CSS(スタイルシート)で枠線内の余白を指定する:padding

CSS(スタイルシート)で上枠線内の余白を指定する:padding-top

CSS(スタイルシート)で右枠線内の余白を指定する:padding-right

CSS(スタイルシート)で下枠線内の余白を指定する:padding-bottom

CSS(スタイルシート)で左枠線内の余白を指定する:padding-left

バックエンド
SEO
アフィリエイト