ホームページつくるぞ！！

画像の加工☆ＧＩＭＰ

Thu, 02 Sep 2010 09:50:27 +0900

しばらく更新が途絶えておりました。
ごきげんよう。

今日は、GIMPです

piggの画像を作りたいとか、

プライベートで、画像を加工する時、
PHOTOSHOPがあれば言うことがないのですが、
正規版だと数万円するのが通常です。

なので、わたしは、
ＧＩＭＰ
使ってます。
タダです。
ＬＩＮＵＸとかだと同梱されてるよね。

⇒GIMP:wikipedia

これ、フリーソフトだけど、PHOTOSHOP並みの機能がついてるから、
すごく便利。
操作も慣れると簡単。

難点は、公式サイトが英語なこと。
ソフト自体は日本語表記にできます
たまにうまく動かないことがありますが、
そういったかたは、１０００円位のガイドブック買えば
ＣＤで付いてくるので、
それ使うと英語⇒日本語の手順が省略されてるので、
とてもラクチンです。

使い方もちょこちょこアップしていきたいと思います。

夏のファッションコンテスト

Fri, 27 Aug 2010 01:19:15 +0900

ブログネタ：【1週間限定】夏のファッションコンテスト開催! 参加中

大きい花がポイントです

フォントの種類を指定

Sun, 15 Nov 2009 10:59:38 +0900

フォントの変更

p{ font-family : 値,値,値・・・・; }

フォントファミリー名: フォントを具体的な名前で指定
総称ファミリー名: フォントの種類を表す。できるだけ指定するよう推奨されている。

	総称ファミリー名	フォントファミリー名
明朝系	serif	"ＭＳＰ明朝" Georgia Garamond "Times New Roman" "ヒラギノ明朝 Pro W6"
ゴシック系	sans-serif	メイリオ"ＭＳＰゴシック" Arial Verdana Helvetica "ヒラギノ角ゴ Pro W6"
草書体系	cursive	"caflisch script" "ex ponto"
装飾系	fantasy	critter studz
等幅系	monospace	"ＭＳゴシック" Courier "Courier New"

※フォント名にスペースが含まれている場合は、『""』または『''』で囲む

フォントの色

Sat, 14 Nov 2009 14:57:46 +0900

font-color

例 p{ font-color : 色の指定; }

色の名前で指定できるもの

yellow		purple
aqua		fuchsia
lime		red
green		maroon
olive		white
teal		silver
blue		gray
navy		black

16進数のカラーコードで指定

例 { color: #1345ee;}
６つの数字は、１６進数２桁の数字が３つ並んだもの
Red , Green , Blue　の順に並ぶ。 #668800 のような並びのものは、#680と省略できる。

カラーコードは、このページがわかりやすい　カラーパレット [フルカラーセレクト]

10進数で指定

例 { color: rgb(0,100,255);}

割合で指定

例 { color: rgb(10%,25%,65%);}

フォントの大きさを変える

Sat, 14 Nov 2009 14:06:59 +0900

font-sizeプロパティの値

例 p{ font-size : 15px; }

相対単位・・・:px , em , exなど

px	ディスプレイの1画素が1px
em	ブラウザで設定しているフォントサイズの高さをが１em
ex	ブラウザで設定しているフォントサイズの小文字『x』の高さが1ex

絶対単位

pt	ポイント 1pt=0.3514mm
pc	パイカ 1pc=4.2168mm
in	インチ 1in=25.4mm
cm	センチメートル
mm	ミリメートル

%で指定

デフォルトのサイズを100%として、サイズを指定する

キーワードで指定・・・あまり使用されない

xx-small	魑魅魍魎
x-small	魑魅魍魎
small	魑魅魍魎
medium	魑魅魍魎
large	魑魅魍魎
x-large	魑魅魍魎
xx-large	魑魅魍魎
smaller	魑魅魍魎
larger	魑魅魍魎

CSSの基本構造と文字コードの指定

Sat, 14 Nov 2009 10:51:01 +0900

基本構造

スタイルシートは、
セレクタ { プロパティ：値 }で表される

他のCSSファイルを呼び出す

例：head.cssを適用させる
@import url(head.css);

文字コード指定

１行目に、
@charset "文字コード"

文字コードの表記	文字コード
UTF-8	UTF-8
Shift_JIS	Shift JIS
EUC-JP	EUC

HTML　目次

Sat, 14 Nov 2009 10:23:00 +0900

HTML基本

HTMLの基本構造

文書型宣言

head

body

特殊文字の表記方法

Sat, 14 Nov 2009 07:53:21 +0900

特殊文字

htmlの表記に使われる、『 " 』、『 & 』などの文字は、
『 & 』と『 ; 』ではさまれた特殊な表記をすることで
有効に表示される。

主なもの

文字	表記
半角スペース
&	&
"	"
<	<
>	>

その他参考サイト
IT用語辞典 e-Wordsさん
HTMLクイックリファレンスさん

テキストをデザインするタグ

Fri, 13 Nov 2009 21:00:28 +0900

引用するタグ

: 他のサイト・文献・書籍等から文章を引用する際に用いる
引用であることが分かるように、インデントされる

また、このタグの中の文章は、
で区切る必要がある
: 引用元・出典を表示する

強調するタグ

～: 例： 画像処理ソフトを購入する
タグで囲むと、斜体で強調される
～: 例： 画像処理ソフトを購入する
タグで囲むと、より強く強調される

上付き文字・下付き文字

^～: 例：この容器の容積は、1000cm²です。
^{タグで囲むと、上付き文字となる}
_～: 例：硫酸の化学式は、H₂SO₄です。
_{タグで囲むと、下付き文字となる}

問い合わせ先の表記

～: ページの内容に関しての問い合わせ先を
ブラウザ上に表示させられるタグ

※このタグに埋め込むことができるのは、インライン要素のみ

省略された言葉であることを示す

省略形: 表示されている単語が、省略されている文字であることを示す
ブラウザ上では、単語の下に点線付きで表示され、
その上にカーソルを移動させると、
title属性に記述した省略なしの形で表示される

例

アメリカ合衆国は、USAと省略される

省略形
表示されている単語が、頭文字をとって省略されている文字であることを示す
ブラウザ上では、単語の下に点線付きで表示され、
その上にカーソルを移動させると、
title属性に記述した省略なしの形で表示される

body要素内　基本的なタグ

Fri, 13 Nov 2009 20:51:59 +0900

body基本情報
コメントを挿入
で囲む

見出し
入力表示
見出し１
見出し１
見出し２
見出し２
見出し３
見出し３
見出し４
見出し４
見出し５
見出し５
見出し６
見出し６

段落
この中が段落

改行は
を入れる。

タグにただ文章を書き込んだだけでも表示されるが、
文法上よろしくないので、
で囲む

改行

を入れることで改行される

水平線
を入れることで水平線が挿入される

要素の見栄えを整える属性（W3C非推奨）
見出し要素、p要素に指定できる属性
属性属性値説明
align left center right 表示位置の指定　左中央右
hr要素に指定できる属性
属性属性値説明
color
カラーコード or
色名
水平線(hr)の色を指定
align left center right 表示位置の指定　左中央右
size １以上の整数高さを指定
width １以上の整数横幅を指定

入力	表示
見出し１	見出し１
見出し２	見出し２
見出し３	見出し３
見出し４	見出し４
見出し５	見出し５
見出し６	見出し６

属性	属性値	説明
color	カラーコード or 色名	水平線(hr)の色を指定
align	left center right	表示位置の指定　左中央右
size	１以上の整数	高さを指定
width	１以上の整数	横幅を指定