Today & Tomorrow...

勝手気ままな、備忘録的な感じです。

【illustratorの授業の復習】

【illustratorの授業の復習】 不透明マスク

【Photoshopの復習】

【Photoshopの復習】選択範囲の反転の練習 ビネット効果

【illustratorの復習】

【illustratorの復習】・ライブトレース(オートトレース)を使う

【Wants Cake】

【Wants Cake】遅くなってしまいましたが、やっとはじめのページだけ完成できました! <html> <head> <meta charset="UTF-8"> <title>Wants Cake</title> <link rel="stylesheet" href="base css.css" type="text/css" media="screen,print"> </head> <body> <div id="body2"> <div id="container"> <div id="header"></div></div></div></body></html>

【0604】

【0604】 本日Pura-Angxeloに関してプレゼンしました。

【確認テスト】

【確認テスト】 <html> <head> <meta charset="utf-8"> <title>確認テスト</title> <link rel="stylesheet" href="test2.css" type="text/css"> </head> <body> <div id="container"> <div id="header">header</div> <div id="nav"> <ul> <li><a href="#" class="last">1</a></li> <li><a href="#">2</a></li> <li></li></ul></div></div></body></html>

【確認テスト2】

【確認テスト2】 <html> <head> <meta charset="UTF-8"> <title>確認テスト</title> <link rel="stylesheet" href="testcss.css" type="text/css" media="screen,print"> </head> <body> <div id="container"> <div id="header">header</div> <div id="info"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li></ul></div></div></body></html>

【確認テスト1】

【確認テスト1】Webページについて1.見出しや段落であることを表すための[HTML]を記述します 2.レイアウトなどの見た目は[CSS]で記述します 3.Webサーバーにデータを送ること [アップロード] 4.Webサーバーからデータを取得すること [ダウンロード] 5.Webペ…

【illustratorの復習】

【illustratorの復習・MAP】

【授業の復習/複合パスとクリッピングマスク】

【授業の復習/複合パスとクリッピングマスク】

【CSS09】

CSS

【CSS09】 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css09</title> <style type="text/css"> *{ m…</meta></head></html>

【0525の授業】

【ナビゲーションの復習】

【縦のナビゲーションの復習】 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>縦・横並びのナビゲーション</title> <style type="text/css"> *…</meta></head></html>

【illustratorの復習】

【illusutratorの復習】コツコツやってます。

【05/22】

【illustratorの復習】

【illustratorの復習】いまさらではありますが、illustratorの初歩的、基本的な部分から復習を始めました。

【授業の復習】

【授業の復習】・table <html lang="ja"> <head> <meta charset="UTF-8"> <title>テーブルで組むフォーム</title> <style type="text/css"> body{ border: solid 1px #aaa; width: 510px; } #myform{ font-size: 0.875em; width: 500px; } #myform label{ font-size: 0.875em; } #myform table{ width: 100%; border-collapse:…</meta></head></html>

【授業の復習】

【授業の復習】・フォームの基本構造 <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習(1)</title> </head> <body> <form action="#" method="post" enctype="muitipart/form-data"> <p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容:</p></form></body></html>

【CSS08】

CSS

【CSS08】・以下の画像と同じように表示させるCSSを記述しなさい ・リセットは、全称セレクタで ・XHTML 1.0 Transitional ・記述場所はエンベッド <html> <head> <title>css08</title> <style type="text/css"> *{ margin:0; padding:0; border:none; list-style-type:none; font-style:normal; font-weight:no</head></html>…

【CSS07】

CSS

【CSS07】 ・サイズは適宜、調整すること ・定義型リストに「float」の設定が必要 ・XHTML 1.0 Transitional <html> <head> <title>css07</title> <style type="text/css"> *{ margin: 0; padding: 0; list-style-type: none; } body{ font-family:"メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-se</head></html>…

【CSS06】

CSS

【CSS06】・以下の画像と同じように表示させるCSSを記述しなさい ・文字の擬似クラスも設定しなさい(色は自由選択) ・XHTML 1.0 Transitional ・記述場所はエンベッド <html> <head> <title>css06</title> <style type="text/css"> body{ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Me</head></html>…

【授業の復習】

【授業の復習】 <html> <head> <title>確認テスト</title> <style type="text/css"> body{ background-color:#ccc } #containar{ background-color:#fff height:; margin: 10px auto ; width:800px; } #header{ background-color:#a3bed5; height:100px; } #wrapper{ background-color:pink; overflow: auto; } </head></html>…

【floatの練習】

【floatの練習】 <html> <head> <title>floatの練習</title> <style type="text/css"> #container{ width:700px; height:auto; background-color:black; } #wrapper{ width:700px; height:500px; background-color:red; } #content{ width:395px; height:500px; background-color:green; float:left; margin-rig</head></html>…

【CSS05】

CSS

【CSS05】・空きはリセットをせず、個別に指定する ・XHTML 1.0 Transitional <html> <head> <title>css05</title> <style type="text/css" > body{ font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "MS Pゴシック", margin:auto; width:400px; }</head></html>…

【CSS04】

CSS

【CSS04】・空きはリセットをせず、個別に指定する <html> <head> <title>css04</title> <style type="text/css"> body{ font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック Pro W3", Osaka, sans-serif; width:470; } h1{ color:#5A9B73; font-weight:bold; font-size:1.3em; b</head></html>…

【CSS03】

【CSS03】 ・空きはリセットをせず、個別に指定する ・XHTML 1.0 Transitional ・リストマークは、作成すること <html> <head> <title>css03</title> <style type="text/css"> body{ width:500px; } h1{ color:#00365B; background-color:#EAEAEA; border-style:solid; border-width:1px; } ul{ list-style-imag</head></html>…

【CSS02】

CSS

【CSS02】・HTMLの入力に不安がある人は入力から ・CSSはエンベッド <html> <head> <title>css02</title> <style type="text/css"> body{ } h1{ color:#fff; background-color:#97CD9B; text-align:center; } p{ color:#8C939D; } adress{ color:#97CD9B; text-align:center; border-top:solid 5px; } body,adre</style></head></html>…

【CSS01】

CSS

【CSS01】?・以下の画像と同じように表示させるCSSを記述しなさい ・記述場所はエンベッド <html> <head> <title>css16</title> <style type="text/css"> div#shopping{ width:300px; border:dotted 1px; padding:3px; } h2{ color:#fff; background-color:#006CCF; } ul{ list-style-type:none; } li{ border-</head></html>…

【CSS014】

CSS

【CSS014】・この場合、リセットはしない <html> <head> <title>css14</title> <style type="text/css"> h2{ color:#fff; background-color:#629665; font-size:2.0em; } p{ color:#fff; background-color:#95C998; font-size:1.0em; } h2,p{ margin:0; padding:15px; width:400px; } </style> </head> <body> <h2>BOX and PADDING</h2> <p>…</p></body></html>

【CSS013】

CSS

【CSS013】・この場合、リセットはしない <html> <head> <title>css13</title> <style type="text/css"> body{ margin-left:0; background-image: url("CSS13.jpg"); background-repeat: repeat-y; } h2{ color:#fff; width:70px; margin-left:0; background-color:#D147CE; } p{ margin-left:70px; font-size:1</head></html>…