2016-01-01から1年間の記事一覧
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を打ち込むことによって ブラウザにはいっているスタイルシートに、上や左に空白があったりフォントサイズが指定されており、それをリセットすることで自分の思い通りのレイアウトに…
Dreameweaver ■初期設定 ・コーダーを選択（Vr.CC以前） ・ツールバーのサイトからサイトの管理 新規作成で名前をつけて使用したいフォルダをクリック 左側にローカルファイルが表示される ■使い方 ・ローカルフォルダから新規フォルダを作る 大本のファイル…
・HTML linkを貼る <p><a href ="http://~"> </p> linkを新規ウィンドウで開く場合 <p><a href ="http://~" target="_blank"></a><p> ・bodyの中に複数同じタグがあり、別々・または同じスタイルシートを適用させたい場合 ーーーーーーーーーーーーーーーーーーーーーーーー <head> <style> p {color: #FF00FF;font-size: 28px; }p#aa { /*他のｐタグ</head></p></p>…
HTML 絶対パスと相対パス ・絶対パス 自分がどこからアクセスしても変わらないアドレス。URL。 経路：自分のPC→宇宙→地球→日本→東京→自分のパソコン ・相対パス 自分がどこからアクセスするのかによって変わるアドレス。 自分が持っているデータの中で。 経…
課題の話 自分が思っていた課題内容の意図と全然違っていた。 タグの使い方はもちろんだけど WEBの仕事に関してただサイトに書いてある嘘っぱちのことを拾ってきているうちはだめだ。と。 ・どうやったら自分がなれるのか ・どうやったら自分のなりたい気持…
今日は土日で休日 課題を進めます。 課題は WEBの仕事に関してHTMLでまとめてくること 先生の意図がわかっておらず内容はそこらへんのサイトからひっぱってきた。 そして<h1>や<h2>の使い方がよくわかってない。 ーーーーーーーーーーーーーーーーーーーーーーーーー</h2></h1>…
今日は昨日に引き続きHTMLの入力 でも昨日よりは要素の意味を理解していきながら これが これに！ ひゃー！こうやっていっこいっこ出来上がっていくんだね。 先生のブログにわかりやすいのがあったから私も書いておこう <html> <head> </head> <body> </body> </html> これが箱 他 Illustratorで初歩…
パソコンの電源はなんでこのマークなのかわかる？なんて話からはじまり、 HTMLの授業をやった terapadなるソフトでタグを打っていく。 このterapadっていうものも初見だしでも、授業は普通に進んでいく。 これ私やばいんじゃないか。 他の生徒さんはもともと…
オリエンテーション 先生の紹介と自己紹介 ２７人の生徒で部屋は狭い！ １つの長テーブルに３人が座って、となり近ッッ！ 見学に行った時に説明してくれた先生が講師だった。 その時にも思ったけど、面白い先生。 話に引き込まれる。説得力がある。 でも私に…
WEB制作の学校に通い始めたので記録を残すことにした！ まず経緯から・・・ 2015年９月に会社を自己都合で退社 事務職で専用ソフトに入力したり電話対応する仕事をしてた。 WEBに関しては中学校でHP作ったくらいしか経験ない。つまりど素人ヽ(´▽｀)/ でもパ…
