zono note

zono note

日々の学び、気付きを大切に綴りたい

Java Scriptの特徴

【ホームページ出来上がりのイメージ】

f:id:zonozonox:20180508104851p:plain

WEB上でインタラクティブな表現をする為に開発されたオブジェクト指向スクリプト言語(簡易プログラミング
言語)です。

HTML内にプログラムを埋め込むことで、Webページに様々な機能を付加できる(Webブラウザの動作を
定義できる)為、HTMLやCSSでは表現できないユーザーの動きに応じたものを作ることができます。
(マウスの動きにあわせてデザインが変化する複雑なWEBページを作り出すことができます。)

従来Webページは、印刷物(紙に印刷された本)のような静的な表現しか作れませんでしたが、
JavaScriptの登場により幅広い表現(動的表現)が可能となりました。

※ スクリプト言語
コンピュータを制御する為のルールをまとめたもので、このルールに従って記述された命令の集まりのことです。
スクリプトはプログラムと同じような働きをしますが、プログラムよりも仕組みが単純です。

JavaScript (ジャバ スクリプト) の特徴』
JavaScriptに対応したブラウザソフトがあれば、サーバーに負担をかけることなくスクリプトが実行できます。
・特別な開発環境は要さず、HTMLファイルに書き込むだけで簡単に行えます。
スクリプト言語なので、コンパイルを必要としません。

※ プログラミング言語で記述されたソフトウエアの設計図(ソース・コード)を、コンピュータが実行可能な形式に
   変換する作業(オブジェクト・コード(機械語))のことです。

『HTMLファイルへの組み込み』

記述時は script タグを使用し、type属性を指定します。
この指定は「JavaScriptを使用している」という宣言になります。
尚、src 属性には「ファイル名」を記述して下さい。

『ファイルの拡張子』

「 ファイル名.js 」

スクリプトタグ(JavaScriptの記述を定義します)』

 ← 終了タグ

『記述時のルール』

①命令の最後にセミコロン(;)を必ず付けます
②大文字・小文字をキチント区別します
③単語の途中での改行は行ってはいけません
④全角は使用できません

『コメント(注釈)の記述』

・ 1行だけコメントを記述する
  // ここにコメントを記述します

・ 複数行のコメントを記述する
  /* ここにコメントを記述します */

Learning word press 13(ユーザー名とパスワードの変更)

wordpressのユーザー名とパスワードを変更するには

最初に設定しているユーザー名とパスワードでログインする。

(手順1)
以下の管理画面で変更の入力を行う

f:id:zonozonox:20180501130827p:plain

その際に、3つの注意点あり

① ユーザー名入力

② メールアドレスを入力

③ 権限グループを管理者にする

上記項目、入力後に新規ユーザーを登録

(手順2)
旧ユーザー情報をログアウト

新規ユーザーでログインを行い、パスワードを入力する。

wordpressログイン名が新規作成したユーザー名に変わる。

以上

word press 便利なプラグイン#4(定期データバックアップ)

word press で作成したホームページ等のデータベースを定期的に自動でバックアップする事ができる。

プラグインは『BackWPup』を使用する

画面は以下の通り

f:id:zonozonox:20180426104414p:plain

上記、画面で設定された日時で保存される。

Learning word press 12 (見出しマークを編集)

word pressのテンプレートをcssを使い見出しを編集を行う

編集サイトの固定ページを開く
f:id:zonozonox:20180425095647p:plain

以下のソースコードをテキストに打ち込む
(内容:フォントサイズ h3 部分に関して 先頭にマークを付ける)

<style>
h3 {<br />
position: relative;<br />
padding: .5em;<br />
border-left: 5px solid #444;<br />
}<br />
h3:before {<br />
position: absolute;<br />
left: -5px;<br />
bottom: 0;<br />
content: '';<br />
width: 5px;<br />
height: 50%;<br />
background-color: #0000ff;<br />
}<br />
h3:after {<br />
position: absolute;<br />
left: 0;<br />
bottom: 0;<br />
content: '';<br />
width: 100%;<br />
height: 0;<br />
border-bottom: 2px solid #444;<br />
}</p>
</style>

f:id:zonozonox:20180425102127p:plain

となる

以上