2012-11-01から1ヶ月間の記事一覧

nav

CSS

本日の授業内容 ・CSSファイルを作り、中にstyle.cssを作る ・CSSは2つくらいにまとめ、小分けしすぎない ・自分が作成した固有名詞id,classは先頭に記述する ・hにstrongは使わない ・text-alignは文字を指定するのでなく、全体の幅を揃える ・外部CSSで指…

授業のまとめ

授業まとめ <html> <head> <meta charset="UTF-8"> <title>枠線の設定</title> <style> body { font-size: 1.0em; } .border1,.border2,.border3,.border4,.border5,.border6 { margin: 12px 0; padding: 12px; } .border1 { border: 1px solid #666; } .border2 { border: 4px solid #666; } .border3 { border: 1px…</meta></head></html>

セレクタ

CSS

本日の授業内容 ・paddingにheightは不要 ・使いまわしするものはclassを使う ・divはdivision※ブロックという意味 ・classは.(ドット)で表示 ・borderのショートハンドは線幅→実線→色「擬似クラス」 リンクのさまざまな変更 ・link(未訪問) ・visited(訪問…

CSS

CSS ・bodyにはmarginは使わない ・ボックスモデル top→right→bottom→leftの順で値は指定 授業課題まとめ <html> <head> <meta charset="utf-8"> <title>練習課題002</title> <style> body { background-color: #8fbc8b; } h1 { color: #fff; font-size: 40px; } h2 { font-size: 20px; color: #fff; background-colo</meta></head></html>…

table

rowspan,colspan rowspanは縦結合 colspanは横結合 はみ出さないように気をつける まとめ <html lang="ja"> <head> <meta charset="UTF-8"> <title>tableの説明</title> </head> <body> <table border="1" width="500"> <tr> <td rowspan="2">14</td> <td>2</td> <td>3</td> </tr> <tr> <td colspan="2">56</td> </tr> <tr> <td>7</td><…</tr></table></body></html>

筆記試験

[第1回インターネット] 11/27日に行われる筆記試験の自分用メモ (1)URLとは URLとは[ Uniform Resource Locator ]の略で[ Webサイトのアドレス ]を示す場所です。 URLには、[ 絶対パス ]と[ 相対パス ]の2通りの指定方法があります。 「http://」…

16日から1週間

充実した1週間。内容が濃いため、しっかり整理して次週に望みたい。本日の授業のまとめ Web Deveroperの導入(Firefoxの拡張機能) HTML Validatorの導入(文法チェック) CSSの導入 head内にstyleを埋め込む→エンベット フォント指定 1,0em(エム)=100%=16px color…

corn row

タイトルのコーンローは髪型にも言われますよね、直訳でとうもろこし畑の意。 tableで使う[tr]=table row このrowを脳で結びつけるためのmetaで紹介して頂きました。 うまく記憶の引き出開けられるように結び付けは大事。 本日の授業内容 ・Illustratorの回…

dl要素の重要性

dlは名称と説明文をセットにリスト化が出来る。定義型リスト <html lang="ja"> <head> <meta charset="UTF-8"> <title>dl要素を使った定義型リスト化</title> </head> <body> <h1>dlを使う</h1> <p>dlを使い定義型リストサンプルを作成してみる</p> <h2>ul,ol,dlタグの違い</h2> <dl> <dt>ulタグとは</dt> <dd>中点を使い順序のない箇条書きリスト化</dd> <dt>liタグとは</dt> <dd>順序のある番号順</dd></dl></body></html>…

脳に叩き込め

覚えることは膨大だ。一つ一つ理解して消化していこう。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>本日の授業内容 | web空間</title> </head> <body> <h1>授業内容をhtmlを使いまとめる</h1> <p>ul,liを使い箇条書きで書き出す</p> <ul> <li>Hatenadiaryの設定</li> <li>ブラウザにHTMLを表示させる仕組み、画像等は2段階に分けられる</li> <li>HTMLの基本構造、</li></ul></body></html>…

11/19 基礎知識

パソコンを扱う以上、基礎知識は必要不可欠。 雑学を溜め込もう。本日の授業内容・パソコンを扱う上での基礎知識、歴史 ・上位検索の方法 ・テキストディタの導入 ・Illustratorのさわり(ctrlキーを使った効率化、滲み防止のピクセルプレビュー) HTMLメモ <html> <head> <title></title> </head></html>…

訓練開始

11/16日より訓練が始まった。講師の方、一緒に訓練を受けるみなさんこれから宜しくお願いします。このブログでは授業で学んだこと等、web関係について綴っていきたいと思う。6ヶ月間、より良い学びの場になるように学習していきたい。 <html> </html>