2012-11-01から1ヶ月間の記事一覧
スタイルシート スタイルを別ファイルで指定する＝外部リンク htmlファイルのheadに以下記載 <link rel="stylesheet" href="css/style.css" media="screen,print"> relとhrefは順不同ok スタイルシート別ファイル style.css（汎用性のある名前"style"が一般的） @charset "UTF-8";は省略可能その場合はhtmlのcharsetに依存1行あ</link>…
<html lang="ja"> <head> <meta charset="UTF-8"> <title>擬似クラスの練習</title> <style> ul { list-style-type: none; } li { font-size: 1.6em; font-weight: bold; margin: 0 10px 10px 0; float: left; } li a { display: block; padding: 5px 1em; width: 200px; } …</meta></head></html>
<html lang="ja"> <head> <meta charset="UTF-8"> <title>破線枠で囲む</title> <style> body { font-size: 1.0em; } .box1, .box2 { border: 1px solid #999; margin-bottom: 18px; padding: 12px; } .box2 p { background-color: #acf; } p { border-bottom: 1px dashed…</meta></head></html>
<html lang="ja"> <head> <meta charset="UTF-8"> <title>実践枠で囲む</title> <style> body { font-size: 1.0em; } p { margin: 12px 0; padding: 12px; } .border1 { border: 1px solid #666; } .border2 { border: 4px solid #666; } .border3 { border: 1px solid #f…</meta></head></html>
実践枠で囲む 破線枠で囲む 擬似クラスの練習（リンクの文字色・背景色） 背景色と余白 背景画像を設定 背景画像を設定（水平方向に繰り返し） 背景画像を設定（垂直方向に繰り返し） 背景画像と枠線 背景画像（繰り返さない） 覚え書き div …division idとc…
イラストレーター 楕円形だけでロゴを描く テンプレート：i-modeロゴ 楕円ツールで楕円を描くガイド線を表示させると楽（CTRL+Rでルーラー表示） 選択ツールをダブルクリックして移動パレットを表示、楕円を移動コピー i-modeロゴの凹凸、凹部分に沿うように…
月例テスト第1回 インターネットの基礎知識確認 スタイルシート CSSは立体構造 margin…コンテントが持つ領域の外側を広げるもの padding…コンテントが持つ領域を広げるもの <style> h1{ margin: 0 0 20px 0; padding: 10px 1em 8px 1em; } </style> *に対してmarginは使用し…
[授業] HTML WEBページを作ってみよう amazonから任意の素材を拝借し実習 画像の挿入 <p><img src="" width="" height="" alt=""><p> alt属性は必ず入れること リンクをつける 新しいウインドウを開いて外部リンク <a href="移動先のアドレス" target="_blank">リンクをつける文字列</a> 内部リンク <a href="移動先ファイル名">リンクをつける文字列</a> 表の挿入 3行3列、ただし1と4の縦</p></p>…
CSS firefox環境設定 DevelopperTool1.1.9（最新版は英語なので注意！） HtmlValidator ソース表示でエラー発見できる優れもの 書いてみる の中に書く書き方＝エンベッドembed（埋め込み） <head> <style> body { background-color: #; } h1 { color: #; font-size: ; } h</style></head>…
イラストレーター 線対称・点対象（回転）・相似単なるお絵かきソフトではなく、計算ソフトとして物理的な感覚が必要 HTML 表組
はてなダイアリーの設定 ブログは公開してナンボ 見栄えを意識すること（配色は3,4色程度でまとめる、など） SEO対策には記事タイトルが重要 イラストレーターの基本操作 作業環境設定 ファイルを開くときはフォルダからダブルクリックではなく、ソフトのメ…
大見出し 本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文 小見出し 番…
コストパフォーマンスを意識すること、時間感覚をシビアに持つことコレですよ。 時間管理って難しいデス…。 常日頃うまくいかずにもやもやしてるので、講義冒頭のお話にシビれました。 HTML基本中の基本形 何はともあれこれだけは覚えよう。 <html> <head> <title></title> </head> <body> <h1></h1> <p></p> </body> </html> 自宅PC…
何を隠そう人生初ブログ。 いつのまにやらこんなにも時流に乗り遅れていました。。。 そんな自分がサイト制作のお勉強、始めました。 このブログは半年間の成長記録になる予定です。
