web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

2015-03-01から1ヶ月間の記事一覧

27日目

本日は… Illustratorで車をトレース… 少し時間がかかりすぎ。要練習。 ■for文の復習 構文:if(変数の初期値;繰り返しの条件;変数の増減){ 実行される処理; } →複雑な結果を求めるのなら紙に一度書くといい ※一度処理された変数はその値を保持したまま繰り返…

26日目

本日は… テスト五枚!Illustrator以外のものの復習。 と、JavaScriptと、登録してやっておいたほうがいいサイト色々。 参考サイト: ①ベジェ曲線の練習 Shape Type, the letter shaping gameshape.method.ac ②カラーコードからカラーを推測 What the Hex? ③…

25日目

本日は ■Switch構文 ・ifは最初から、Aかそれ以外という考え方 →SwitchはAの場合、Bの場合と想定がある ・switch(名前) { case(値): 処理; case(値): 処理; …以下 } という感じで進んでいく ・配列 var *** = [*,*,*]; 配列変数とも呼ぶ 関連性のあるデ…

24日目

本日は… ■FlashとJavascriptでした フラッシュは使える人が少ないので、需要は少ないながらもお金になる! ・PIP(person in presentation)…人に服を着せて、回して見せたり(キュー出し) ・アニメ-ションを作るときは重力表現をしっかりと。※歩いている…

23日目

本日は… JavaScriptさんに入りました。 ■ざっくりJavaScriptとは… :Javaさんとは別の人 :インタプリタ方式で、一行ずつ読んで行くタイプ(上から順番に実行していく)⇔コンパイラ方式(ゲームなどはこっち) :ECMAスクリプト(エクマスクリプト)が世界標…

22日目

本日は… 午前中はpositionについて ■基本はワードの貼り付け領域と同じようなイメージ ・position:absolute; left: px; top: px; という形で記述。 z-indexによって重なりを示す。 ・absoluteとは… :何もしなければ基点は左上 :absolute(絶対値)指定をする…

21日目

本日は… 1日テストでサイト作り。 最後にアップロードして終了。 アドレス:http://ritzstar777.chips.jp/ ※ソリューションの部分がどうにもうまくできていないので画像と文字の関係処理について要復習。

自習2

本日は… お休みなので 素材作りの練習 所要時間30分 もう少し早く作れるように要練習

自習

本日は… 来所日なので休み 月曜の試験に向けて一つ… 企業サイトっぽいもの 素材: ・メインイメージ(文字入れ) ・ナビゲーションボタン ・→アイコン ・見出し&その背景(切り出し&色彩変更) ・背景画像 ・ロゴ(色彩変更) 素材準備合計…3時間?; コー…

20日目

本日は… ・フォームの試験 ・Dreamweaverを使うために :フォームの試験はタイトルを入れ忘れた事以外は…多分無問題。 ■Dreamweaverの使い方 ・サイト管理:任意フォルダ選択、名前をつける ・ウィンドウ:ワークスペースのレイアウト→コーダーに ・環境設定…

19日目

本日は… ■ナビゲーション用のスプライト画像を作る ■spriteが必要な理由 …何度も画像を読み込ませるとその早さは回線の速度に依存 一枚で済ませればCSS読み込んだ時点で終る @importは使わない ※linkで入れるなら2個までがベスト。大本のcommon.cssと個別に…

18日目

本日は… ■テスト返却 ・CSS = Cascading Style Sheets■Aiによるボタン作成 ・大切なのはアンチエイリアスを入れないこと ・borderは内側に設定(線の設定を変更する) ・ピクセルグリッドに整合に☑・レイヤーの重なり順を変えるときは、くれぐれも▲が小さいの…

17日目

本日は… テスト&その応用 テスト内容は… 2カラム&ナビゲーションつきのページモデルを作る。大体40分ほどで完成。 <div id="container"> <div id="header"></div> <div id="nav"> <ul> <li><a href="#">nav</a><li> … </ul> </div> <div id=" wrapper"> <div id="content"></div> <div id="sidebar"></div> </div> <div id="footer"> </div> </div> という形で形成する。 (index00.html…

16日目

本日は… 職業基礎能力基礎講習(マナー編) ・言葉遣い ・名刺の受け渡し ・席の順番 ・電話応対 などなど。基礎色々。 ※面接で伺った時は、応接室では奥の席を薦められても手前入り口そばのソファに座って待っている ※会社ですれ違う人には挨拶(会釈)をす…

15日目

本日は… 一日フォームの話 午前はフォームの書き方、午後はGoogleフォームの作り方、運用の仕方 ・フォームはおおまかにお問い合わせ、アンケートと分類可能 :お問い合わせはtextareaで作ることが多いが、悪意あるコードなどを送られる可能性を考慮して制限…

14日目

本日は… 午前中はCSSでliを横並びにしてナビゲーションを作る 午後はフォトショでいろいろ CSS編 ■liでつくる… ・ナビ以外にもパンくずリストなどを作れる →現在位置を教える ・クライアントは会社の説明を書きたがるが、閲覧者は何を取り扱ってるかの方に興…

13日目

本日は… 午前中はCSSで2カラムレイアウトの練習 ■CSSでページを作る… ・ページを作る前に手書きで、どこがどうというのを作る :#header h1などかきこんでいく ・ヘッダーよりコンテンツをあげようと頑張る必要はない。そこにnavがあることはよくあること …

12日目

本日は… □サイトのレイアウトについて ・リキッドレイアウト ・フレキシブルレイアウト ・可変グリッドレイアウト …これらを複合的に使って、レスポンシブレイアウトなどが使われていたが、レスポンシブは潮流ではない →アップルが、スマホに恩恵が薄いとし…

11日目

本日は… まずタイピングテス卜で、DTDからスタイルシートのリンク、divをでheader、content、wrapper、その中のmainとsidebar、最後にfooterと作っていくという雛形を作るような、雰囲気。 きっちり十分でしめて合格。その後、宮沢賢治のいちょうの実を使っ…

10日目

本日は… 一日CSS とSEO関連も結構沢山。 ■CSS ・navボタンはulでつくろう ・resetでul { list-style: none;}をしておく ・liの中身について、昨今ではSEO的な意味は無い(HTML5ではnavという名前になる) ・文法チェックは基本!HTMLとCSSそれぞれにやる ・…

9日目

本日は…CSSで1カラムサイトを作る Fsの初期設定 Aiで円形グラデとブレンド ・1コンテンツのデザインはスマホサイトで使う :スマホサイトはファーストビューが大事 :一見して何をすればいいかわからないサイトは閉じる :勝手に動いてるサイトも閉じる(自…

8日目

本日は… ページを作る!ということだったので一日CSS! ・仕事ではクラス指定を使う事のほうが一般的 :CSSではクラス指定、JSなどではid指定だと思っていていい :ただし会社ごとに指定やコーディングルールがあったりする ・ダブらないからidにしよう、と…

7日目

本日は… ・embed:head内にスタイルシートを書いていく方法 ・Font styleの指定 :Mac用、Win用、汎用と書いていく。 :"Hiragino Kaku Gothic ProN", Meiryo, serif; →書いていく順番としては、頻度の少ないものから多いものへ。 ※デバイスフォントは基本he…

6日目

本日は…adobe bracketsをいれる プラグインも10個ほど導入…以下その内容 ・Code folding…dlなどが折りたためるようになる ・Brackets File icons…ファイルがアイコンで見れられるように ・Tubs -Custom Working or document toolbar…タブ表示できるように ・…