2万円HP制作|ihaのブログDTP・Webデザイン系企業に就職したスタッフIhaのブログテンプレート制作目録です。イラスト、フォト、プログラム、呟きなどいろいろ投稿していきます。基本的にはブログテンプレートデザインを制作した過程を書いています。22:11:41テーマ:Webデザイン「ライセンスを掲載したいがダウンロードされたくない」というクライアントの要望に対して、出来る限りの事はしましたが、CSSで画像を右クリック保存させないようにする方法でも書きましたが、キャプチャーを撮られたら終わりなんですよね。対策を練ってたら思ったことだけど、データ以外に紙で印刷されないようにもしないと!と思いましたので、画像を印刷できないようにする方法を書き残しておきたいと思います。20:29:29テーマ:Webデザイン最近(と言っても去年の8月くらい)から、仕事でWordPressを使うことが多くなってますが、今回書く記事はCSSなのでどの環境でも使えるネタかもしれません。そこで今回は絶対配置を利用したレイヤー構造のようなCSSです。08:56:44テーマ:Webデザインイラスト整理してたらChrome発見した。「これ要らない」って外されたイラストだったな。ゲラにこれは要らないか。北斗の2万円HPをデザインしてるときにIllustrator上で作ったものかも。08:50:37テーマ:Webデザイン絵文字フォントテストテスト用の文字列は下記の通り。0123456789です。Outlookの一部だけ変換されてないですね。Outlook';"のようです。フォントの前後にシングルクォーテーションを付けないといけないようですね。ChromeとIE8では一部見れないけど、ほぼ問題無いですね。Firefox14では完全に見れてません。19:29:51テーマ:Webデザインただの実験ですが、背景画像ではなくCSS3を用いてwidth:100%のグラデーションを作ってみました。゚)色見本はAdobe社のKulerを参考にしました。色相環のようなカラーピッカーになっていて選択した色に合う他色をプログラムで出力しているようです。今回の配色は、このブログのベースカラーである青を基調として(ちょいっといじって)、Kulerから出力された色の値を参考にしています。この配色のグラデーションをグローバルナビの背景に適用。オンマウス時は不透明度60%にぼかされるようセット。IEではCSS3が使えないっぽいので、CSSハックで以前の背景画像をセットして対応しています。ソースを見たときに</head>の上にあるのがソレです。20:07'40]又、ロゴ作りました。旧ロゴはスクブロに見えるようなので、修正。過去ロゴ記事は続きにあります。17:36:10テーマ:WebデザインSEO対策用にグローバルナビ編集したのは昨日ですが、なんかトップページ(ボタンだけ)が、"../"になってたので、こちらを修正。これだとタウンネットブログにリンクされます。何でこんなリンク先の書き方してるかと言うと、自分がまだ相対パスのリンク付けに慣れてないからです。覚えるためにこの書き方にしてます。http://blog.town-nets.com/iha/"./"で今居る階層(ディレクトリ)から。"../"でひとつ上の階層(ディレクトリ)から。"../../"で二つ上の階層(ディレクトリ)から。"/"からでも、おk。階層(ディレクトリ)が分かってれば。17:45テスト完了!やっぱタウンネットブログにリンクされますね。いう事で"../iha/"に戻しました。サイトマップのソースだけは絶対パスになってますね。修正したいけど、アレ、PHP側でしかできないから一般管理ページからは無理だな。21:10サイトマップのリンクソースですが、考えてみればindex.htmlと同じディレクトリにあるわけですから"./sitemap.html"で出来ました。一般管理ページから修正できます。20:25:03テーマ:Webデザイン昨日・・いや一昨日から、5万円HPでFlashの制作をすることになりました。フリーソフトでFlash制作。今回使用したフリーソフトは'parafla'です。DLした後はZIPを解凍し、起動。最初は使い方を全然知りませんし、Adobe以外の製品で制作って・・的な抵抗がありました。ネット上には無数のマニュアルが存在するし、paraflaに備わってるヘルプよりも読み易く、分かり易くて仕事をしながら勉強&制作に取り掛かってました(笑)paraflaでの実作業は直感的で数値を入力していればFlashが出来上がっていくので結構簡単に出来上がります。それはレイヤーやタイムラインが無い事です。無かったけど調べて行く内に分かったことがあります。それが「深度」と呼ばれる存在。なんだろう?とか疑問を持ちますが、前面に置きたいオブジェクトの重要度とでも言った方が良いでしょうか、それがキーでした。深度は数値が上がるほど前面に来ます。最初は0と1だけしか使ってなかったのですが、それだとプレビューしたとき1つのスプライトしか動いてませんでしたので、2以上の深度をもってプレビューしたとき初めて2つのスプライトが動かせました。※スプライトは、「Flashの中にFlashを作成するもの」と例えられていました。補足すると、複数のレイヤーを同時に動かしたいときに用いる方法です。動かす為の「メイン」というものを第1階層に分類されオブジェクトを1つしか動かせないので、スプライトをメインの中に作り、その中でオブジェクトを動かすというものでした。要するにフォルダみたいなものだと言う事。この仕組みが分かると作業効率が一気に良くなりFlashが完成。SWFファイルにした後、HTML編集用にHTMLファイルとして保存しました。残るは5万円HPのクライアントページに貼るだけなのですが、貼り付けてもページでは見れないという結果になりました。<object>で貼り付けたんですがNG。<embed>を<object>内に埋め込んだけど表示されないどころか、入力した文字列が消えていました。これはおかしいのでJavaScriptでも貼り付けてみたんですが、結果NG。いう訳で、この仕事は一端保留になりました(>_<)・・・Flashは出来てますよ。ページに貼り付けても反映されないだけの話です。ケソケソさん、Flashの指導ありがとうございます。Anjiさん、JavaScriptありがとうございます。)SearchMeプロフィールは個別に作りたいと思うのは自分だけでしょうか?上の画像は訓練校に居た頃制作。デッサンしたことあるけど、これはただのラクガキです。ブログテンプレート量産中!・・・でも今はPHPとjQueryで遊んでるラボの人です。最近はラボよりもWordPressやタウンネットブログのエンジンを使ってサイト制作(仕事)をやってます。Editor-ΛトップページブログテンプレートデザインプログラムWebデザインサイトマップDTP・Webデザイン系企業に就職したスタッフIhaのブログテンプレート制作目録です。イラスト、フォト、プログラム、呟きなどいろいろ投稿していきます。基本的にはブログテンプレートデザインを制作した過程を書いています。