でざいんとうぇぶ。|WEB学習

WEBスクール半年間の学習過程

WEB学習

9/20|JavaScript - while文, for文 / Photoshop

9/20 JavaScript - while文 ( 数値の上限を定めて上限に至るまで繰り返す ) 1からx2していき、100を超えたら終了

9/19|JavaScript - switch文,配列 / Illustrator

09/19 JavaScript - switch文の特徴 switch文は、単純な分岐を簡潔に記述したいときに使う分岐処理を行う文法には、if文とswitch文がある18日のif文は分岐選択が2択(増やすことも可能)switch文は選択肢(分岐)が増やせる break; ← 区切ると認識させるための…

9/18|JavaScript - prompt

9/18 - prompt (警告アラートシステム) アラート入力システム 1つ目に表題,2つ目に入力例表示

9/17|JavaScript基礎

9/17 - jsを画面に表示 <title>はじめてのjs</title> </head> <body> <script> document.write('test'); </script> </body> </html> <head></head> ← ブラウザの裏側だけなら<head>内に(計算式等)<body></body> ← ブラウザの表に表示する場合なら<body>内に ==== - js基礎 <title>変数</title> </head> <body> <script> //変数宣言 var a; //代入 //右辺から左辺に値をいれること a = 1; //出力 docu…</body>

9/10|レイアウト / パターン画像

9/10 - 2カラムレイアウト wrapper ← overflow: hidden; を必ず記述 flort:left : fort:right ← 左右に記述 biv id ← レイアウト用biv class ← 記事内等

9/9|ナビゲーション制作

9/9 - ナビゲーション設定 制作ソフト(ai,ps)でナビゲーションを制作し表示させる - ナビゲーション制作 通常ナビゲーションとホバー(選択中)ナビゲーションの制作

9/5-8|ナビゲ-ション製作

9/5 - ナビゲーション設定 下ボーダー制作 矢印画像を貼付ける

9/2|2カラムサイト製作 / 画像加工, ナビゲーション製作

9/2 - 2カラムサイト製作 (カフェ) ナビゲーション製作 ページ内リンクに移動 画像加工 背景レイヤーは、素材を消すのでは無くctrl or alt + Back spaceで塗りつぶす

9/1|HTML,CSS応用まとめ/メニューバー制作

9/1 - 背景画像の横にタイトル記述(位置調整) ボーダー線記述 枠線で囲みボタン制作 段落制作

8/29|HTML,CSS,1カラムサイト修正

/ 29 - コンテンツ部分を枠で囲む <div class=""> ← 指定場所を指示</div>

8/28|CSSページ作成,レイアウト

/ 28 - ページ制作 margin,padding,borderの活用

8/27|CSSヘッダー, 枠線, 1カラムサイト

/27 - headerの文字位置の調整 margin-bottom: ← 下にスペースが空く margin ← 内回りにスペースが出来る

8/26|CSS背景画像とレイアウト

背景画像とレイアウト / 26 - 背景画像を全面に繰り返し配置 背景にパターン画像を敷き詰めるなら body {background: url(img/01.jpg);}

08/25|CSS基礎

CSS基礎 / 25 - CSSの概要と記述 文字サイズと書式の設定 文字色の変更

8/19 ~ 22|HTML基礎

HTML基礎 / 19テキストエディタで制作 HTMLの必須記載事項の記入 <h1>~<p>の理解</p></h1>

ブログ概要

WEBスクール半年間の学習過程を主軸に 学んだこと考えたことを書き記していきます。 / 学習状況/ 日常のこと/ 情報, 参考資料 etc. - 各種リンク デザイン100選|WEB学習 - 目と手に触れたWEB & デザインの紹介サイト H/A/ LAB - デザイン PORTFOLIO SITE Tw…