2012-08-01から1ヶ月間の記事一覧

Fireworks-互換

Fireworksの互換 Illustratorの場合 Illustratorからコピペするとレイヤーが保持されない ファイル→読み込む にするとレイヤーが保持される 保存形式を変える場合 ファイルを書き出し→FXG形式 Illustratorできれいに読み込める Photoshopの場合 ファイル→読…

Fireworks-ボタン制作

Fireworks-ボタン制作 角丸 角丸長方形使わない→数値が出ないから 端が丸まっているものは角丸の半径100%指定 px指定は角丸が少しの場合 フィルター フィルター→Photoshopライブ効果 プレビューしながら調整できる シンボル化 シンボルに変換するとドキュメ…

Fireworks, Illustrator

Fireworks 基本 変更→カンバス→画像サイズ (Psの画像解像度に相当) エッジはアンチエイリアスかけておく 100%に見えるものが限界 多角形で上に角が来る図形にする場合、shiftを押しながら上に持ち上げる テキストとして見せる場合は、アンチエイリアスなし "…

Fly me to the moon

Webとは関係ない記事です。 ニール・アームストロング氏というと、この曲を連想。 シナトラ版もすきです。

アクセス制限

授業めも アクセス制限 robots.txt テキストファイルで下記のようなrobots.txtを作る User-Agent: * Disallow: /フォルダ名/ アスタリスクは全ての検索エンジンに対して、という意味 フォルダを1つ作って、その中に見せたくないフォルダを入れる robots.txt…

フォームをデザイン

CSSでフォームをデザイン <html> <head> <meta charset="UTF-8"> <title>フォームをデザイン</title> <link rel="stylesheet" href="style.css" media="print, screen"> <script> function focusColor(i) { i.style.borderColor='#7f9db9'; i.style.backgroundColor='#ffffff'; } function blurColor(i) { i.style.borderColor…</link></meta></head></html>

PHP-RSSを取得

外部ブログのRSSを取得し表示する <html> <head> <meta charset="utf-8"> <title>RSSを取得</title> </head> <body> <ul> item as $item) { if(++$i>5)break; $dc = $item->children('http://purl.org…</ul></body></html>

PHP-フォーム2〜4

お問い合わせ入力フォーム2 サンクスページを作成 お問い合わせ入力フォーム3 サンクスページにデータを受け取っていることを明示する お問い合わせ入力フォーム4 メールを自動送信する 稼動をチェックする↓ http://puisto.moo.jp/form/index.php index.php <html lang="ja"></html>…

PHP-フォーム1

お問い合わせ入力フォーム1 何も入力しなかった場合 全て入力した場合 index.php <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせフォーム</title> <link rel="stylesheet" href="style.css" media="screen, print"> </head> <body> <form action="check.php" method="post" id="inquiry"> </form></body></html>

イラストをトレース

IllustratorでPPGのイラストをトレースする お手本 トレースしたものあまりペンツールを使わず図形ツールメインで再現しようとしたら、とても時間がかかりました。 基本的には線と塗りを一緒にしていますが、塗りは塗り、線は線で作ったほうが良かったかもし…

iPhoneサイト2

iPhoneサイト2 URL: http://puisto.moo.jp/iphone/02/ index.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>エモトカホリ</title> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> </meta></meta></meta></head></html>

iPhoneサイト1

iPhoneサイト1 URL: http://puisto.moo.jp/iphone/01/index.html index.html <html lang="ja"> <head> <meta charset="UTF-8"> <title>コウベデュカ</title> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> </meta></meta></meta></head></html>

JS基礎-for文2

繰り返し処理-偶数の合計 <html> <head> <meta charset="UTF-8"> <title>繰り返し-偶数の計算</title> <style> h1 { font-size: 20px; } </style> <script> function goukei() { var ans =0; var bunbo =2; var a; for (i=1; i<=10; i++) { a = 1/bunbo; ans = ans + a; bunbo = bunbo*2;//次の計算用に分母の値を(2のn+1乗)にする } </meta></head></html>…

CSSでポップアップ画像

CSSでポップアップ画像を表示 実物はこちら <html lang="ja"> <head> <meta charset="UTF-8"> <title>CSSでポップアップ画像を表示</title> </meta></head></html>

バナー作成

バナー作成 世界のチーズキッチン お手本 作ったもの久しぶりにIllustratorと格闘しました。 Photoshopは写真の補正にのみ使用。 ただ、慣れや効率を考えると、切手風写真は無理にIllustratorで作らなくても良かったもかもしれません...。 ストライプの左右…

jQuery-横スライド

jQuery-横スライド easySlider 実物はこちら <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQuery EasySlider</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="easySlider1.7.js"></script> </meta></head></html>

SmoothScroll

SmoothScrollを導入する jimdo-独自レイアウト smoothScroll.jsでjsファイルを保存 レンタルサーバーに先ほどのファイルをアップロード jimdoの設定→ヘッダーの編集。ここにファイルのパスを記述 独自レイアウト→HTML部分にアンカーを記述<a href="#top">など 戻る部分にid=</a>…

JS基礎-for文

for文で整数の合計を表示 <html> <head> <meta charset="UTF-8"> <title>for文-繰り返し処理</title> <script> function goukei() { var ans = 0; for ( i=1; i<=100; i++) { ans = ans+i; } alert( '1~100の合計は' + ans + 'です'); } </script> </head> <body> <h1>整数の合計</h1> <p>1~100の合計を表示する。</p></body></html>