おかげさまで Hit!!
ラベル backup の投稿を表示しています。 すべての投稿を表示
ラベル backup の投稿を表示しています。 すべての投稿を表示

2009/08/08

★Marquis Art Gallery★　変なのてんこ盛り♪

To see all albumsまとめてご覧になりたい方はこちらからどうぞー。



illustration
All drawed by MARQUIS ARTです。アナログイラスト集。
気の向くままに描いてますが、最近ではWelcome Boardが中心となっています。
お姉さんの胸が綺麗に表現できるようになりたい！

記　事
welcome board review
welcome board making トレースしてみました！
welcome board making 色塗りの順
NEW YEAR CARD　イラストの描き方　田中美保
illustrators




motercycle customed by MARQUIS ARTFRP製作を素人がやったらどうなるのか！？　こうなりました（笑
いやいやいやいや、もちろん練習であって、これが本番なのではありませんから！

記　事
Motercycle Art
CBR250R DIY CBRイジリ♪
膝擦り・ハングオン（ハングオフ）の仕方　how to hang off



favorite motercycles
お姉さんとバイクを中心に、デスクトップ画像にしたいと思うものをまとめてみました★
昔ながらの旧車から、現行車まで。ビビッと感性にきましたよ。

記　事
Motercycle Art




car raceMARQUIS ARTからチームが作れたらいいなぁ。いつか必ず。気になる方は声かけて下さいませ。
始めようとしている方にとっては、雰囲気を知って頂く参考になるかも知れません。どうぞー。

記　事
Car Art
Movie Car Race
hyper meeting ハイパーミーティング！evo imp
Car Makers




favorite carsいつか作るであろうコンプリートカー。そのためにイメージを練ってます。なんて。
変なのも一杯あります。気に入ったあなたは、際どい感性をしてるでしょう。うん。

記　事
Car Art
SAMBER DIY サンバーイジリ♪
Car Makers




stirling engine
スターリングエンジンって知ってますか？原始的なエンジンではありますが、今注目？の外燃機関です。
どんな熱でも外から加えると動くので、ゴミを燃やした熱や二次発生熱も有効利用できる。エコ。
連続燃焼から熱を得るため、ピストン運動はあるが、爆発工程がないからサイレーーント。
小さいものは、大気と体温の温度差でも動くため、模型など学習用によく使われる。
潜水艦や、家庭用発電機、小型冷凍機などで活躍してます★

記　事
機械工作（スターリングエンジン自作♪）




thing
作っているもの。
Marquis Artには、色んな個人職人がいるのですよ♪
ちなみに写真はGrand Mother の愛情が込められた手縫いの、、何だ？カーペット。綺麗でしょ？

記　事
Thing Art
Comics
Foods
HP made by MARQUIS




hair cut
えーと、髪の毛も切ります。あははははあははは。
ただで切るのは癪なので、完成作品はアップさせて頂きます。
ウリは速度とトーク！って聞けませんがね。。

記　事
hair cut movie

2009/07/25

Movie Art

Poem art

僭越ながら語らせて頂きました。私どもの頭の中はこんなんです。
言葉ってアートですなぁ。

何のために生きるの？
うーん　５月病かな。変な夢まで語ってます。すみません（笑

日本を憂う言葉　マレーシア元上院議員　ラジャー・ダト・ノンチック
これね、他の国の人から言われてるんだよ。寂しいなぁ。(other writer)

Importance of Logistics　人生の差はロジですよ。きっと
人生を積極的に生きる富豪となるため（なるつもりでいる笑）、考えてみました。

money art "not working for payment"
お金のために働く、ラットさん。

愛深く、スマートでしたたかに
行き詰まりました。さて何をすれば安らぐの？

人生必勝法、なんちて。（妹へ贈る言葉）
受験に、仕事に、勝負ごとに、、こんな考えで臨んでおります。

自信の付け方
すいません。病んでます。

一人道
ふと気が付いたら一人。

人生の目標何にしよう
すいません。かなり生きる意味を考えてます。

手相
私の見て貰いました。私の聞いてもしょうがない？そうでしょう。そうでしょう。ささ、ご覧下さい。

心理テスト
やってみました。なんか結婚できない気がした（笑

Ａ型自分の説明書とロジ
ん？関係ないですけどね。

欲しいものとロジ
この頃からロジが気になったようです。

「武士道の逆襲」菅野先生　と　「オーシャンズ１３」OCEAN'S 13
かなり人生について考え込む。こんなネタで考えるのは私くらいでしょう。。♪

今週の出来事
徒然に綴っていますが、意外とお気に入り。感情がないときの私。

感性磨き
というか愚痴です。ごめんね。こんなこと本当はこれっぽっちも思ってないよ（笑

生きる目的
感性磨きが全てと信じて、、

桜 Cherry Blossom
いつか散るんだ

永平寺における寺修行
もしかしたら、言い過ぎかも知れない。でもこんな記憶です。

ブラジルの愛知県
あるんですよ。知ってました？

犠牲
食べられる側のこと考えたことありますか？

義務
先進国に生まれて、生きてるだけ？

Beautiful Japan
日本を愛しています。

Everythig It's you
なんで争いごとが起きるのか、考えてみたのです。

心を打つ
どうやったら人の心を動かせるのか、、本当に人間が変わるためには、、？

おじいちゃん戦争のこと教えて
読後感です。　　

歴史を裁く愚かさ　新しい歴史教科書のために
読後感です。

Women in the Military
イギリスの軍人女性を紹介します。

Society announcement　学会発表の内容。エンジンだいしゅき！


Thing Art



thing
作っているもの。Marquis Artには、色んな個人職人がいるのですよ♪
ちなみに写真はGrand Mother の愛情が込められた手縫いの、、何だ？カーペット。綺麗でしょ？


オークション。
意外と見つか、、らないもんですよ！


王道。しかし私は買物したことありません。だって怖いじゃん（笑


海外掘り出し物を探すのに便利です。


大きなショップ。
立ち向かえません。仲間にしよう♪


いつの間にかセブンとも合体したんだ。へぇー。


アマゾンは本屋かと思っていた。いや本当に。でもなんでも見つかるのですねー。買いませんが（笑


アパレルなかなかねー。ページが綺麗だから見るだけ（笑


気に入る服を探すのは大変ですからねぇー。。ここなんていかがですか？


靴など


可愛らしいアクセサリーを扱ってらっしゃいます。というかバナーが気に入った（笑

English Art

TOEIC STUDY
２５０→７８０へ自力アップしましたよ。
その勉強過程をイラスト付きでアップしていこうかな、、と。


こちらは記録
勉強に使った本
「Duo」
アルクの「出るとこだけ」

１回目２５０点
えーっと、、試験中に寝たんかな。うん寝たことにしよう。

２回目４５０点
これが実力か！？しかしTOEICの試験に慣れれば、もっといけそうだった。

３回目５５０点
なんか分かっているのかどうかが分からない時期。DUOを勉強し始める。

４回目６３０点
少しだけ自信がついていましたが、、ぶぶー。この後、積極的に英語で話すようにした。
３週間だけイギリスへの留学のチャンスを得る！
苛められた。。
「どうせ日本人は英語分からないから、ほかっとっけって」と言われたことは分かる。
ぐさーーっときますよ。ざっくり。

５回目７２０点
特に留学は効果なかったな。３週間では、分からないことを対処する能力が身に付くだけだった。
、、と思っていたけれど、
重要な単語だけ聞く能力が身に付いたのか、分からないなりに点数は上がった。

６回目７８０点
テストの解き方攻略のみ頑張った。
気合を入れて全問回答。頑張ったのはたったそれだけですが、アップ。
長文も１個につき５分、つまり一問あたり１分半で回答すれば、なんとかなりますよ。
かなり無理してますが（笑

さて、少し勉強しなおして受けた７回目。結果待ちです。

Mercial Art

Car Art

自動車整備方法　車のメンテナンス方法
随時更新していきます。立派なものになりますよにー。

SAMBER DIY サンバーイジリ♪
ワーゲンバス仕様のサンバーを、トランポとしています。ちゃんとバイクも乗るし、可愛いし、よく壊れるし、言うことなし！？

PEUGEOT 306S16イジリ♪
しっかり走れて、美しく、嫌味のない車。そう３０６Ｓ１６！

Movie Car Race
レースといっても遊びです。明日にでも、仲間うちでやりたい方は参考になるかな。。

Car Makers
殆ど全てのメーカーサイトを網羅しましたよ。国別にまとめましたのでご利用下さい♪

hyper meeting ハイパーミーティング！evo imp
はじめてイベント的なものに行ってみました。んーーー人間の質がやっぱりね。。でも楽しかった！


car raceMARQUIS ARTからチームが作れたらいいなぁ。いつか必ず。気になる方は声かけて下さいませ。
始めようとしている方にとっては、雰囲気を知って頂く参考になるかも知れません。どうぞー。



favorite carsいつか作るであろうコンプリートカー。そのためにイメージを練ってます。なんて。
変なのも一杯あります。気に入ったあなたは、際どい感性をしてるでしょう。うん。



stirling engine
スターリングエンジンって知ってますか？原始的なエンジンではありますが、今注目？の外燃機関です。
どんな熱でも外から加えると動くので、ゴミを燃やした熱や二次発生熱も有効利用できる。エコ。
連続燃焼から熱を得るため、ピストン運動はあるが、爆発工程がないからサイレーーント。
小さいものは、大気と体温の温度差でも動くため、模型など学習用によく使われる。
潜水艦や、家庭用発電機、小型冷凍機などで活躍してます★

Site Map

Gallery
際どい感性磨いてます。 画像一杯

Movie Art
芸術作品ー♪

Poem Art
気が付いたら、考えてるタイプ。

Motercycle Art
DIY,Custom,Impression,,なんでもござれ

Car Art
DIY,,サンバーと暮らしてます。

Mercial Art
格闘技は芸術ですなぁ。自分でやるもん！

English Art
250→780！自力で上げる♪

Money Art
夢のためにはお金がいるたい。

Comic Art
おすすめの本♪日本が世界に誇る文化！

Thing Art
小物、アパレル、インテリア　色んな個人職人がいまーす♪

ホームページの作り方
初心者用　基本的概念の説明　これが分かればビルダーいらず！　　いやいるわ


you tube
Picasa

2009/07/24

ホームページの作り方　HTML解説　初心者用ですたい

ホームページの作り方

最近は、簡単にページやブログを作ることができます。

昔に比べて非常に便利になった反面、根本的な質問をよく受けます。

これを読んで、基本的な概念を理解して頂ければ幸いです。


～メニュー～

●最初に

●ページを作る方法

●ファイルの書き方

●ＨＴＭＬの基本

●ページレイアウト

●フォント

●ＲＧＢ値（カラー）

●画像の貼り方

●ＢＧＭの貼り方

●リンク

●テーブル（表組）

●フレーム

●フォーム

●スクリプト

●最初に
ホームページは設計図ファイルでできてます。

パソコンはその設計図を読み、綺麗に表示します。



設計図ファイルはHTMLという論理構造でつくられており、白紙のファイルに自分で一からその論理構造を書き込んでページを作る。

HTML論理構造を用いることで、すべての人が思いどうりのページを作ることができるわけです。

つまりHPを作るということは、HTML論理構造に従い、ファイルに文章を書くことなのである。

なんてことはない、メモ帳の文書ファイルでＯＫ


また、そのファイルはホストと呼ばれるちょっといいコンピューターに置いてあります



ネットでＵＲＬを指定すると、ホストコンピューターが設計図ファイルをパソコンへ送ります。

パソコンはその設計図を読み、綺麗に表示するだけ。



「設計図ファイルはホストにある」これ重要です



だから

ページを見る、というのはホストに設計図を送ってもらうこと

ページを作る、というのはホストの設計図を書き直すこと

なのであります



初めはそれさえ理解すれば十分。


メニューへ

●ページを作る方法
前述したとおり、ページを作るとはホストの設計図を書き直すことです

設計図ファイルは、ホストのフォルダの中に作ります



方法は２通り



・自分のパソコンでファイルを作って、それをホストに転送する
（ホームページビルダーなんかがそう）

・ホストに直結してファイルを作る

（ブログなんかが、そんな感じ。最近の無料ホームページサーバーもこんな感じ。）





メニューへ


●ファイルの書き方
超基本的にやるとすれば、、

メモ帳を用意します



最初のページはファイル名を必ずindex.htmlとします

HTML形式で文章を書きます（下記は必ずいる文章）



<html>

<head>

<title>タイトルバーに表示される文字</title>

</head>

<body>



ブラウザに表示される部分（本文）



</body>

</html>



書けたら、それをホストのフォルダに保存してできあがり。

（転送する。ホームページビルダーの転送設定ではこれを行っているのです。）
（もちろんFTTTPというソフトを使って自分でやることもできます。）


メニューへ
●ＨＴＭＬの基本
HTMLの使い方は誰でも最初は悩むもの。

とりあえず悩んでないで、ネット上で検索して情報を手に入れたり、他の人のページを参考にすればいい。

（「ソースの表示」を選べばどのような設計図になっているか見ることができる。）

実際、そこらへんは根性。大変だが、自分で作る場合はそういう努力が必要。

本を買って勉強するのもいいかも。

自分は昔Justsystem出版の「タグ入門ガイド　いますぐHTMLが使える本」を読んだりした。


～必要最低限のHTMLの知識～


・綺麗なページをつくるには

ファイルに普通に文章を書くだけでもいちおうページは作れるが、デザインされたページを作るには、文字のsize,color,positionなどを指定する必要がある。そのため活躍するのがHTML。HTMLで定義されたタグを文字と一緒に書き込むことで、ページをデザインする。


・HTMLの基本的構造

<html>

<head>

<title>タイトルバーに表示される文字</title>

</head>

<body>

・

・ブラウザに表示される部分（本文）

・

</body>

</html>

注；

タグは半角のみ、大文字・小文字は自由。

HTMLでファイルを作ったら、ファイル名に.htmlとつける。

ファイル名は半角英数文字で小文字に統一するのが良い。（８文字まで）


・覚えておくべきタグ

<html>
HTMLファイルの宣言

<title>　　　ページのタイトルの指定

<body>　　　内容の指定

<br>　　　　
改行

<p>　　　　　段落

<hr>　　　　 枠線

<div>　　　　ブロック要素（文）の指定

<hn>　　　　
見だしの大きさ（n=1～6）

<font>　　　テキスト（本文）の属性の指定

<img>　　　　画像ファイルの貼り付け

<a>　　　　　リンク文字の設定

<table>　　　表組の作成

<form>　　　
入力フォームの定義

注；

これらのタグは単体で使用しても意味をなさない。

あくまで意味を記述したのみ。

他ページのソースを見るときに役立てて。


いきなりHTMLで一からファイルを書くのは難しいので、最初は、普通に書き込みするだけで機械が自動的にHPを作ってくれるサービスを利用するといい。いとも簡単に立派なHPができる。大抵パソコンにソフトが入ってる



メニューへ
●ページレイアウト


中央寄せ

<div align="center">ここに目的の文章</div>

右寄せ

<div align="right">ここに目的の文章</div>



改行

<br>

段落

<p>ここに目的の文章</p>　　（<p>は単体でも使用できる）



見出し

<h1>ここに見出し語</h1>

h1～h4くらいまであったような



太字

<B>太字</B>



斜体
<I>斜体</I>



下線
<U>下線</U>





リスト

<UL>

<LI>リスト１

<LI>リスト２

</UL>





番号付きリスト
<OL>

<LI>リスト１

<LI>リスト２

</OL>





説明付きリスト
<DL>

<DT>説明

<DD>内容

<DT>説明

<DD>内容

</DL>

メニューへ
●フォント
文字の色とサイズの指定

<font="#ffffff" size="+1">ここに目的の文章</font>

色はＲＧＢ値かred,blue,green,white,yellowなどでも可

サイズは-2から+6まで



メニューへ
●ＲＧＢ値（カラー)


ああん#ff0000

ああん#990000

ああん#00cc00

ああん#009900

ああん#ffff00

ああん#999900

ああん#660000

ああん#0000ff

ああん#000099

ああん#ff00ff

ああん#990099

ああん#00ffff

ああん#009999

ああん#666666

ああん#cccccc

ああん#000000

白　　 #ffffff


メニューへ

●リンク


ページ（ファイル）へのリンク

<a href="index.html">ここにリンク名</a>

ファイル名を入れる



同じページ内でのリンク

<a href=#rarara>ここにリンク名</a>

<a name=rarara>リンクされるもの</a>

上のタグで指定したとこを押すと、下のタグで指定したとこに飛ぶ





ＵＲＬへのリンク

<a href="http://www.nda.ac.jp/index-j.html">ここにリンク名</a>



メニューへ
●画像の貼り方


<img src="p.jpg">



画像ファイル名を指定する







細かく指定するには



<IMG src="Email0001.jpg" width="678" height="447" border="0">

など

縦横の比が崩れるので、基本的にやんないほうがよろしいですな


メニューへ
●ＢＧＭの貼り方


いろんな方法がありますけんども


<EMBED src="history.mid" autostart="true" hidden="true" loop="true">


メニューへ
●テーブル
列の結合
声の出し方
雄うぬぬ
雌ららら

<TABLE border="1">

<TBODY>



<TR>

<TD colspan="2">声の出し方</TD>←列の結合（２列くっつけるって意味）

</TR>



<TR>

<TD >雄</TD>

<TD >うぬぬ</TD>

</TR>



<TR>

<TD >雌</TD>

<TD >ららら</TD>

</TR>



</TBODY>

</TABLE>



行の結合

声の出し方男ぅ
女にゃ

<TABLE border="1">

<TBODY>



<TR>

<TD rowspan="2">声の出し方</TD>←行の結合（２行くっつけるって意味）

<TD>男</TD>

<TD>むぅ</TD>

</TR>



<TR>

<TD>女</TD>

<TD>にゃ</TD>

</TR>



</TBODY>

</TABLE>





進化系
車名ホンダCB400F
車両重量 kg前軸87
後軸96
計183

<TABLE width="50%" border=1>

<TBODY>

<TR>

<TD bgColor=#ffff00 colSpan=4>車名</TD>

<TD color="#fffff0">ホンダCB400F</TD>

</TR>


<TR>

<TD bgColor=#ff8c00 colSpan=3 rowSpan=3>車両重量 kg</TD>

<TD bgColor=#ffa500>前軸</TD>

<TD color="#fffff0">87</TD>

</TR>


<TR>

<TD bgColor=#ffa500>後軸</TD>

<TD color="#fffff0">96</TD>

</TR>


<TR>

<TD bgColor=#ffa500>計</TD>

<TD color="#fffff0">183</TD><

/TR>


</TBODY>

</TABLE>


メニューへ
●フレーム


フレームのページを作るには、まずどのようにページを分割するかを指定するページをつくる

（これがリンクされるページ）



次に分割されたぺーじを個々に作る



つまり２分割なら、設計ページ１つ、内容ページ２つの計３つのファイルをつくる





設計図ファイルの作り方



<html>

<head>

<TITLE></TITLE>

</HEAD>



<FRAMESET rows="89%,11%">←分割指定（これは上下に分割）

<FRAME src="ue.html">

<FRAME src="sita.html">



<NOFRAMES>

<BODY>

<P>フレームをサポートしているブラウザで見てくださいませ</P>←任意

</BODY>

</NOFRAMES>



</FRAMESET>

</HTML>


左右で分割するなら

<FRAMESET cols="50%,50%">などとする



さらに縦横を両方に分割する場合は内容ファイルを設計図ファイルに換えて指定する



注意！！

フレームページに戻るとき、設計図ファイルにリンクを貼るとフレームの中にフレームができてしまう

戻るリンクを指定するときは内容ファイルにリンクを指定する


メニューへ
●スクリプト


説明するのは難しいので？

ってかよく分からないので簡単なものを載っけておきます

貼り付けモノはソースから見るとおかしくなるのでこのままコピーしてくららい





「マウスクリックでメッセージボックスを出す」

<BODY>を下記のようにする



<BODY onmousedown="alert('ふっ 効かんな');">







「画像等のイメージがクリックされたらメッセージボックスを出す」

下記を貼り付ける


<script language="JavaScript1.2">



/*

Disable right click script II (on images)- By Dynamicdrive.com

For full source, Terms of service, and 100s DTHML scripts

Visit http://www.dynamicdrive.com

*/



var clickmessage="二次転用されたら責任とれません"



function disableclick(e) {

if (document.all) {

if (event.button==2event.button==3) {

if (event.srcElement.tagName=="IMG"){

alert(clickmessage);

return false;

}

}

}

else if (document.layers) {

if (e.which == 3) {

alert(clickmessage);

return false;

}

}

else if (document.getElementById){

if (e.which==3&&e.target.tagName=="IMG"){

alert(clickmessage)

return false

}

}

}



function associateimages(){

for(i=0;i<document.images.length;i++)

document.images[i].onmousedown=disableclick;

}



if (document.all)

document.onmousedown=disableclick

else if (document.getElementById)

document.onmouseup=disableclick

else if (document.layers)

associateimages()

</script>



メニューへ

2009/06/10

CBR250R DIY CBRイジリ♪

登録: 投稿 (Atom)