高卒の成り上がり

高卒がWEB制作学習でのアウトプットを行なっていきます

WordPressの本番環境へ移行手順(ConoHa)

本番環境へのWordPressのインストール 僕は新規でドメインを作りたくなかったのでサブドメインを作成してそこにWordPressをインストールしました。手順は下記のサイトの 『「ConoHa WING」でサブドメインにWordPressをインストールする方法』参考にしました…

HTMLファイルでの文字コードの指定する理由

文字コードとは? コンピューター上で文字を表現する時の文字の種類のことです。 代表的なもので言うと 『UTF-8』『Shift-JIS』『EUC-JP』といったものが挙げられます。 例えば、コンピューターで日本語の「あ」を表現したい場合、UTF-8では「E38181」、Shif…

Java Scriptの基本①

表示 console.log("こんにちは") 文字の埋め込み console.log(`${firstName} ${lastName}`) 変数の定義 let 変数名 = 代入する値 定数の定義 const 定数名 = 代入する値 関数の定義 function calCircleArea(radius){ let pai = 3 let area = radius * radius…

ゼロからサイトを作ってみよう③(画像の上に文字&レスポンシブ対応)

画像の上に文字 テキストの入った画像ではなく背景画像の上に文字を入れたほうがいい理由 コンピュータがサイトを見に来た時にテキストを読み込んでくれたらSEO的にいいから レスポンシブ対応 floatをnoneにしてからtextalin: center;を効かす理由; /* =====…

ゼロからのサイト制作②(フッターの作成まで)

共通のcssを作成する 似たようなパーツがある場合まとめてCSSを作成することでより効率的にできる /* ================================== section共通クラス ====================================== */ .section { padding: 60px 0; } .section-title { fo…

ゼロからのサイト制作①(headerの作成まで)

1、コーディング準備 デザインカンプとは カンプ:comprehensive layout デザインの完成(仕上がり)見本のこと デザインカンプから作成するときはまずどのような構成になっているのかを確認する。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </meta></meta></head></html>

CSSに学ぶ

CSSの練習 CSSの基本ルール セレクタ { プロパティ: 値; } cssファイルは相対パスで指定するのが一般的 ./→同じ階層の ../→一つ上の階層の 赤のH2 黄色のH2 太文字にする 子孫要素を指定する 子孫となるpです 子孫となるpです 直属の子孫要素だけを指定する …

HTMLタグを書いてみる

H2 今日の気分 雑談会参加できてよかった〜! H3 今度も参加してみよう! 朝活は他の人が起きてるからモチベーション上がるな! アルパカさんのブログ 画像の表示 リストの表示 数字なしulタグ りんご みかん バナナ 数字ありolタグ りんご みかん バナナ コ…

Cookieとは

Webサイトにアクセスした人の情報を一時的に保存する仕組みのこと どんなところで使われているのか? ①Web サイト上で行われた作業を保存。IDやパスワードの入力などを省略。 サイトにログインした時にその後少し時間を置き、サイトを表示した時にログインし…