HTML
本日は…■カンプからスライスして画像制作→HTMLとCSSでサイト制作今回は教材としてloftのHP（旧）を使用 これをフォトショップでスライスしていく →このサイトはグリッドデザインなのでとてもスライスしやすい・Photoshopでルーラ表示、画像に合わせてガイド…
本日は… □サイトのレイアウトについて ・リキッドレイアウト ・フレキシブルレイアウト ・可変グリッドレイアウト …これらを複合的に使って、レスポンシブレイアウトなどが使われていたが、レスポンシブは潮流ではない →アップルが、スマホに恩恵が薄いとし…
本日は… まずタイピングテス卜で、DTDからスタイルシートのリンク、divをでheader、content、wrapper、その中のmainとsidebar、最後にfooterと作っていくという雛形を作るような、雰囲気。 きっちり十分でしめて合格。その後、宮沢賢治のいちょうの実を使っ…
本日は… 一日CSS とSEO関連も結構沢山。 ■CSS ・navボタンはulでつくろう ・resetでul { list-style: none;}をしておく ・liの中身について、昨今ではSEO的な意味は無い（HTML５ではnavという名前になる） ・文法チェックは基本！HTMLとCSSそれぞれにやる ・…
本日は…CSSで1カラムサイトを作る Fsの初期設定 Aiで円形グラデとブレンド ・1コンテンツのデザインはスマホサイトで使う ：スマホサイトはファーストビューが大事 ：一見して何をすればいいかわからないサイトは閉じる ：勝手に動いてるサイトも閉じる（自…
本日は… ページを作る！ということだったので一日CSS！ ・仕事ではクラス指定を使う事のほうが一般的 ：CSSではクラス指定、JSなどではid指定だと思っていていい ：ただし会社ごとに指定やコーディングルールがあったりする ・ダブらないからidにしよう、と…
本日は… ・embed：head内にスタイルシートを書いていく方法 ・Font styleの指定 ：Mac用、Win用、汎用と書いていく。 ："Hiragino Kaku Gothic ProN", Meiryo, serif; →書いていく順番としては、頻度の少ないものから多いものへ。 ※デバイスフォントは基本he…
本日は…adobe bracketsをいれる プラグインも10個ほど導入…以下その内容 ・Code folding…dlなどが折りたためるようになる ・Brackets File icons…ファイルがアイコンで見れられるように ・Tubs -Custom Working or document toolbar…タブ表示できるように ・…
今日は…マークアップをしたり、テーブルの解説、相対パスと絶対パスについて学びました。 Aiの方は様々なショートカットキーの勉強、パスファインダーの使い方など。 （HTML編） ・tableを作る ：tableは、Field＝原っぱを区切る＝raw＝畑にすることでなりた…
本日はざっと、HTMLでのマークアップ（超基礎）と Aiを使ってペンツールの練習をしました。 以下詳細 HTML（Hyper Text Markup Language） ・なぜ<h1>や<p>タグを入れるだけでページとして文字のサイズがかわるか ：ブラウザ固有のスタイル（CSS）が適用されている</p></h1>…
１日目忘れ物 ・陰（＝shade）と影（＝shadow）の違い （HTML編） ・ ・<html lang="ja"> ・<head><meta charset="utf-8"><title> ・<body> ・<h1><p> ・<ol><ul> ・<dl><dt><dd> ：definition list / term/ descript 定義して説明 ・本日のSEO ：ページ内一番最初の<p>の中身が最も大事 →なぜなら、<h1>と関連付けがかならずあるはずだから！ ：h1-mainと</h1></p></dd></dt></dl></ul></ol></p></h1></body></meta></head></html>…
