電脳世界の空間的平面設計

現在WEBサイト制作の学校に通い勉強しています。その覚書きです。

プログラムを作るという事は問題を作るという事

FlashをやればやるほどJavaScript出来るようになる 覚えることではない 理屈がわかったから出来ると言うわけでもない コンピューターと会話する 自分の言いたいことがなければ伝えられない 話す気持ちがなければ伝わらない 会話はあいまいでも出来る 機械も…

プログラムとデザインの間で揺れる振り子

プログラムとデザインの間で揺れる振り子 WEB業界には大きなトレンドがある、トレンドを作っているのは広告代理店 デザインを重視するか、プログラムを重視するかというトレンド。 オリンピックまではデザイン、それからはプログラム。 プログラムは電通が手…

初めてのプログラムはActionScriptが良いわけ ActionScriptの覚え書き

AactionScript(Javascript) オブジェクト指向 ECMA Script 標準化 基本構文 ・順次 ・分岐 + 配列 ・繰り返し この三つだけ ECMAscript ※JAVAscriptの標準系 標準系であるため時代によって書き方が変わる オブジェクト指向言語である 例 dateオブジェクト…

floatが効かない width:100%;の罠

CSS

widthの初期値 何も指定していない場合 widthの指定は100%になっている Q、何に対して100%なの? A、親要素の幅に対して たとえば直ぐ上の親要素が<div class="container">で.containerの幅が960pxだった場合 中にある<h1>の幅は960pxになる。 その為floatを効かせても、ズレる 思い</h1></div>…

CSS no-repeatが効かない理由

CSS

no-repeatが使えない background-imageではno-repeatが使えない background-colorでもno-repeatは使えない background-repeat 本来no-repeatはbackground-repeatで使う属性 repeat、repeat-x、repeat-y も同様 ショートハンドプロパティ backgroundでは全て…

googleの検索アルゴリズムの理解 SEO

SEO

教材 yachin29.hatenablog.com クロールされるサイトを作る まず、googleにクロールされるサイトを作る事が重要 クロールされたら検索結果に出てくる 出てきたら順位を上げる クロールされない=検索結果に出ないと何も出来ない google検索エンジン最適化 ス…

カンプデータを作る2 色を決める

ウェブサイトの色を決める color.adobe.com 人の作ったカラーの組み合わせを見れる color.adobe.com これをカラーサンプル カラーサンプルサイトはいっぱいある 例えば nipponcolors.com クライアントと話す際はカラーパターンを幾つか用意し提案する 多くて…

HTML formの覚え書き

フォーム form 今までは出力 formとは入力データの取得 顧客の情報が欲しい フォームには2種類ある お問い合わせフォーム →テキスト アンケートフォーム →配列 配列とは レコード record 一つを入力すると複数の値が得られる フォームをPHPに送りデータをど…

JavaScriptのテスト対策をまとめてくれました。

みんなー!pandanoteさんがテスト対策まとめてくれたよー!! pandanote.hatenablog.com やったぜ!! ありがとうっございまーす! サイコロはもしかしたら javascript“ü–åno22 このサイトさんに書いてあることをやるのかも知れないです。

JavaScriptの覚え書き

documentのタグと改行 document内の文字にはHTMLタグが使えるぞ document内の文字を改行する場合は今までと同じ<br> アラートの改行 ¥=バックスラッシュ ¥nで改行 ばっくすらっしゅえぬー イベント 何かのきっかけに対して何かする事をイベントという。 『お…

はてなブログではてな記法を使いコードを色付けする方法

はてな記法とは はてなブログの独自のマークアップが使える機能 コードを色付けして見やすく表示できる htmlを自分で書かなくてはいけない為ちょっとめんどい はてな記法モードにする ブログを書く時、左上に『編集 見たまま V』ってのがある。 そこの『V』…

はてな記法テスト

<html lang="ja"> <head> <meta charset="utf-8"> <title>ドレミファ音楽教室_hiyoshi</title> <link rel="stylesheet" href="style.css"> <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:600' rel='stylesheet' type='text/css'> </head> <body> <header> <div class="headerwrap"> <h1></h1></div></header></body></html>

10/27 イラストレーターの覚書

本当に覚書で人様に見せるようなものではないです。 でも、UPしちゃうんだなこれが イラストレーター ①選択 ②描画 ③変形 ◎ショートカットキー イラレで主に使うのは左手 つまりショートカットキー!! 右手は添えるだけ 初心者はペンツールでトレース トレー…

はてなグループを使ってみた。

フェリカTA WEBデザイン 何だかブログを書こうという人が増えてきているようなので はてなグループに新しいグループを作ってみました。 ぶっちゃけどう使うかはよく解ってないですが、 とりあえず使ってみよう! 学校の皆さん申請どうぞ。 名前は適当に付け…

無料サーバーと無料ドメインを使って 無料でホームページを持つ メモ書き

yachin29.hatenablog.com 参考サイト 無料ドメインとサーバーの取得 www.xdomain.ne.jp 登録手順 Xドメインに登録する 無料レンタルサーバーへ行く お好きなスペルを入力 そのスペルがdomainになる。 もう一度、無料レンタルサーバーに行く HTMLサーバー 利…

Ilustraterでカンプを作る メモ書き

yachin29.hatenablog.com カンプに戻らない サイズを決める コンテンツ 画像 空き 文字 line-heightは最悪修正が効く、画像は無理 タグライン キャッチコピーとの違い キャッチコピー 商品や、イベントに対して 企業理念のキャッチコピー版 ヘッダーに使う …

ブログ ネタ出し

書きたい、書こうかなと思うネタをつらつら書いてみる リクエストがあったら答えるかもしれないです JavaScript JavaScript試験対策 試験範囲 JavaScript覚える以前の考え方 言語としての理解 言語なんだったら日本語訳できるはず(本当は英語のまま理解した…

レイアウトが崩れる!あなたはボックスモデルを本当に理解しているのか!?

レイアウトが崩れる!あなたはボックスモデルを本当に理解しているのか!? でけぇ、なげぇ。 レイアウトが決まらない殆どの理由はボックスモデルを理解してないからだと思います。 つーか、僕がそうだった、最近やっと解ってきたよ!。 まぁ、そんな訳で僕…

タイピングミスに対処する

タイピングミスを無くすには 解らぬ、僕も多いんですよタイプミス という訳で半分自分に向けて一応思いつくことを書いてみます。 ミスを見つけ、自分で直し、ミスを減らす方法を書いてみます タイプミスの見つけ方 W3Cでコードのチェック Directinputか直接…

ピアノサイト 回答例 HTML5 CSS3

ドレミファピアノ教室 僕の回答例 ーーーーーーーーーーーーーーーーーーーーーーーーー HTML <html lang="ja"><head><meta charset="utf-8"><title>ドレミファ音楽教室_hiyoshi</title><link rel="stylesheet" href="style.css"><link href='https://fonts.googleapis.com/css?family=Josefin+Sans:600' rel='stylesheet' type='text/css'></head><body> </body></html>

JavaScriptのテスト

解る人にだけ解るすごく役に立つかもしれない情報 テストなんとなく覚えているやつ ①Javaの標準化を何というか ②JavaScriptの外部読み込み記述 alert記述 document記述 日付 果物全て記述 配列?for文? onClick イベントハンドラー オンハンドラー ⑨prompt …

書体の歴史 フォントの世界

書体の歴史 Web-fontが当たり前の世界 DTPで求められていた文字の美しさ、どこにどういう文字を使うかという作業 WEBで必ず使われるようになる 書体・組版 ローマン体 モーセの十戒 シナイ山から持ち帰った石版 書かれた文字はノミで打ったもの これがローマ…

スマートフォンはリンクが大好き

ポチッとな なんか変化があると押す 文章を読ませるより 押させるほうが先 意味を持って押すのではなく、闇雲に押す事が多い ankerが多いサイトは? A=モバイル ありとあらゆるところが押せるようになっている どのページからもどの情報へも飛べる モバイル…

HTML5要素の使い方

ウェブ初心者はFIREFOXを使うがオススメ CSS Zen Garden 隠し文字 HTML5要素の使い方 section <h1>等の見出しが必須 areticle 使い所がない 独立した記事に使う つまり、テーマに沿った文章を中に入れてはダメ ブログではよく使われる アーカイブ aside テーマ</h1>…

裸を見るな裸になれ

パルコ広告 石岡瑛子 裸を見るな裸になれ TIMELESS 石岡瑛子とその時代(文・取材:河尻亨一) 裸を見るな、裸になれ すっぽんぽんで何が出来るか そういう自信があるか 何をやりたいか 何をおもしろいと思うか 何をおもしろがれるか 人から見せてもらうので…

JavaScript マウスを乗せると画像が切り替わる

マウスを乗せるとメインの画像が切り替わる オンハンドラーのonClickを使う html内に書くだけで出来るという便利仕様 使い方の例 <img src="oo" alt="oo" name="name"> これ"うんちゃら"って名付けまーす <img src="oo" alt="oo" onMouseOver="name='〇〇img'"> この画像にマウスが乗った時(onMouseOver)、"うんちゃらを'〇〇画像'にしてね" これ基…

WEBは心理学で出来ている

記憶に残るもの 人のほぼ視覚で世界を知覚している 視覚の中でも特に色 次に音 色と音が支配的 記憶したい時この2つの感覚をうまく使う 思い出すことで記憶に残すことが出来る WEBは心理学でできている 押す見る買うのには理由がある 理由=なんで? ・視覚…

JavaScript switch文 解説付き

<script>var a=2; aって数字を使うよ、aは2だよ。 switch(a) { aがもしも case 1 : (←コロンですセミじゃない方です) 1だったら(仮定、場合)console.log('aは1だよ'); コンソールログに()内のことを表示してね。break; 1の場合終わり case 2 : 2だったら…

パソコンの使い方の基本 レギュレーション

レギュレーション(ガイドライン) 片付けが基本 フォルダの整理 後でフォルダを見つけるためのルール ディレクトリー管理(パス) データ管理が全ての基本 家の中の整理をすることとは、頭のなかを整理するということ 食べたものを洗うとか WEBに入る以前の…

web制作をオンラインで学ぶ、復習にも使えるサイト

codeprep.jp codeprepは穴埋めドリル prog-8.com progateはdivの嵐 一つのサイトを作ってるっぽい感じで進むドリル www.codecademy.com コードアカデミーはまだやってない cyllabus.jp シラバスもやってない やった人によると実際にサイトを作る感じ?らしい