2016-02-01から1ヶ月間の記事一覧
CSS3でグラデーション CSSでグラデーションとつけるのと photoshopでグラデーションをつけるのと なにが違うのかCSSはベクトルで計算している為ページを画像を拡大しても画質が荒れないきれいなままを保っていられる photoshopはビットマップでできている為…
text-shadow <html lang="ja"> <head> <meta charset="utf-8"> <title>CSS3の練習 - テキストの装飾</title> </head> <body> <ul class="shadow"> <li class="ts01">Drop Shadow</li> <li class="ts02">Grow</li> <li class="ts03">Bevel</li> <li class="ts04">Embos</li> <li class="ts05">Stroke</li> </ul></body></html>
・会社ロゴ位置の修正とニュースリリースのリンク部分とfooterのnavの開き メイン画像とHPの色合いの関係を修正 ・html5の新要素へ書き換え html-------------------------------------------------------------------------------------- <html lang="ja"><head><meta charset="utf-8"><title>豊永希_0120 クラ</title></meta></head></html>…
問い合わせフォームを作る html5ではインライン要素（<a>タグ等）はブロックレベル要素を囲むことができる formの作成 ソース------------------------------------------------------------------------ <html lang="ja"><head><meta charset="utf-8"><title>フォームの練習</title><style>table { border: 1px solid #AAA; border</meta></head></html></a>…
HTML５はツリー構造をどうやって作るかが一番大事 ソースコードを HTML 5 Outliner に貼り付ければoutline(ツリー構造)が確認できる html---------------------------------------------------------------------------- <html lang="ja"><head><meta charset="UTF-8"><title>HTML5の基本構造</title></head> <body><div class="container"><header></header></div></body></html>
html--------------------------------------------------------------------------- <html lang="ja"><head><meta charset="utf-8"><title>Positionの練習</title><link rel="stylesheet" href="style.css"></head> <body><div id ="container"><div class="box one">box1</div> </div></body></html>
photoshopで背景画像をつくる 画面の端が切れていることによってその先にもページが続いているように見せる。 画面を広く見せる効果がある 画面内に全てが収まっていると小さく見え、古臭くみえる。 デザインを考えていく上で大切な考え方。 html-----------…
下記の画像を全て使うこと １． ２． ３． ４． ５． ６． ７． ９． ５０分×５の時間内 これのほかに筆記１０問あり 筆記の問題はあまり覚えてないので実技のほうだけのせます。 時間内に終わったとこまで html-------------------------------------------…
自分で一から作り直してみた html-------------------------------------------------------------------------------------- <html lang="ja"><head><meta charset="UTF-8"><title></title><link rel="stylesheet" href="style.css"></head> <body><div id="container"><div id="header"> <h1><span>★</span>うちのにゃんこ</h1></div></div></body></html>
html---------------------------------------------------------------------------------------- <html lang="ja"><head><meta charset="UTF-8"><title>無題ドキュメント</title><link rel="stylesheet" href="style.css"><meta name="description" content=""></head> <body><div id="container"></div></body></html>
html-------------------------------------------------------------------------------- <html lang="ja"><head><meta charset="utf-8"><title>無題ドキュメント</title><link rel="stylesheet" href="style.css"></head> <body><div id="container"><div id="header">header</div></div></body></html>
index01にはナビゲーションボタンのみ 各ボタンを押すとそのページへリンクする リンク先ではホバー時のボタンのまま html------------------------------------------------------ <html lang="ja"><head><meta charset="utf-8"><title>横ナビゲーション(画像)の練習</title><link rel="stylesheet" href="style.css"></head> <body><ul class="nav"><li class="home"></li></ul></body></html>
オンラインプログラミング学習サービス 「progate」 で今までの復習 やっているとわかっている部分と忘れてた部分と自分の頭の中では要領オーバーな部分と・・・ 一からこのサイト、マネして作ってといわれてもまだ頭がついていかないような。 復習が足りて…
★HTML★ <html lang="ja"><head><meta charset="utf-8"><title>無題ドキュメント</title><link rel="stylesheet" href="style02.css"></head> <body><div id="container"><div id="header"><h1><img src="img/main.gif" alt="ガラスの靴の持ち主を捜しています！"></h1><h2><img src="img/b_1.gif" alt="パソコンで応募する方"></h2><p>下記の「応募規約」…</p></div></div></body></html>
１カラム ★HTML★ <html lang="ja"><head><meta charset="utf-8"><title>石垣島観光ガイド</title><link rel="stylesheet" href="style.css"></head> <body><div id="container"><div id="header"><h1>石垣島観光ガイド</h1><p class="lead">石垣島は八重山諸島の中で一番大きな島で、沖縄で3番目に大きな島です。沖縄からは、空路で約1時間、沖縄より台湾に近く南に位置します。気候は亜熱帯気候で、1年を通じて平…</p></div></div></body></html>
グループ化とfloat ★HTML★ <html lang="ja"><head><meta charset="utf-8"><title>無題ドキュメント</title><link rel="stylesheet" href="CSS/style.css"></head> <body><div id="container"><div id="header">ここに＃headerの内容が入る</div><div id="nav">ここに＃navの内容が入る</div><div id="wrapper"><div id="content">ここに＃contentの内…</div></div></div></body></html>
■画像の上に乗っている文をブラウザに表示させない方法 htmlにある文を画像に置き換えた際に画像の上にその文も載ってしまう ※そこでhtmlの文をそのまま消してはいけない 検索エンジンで拾っているのはhtmlなのでそこを消してしまうと検索エンジンにひっかか…
●Dreamweverでの外部stylesheetの作り方 ファイルの新規からページタイプcssを作成 htmlのソースコード <head>の中に <link rel="stylesheet" href="ファイルの置き場所"> を打ち込めば外部スタイルシートをリンクさせられる 成功していればhtmlタグの中にstylesheetがでてくる htmlの中のstylesheetにCSSを打ち込ん</link></head>…
pxは画面上に表示される最小単位 100％≒原寸（紙） １inchに1px72個 画素数は画面にあるpxの総数 72×72 16pxは72の1/4 16×16の中に1文字 ・字体 ビットマップ（デバイスフォント） 表示が速い ・書体 アウトラインデータ（ベクター）・・・字に肉付けしてい…
昨日に引き続き 背景画像とテキストの入力演習 ・リセットCSS リセットCSSを打ち込むことによって ブラウザにはいっているスタイルシートに、上や左に空白があったりフォントサイズが指定されており、それをリセットすることで自分の思い通りのレイアウトに…
