- [choose image]ボタンを押して画像を選択
- 文字を入れたければテキストボックスに入力
- サイズを入力（縦横の比率に注意しましょう）
- [詳しく設定]リンクをクリックすると早さや文字の位置も設定可能
- 写真とその他の設定が全てできたら、[Get Your Free Flash]ボタンをクリック
- しばらくするとソースコードが表示されるのでコピーしてブログなどにはりつけましょう
2009年5月16日土曜日
Web上で簡単にFLASH動画（スライドショー）を作成できるサイト！
写真をアップロードするだけで簡単にFLASH形式のスライドショーが作成できるサイトを発見！
デザイン関連企業、アドアチーブが運営する「Steppy」というサイトです。
2007年10月20日土曜日
Web上でファビコンを作成できるサービス
Favicon（ファビコン）
お気に入り（ブックマーク）した時に表示されるアイコン=ファビコン（favicon）を作ってみました。
このブログあるいは office-taku.comを開いた時に、アドレスバーの左端に表示されているはずです、みてみて下さい(Internet Explorerをお使いの方はお気に入りに登録してみて下さい)。
以前紹介したロゴ作成のように、現在はWeb上で簡単に作成できるサイトがたくさんあります。
今回は、そんなサイトの中の一つ、favicon.cc を利用しました。
ただし、このサイト、ブラウザはFireFoxを使っていないと利用できません。
Internet Explorerをお使いの方は、文末に記した他のサイトを利用するか、
↓こちらからFireFoxをダウンロードして下さい。
作り方の手順
- favicon.cc（http://www.favicon.cc/）に、アクセスします。
16×16のマス目状の作成画面が表示されます - お好きな色を選んで
- デザインします(ドラッグorクリックでマス目を塗りつぶすことができます）。
- マス目の下にプレビュー画面が表示されていますので、確認しながらすすめます。
- できあがったら、ダウンロードします
すでにある画像を元にして作成することもできます
- マス目の左側にある "import image" をクリックし、画像をアップロードして下さい。
- その画像がマス目の中に表示されてきますので、修正します。
- 元画像によっては上手く表示されません。私の（ロゴで使っている顔の）画像場合も右上の方が空白になり上手く行かなかったので、全部最初からつくりました。
ファビコンの表示方法
- HTMLソースのヘッダー内（<head>から</head>の間）に
<link rel="shortcut icon" href="ファビコンまでのパス/favicon.ico">
と、記述します - HTMLファイルとfaviconをアップロード
他にもいろいろなfavicon作成サイトがあります。下記のサイトなどで研究してみて下さい。
- 参考サイト
-
- Favicon Japan
http://www.favicon.jp/ - アイコン・ファビコンを作成するサイト20
http://netafull.net/lifehack/022164.html
- Favicon Japan
2007年7月6日金曜日
WEB上でロゴを作成できるサイト
- 簡単ハロウィンロゴジェネレーター：Bambino Labs
日本語が使ます! ただし、色、デザインのパターンは変更できません。
画像形式は PNG
使い方は至って簡単、
- テキストボックスに、作成したい文字を入力
- 映りこみ、かぼちゃバッジ、コウモリ それぞれの、あり（はい）・なし（いいえ） を選択
- 背景色をテキストボックスに入力（初期値は白（FFFFFF））
- [作成]ボタンをクリック
- 画面上に作成されたロゴが表示されるので、ダウンロード（保存）します。
できあがり↓
かぼちゃバッジ、コウモリ あり↓
- Logo54-Logo Maker
フェラーリー、スター・ウォーズ、ハリー・ポッター 風なロゴが作成できます。日本語は使えません。
- 左のメニューから、Harry Potter など、好きなタイプを選択
- 表示された画面のテキストボックスに作成したい文字を入力。
- [Make]ボタンをクリック。
- ページが切り替わり、上部に出来上がったロゴが表示されるので、ダウンロード。
ハリー・ポッター風はこんな感じ↓
モンスターズ・インク風↓いいですね
- Lgo Maker : WEB 2.0 STYLr
上記の２つより細かな設定ができます。日本語は使えません。
このブログの上部にある「Office TAKU」のロゴは、ここで作成したものです。
設定項目は下記のとおり、- Logo Text: ロゴにしたい文字を入力
- Logo Font: フォントの種類を選択
- URL for Icon Image(optional): 表示したいアイコンがあればurlを入力（省略可）
- Your URL: あなたのサイトのurl（省略可）
- start gradient(top color):文字のグラデーションの開始色（初期値：F9BB44）
- end gradient(bottom color):文字のグラデーションの終了色（初期値：F05110）
- Gradient Blend Type: グラデーションの種類。defoult と Blend2 どちらか選択
- bgcolor: 背景色（初期値：FFFFFF）
- 以上設定が終わったら[Web2.0 Style It!]ボタンをクリック！
- 出来上がったロゴは、同じ画面の右上に表示されるので、ダウンロード。
初期値（アイコンのみ追加）ではこんな感じ↓
- Web2.0V2Logo Creatr
こちらは、シンプル。テキストを入力して、「映りこみ」と「BETAタグ」のありなしを指定するだけ。日本語は使えません。
ad
2007年7月5日木曜日
WEBサイト作成時には著作権に注意を
WEBサイト作成時には著作権に注意しなければなりません。参考になりそうなサイトを集めてみました。
- コピーライトワールド
「社団法人 著作権情報センター」 の子ども向け著作権解説サイト。
おじゃるまるたちが、わかりやすく著作権について教えてくれます。
クイズ「コピーライト道場」は、初級、中級、上級3つのコースがあります。何問正解できるか、ぜひチャレンジしてみてください。 - 著作権Q&A インターネット、ホームページに関して
「社団法人 著作権情報センター」（http://www.cric.or.jp/）サイトのQ&A ページ。このサイトでは著作権全般について知ることができます。 - FAQ-インターネットなどでの音楽配信（非商用）
「社団法人 日本音楽著作権協会」（http://www.jasrac.or.jp/) サイトのFAQページ。 - インターネットと著作権
Yang May さんという方が運営されている「ブログ著作権ガイド」（http://blogcopyrightguide.seesaa.net/）の「インターネットと著作権」カテゴリーのエントリ一覧ページ。大変参考になります。また、左サイドバーには著作権関連のリンクもあり便利です。
 | 「どこまでOK?」迷ったときのネット著作権ハンドブック 中村 俊介 植村 元雄      by G-Tools |
2007年6月22日金曜日
ホームページ作成ソフト（オーサリングツール）
テキストエディタでWEBページは作れますが、より簡単にできるアプリケーションがあります。
WEBオーサリングツール、オーサリングソフト、などと呼ばれます。
お金のある方は使ってみてください。また、職業として使う必要がでてくる場合もあるでしょう。
でも、基本はHTMLなので、忘れずに。
私も最初の頃は、Macで、今は亡きAdobe PageMil というアプリケーションを使っいました。
その後、同じくAdobeのGoliveも購入したりしましたが、今は、全く手打ちになっています。
- ホームページビルダー
IBM社の製品。Windowsでは一番使われているものです、たぶん。現在の最新バージョンは11です。
→Amazonでホームページビルダー - ドリームウィーバー
ホームページビルダーが普通の乗用車としたら、こちらはより専門性の高いレーシングカーといった感じでしょうか。プロの方も使っています。
もともとは、Macromedia社のソフトでした。
→Amazonでドリームウィーバー - Go Live
Adobe社のオーサリングツールといえば、Goliveだったのですが、DreamWeaverに移行しつつあります。
→AmazonでGolive - その他
Microsoft社のFrontPage（販売終了）、Expression、などがあります
2007年6月21日木曜日
WEBページ作成（HTML）参考リンク
- とほほのWWW入門
- 入門者向けの定番サイトです。
- The WEB KANZAKI
- HTMLになれてきたら、ぜひこのページを参考に、より正確な記述を！私もなかなか実践できないままですが、少しでも近づけるようにと努力していくつもりです。超おすすめです！
神崎さんの著書、WEBサイトを作るならぜひ読んで下さい、おすすめです→ユニバーサルHTML/XHTML - カラーチャート(ZSPC)
- 背景色と文字色が同時に参照できる便利なカラーチャートです
- ホームページ作成(All About)
- 専門ガイドによる記事とリンク集
- CSSのいろいろ
私が試してみた初歩的なCSS のいろいろなプロパティ。参考になればうれしいです。
登録:
投稿 (Atom)