旅ログ

旅ログ

デザイン論

情報の配置順序 デザインは連想。それを使う。 ex)冬=暖かいもの=鍋=,,,,と続ける。

メモ

アルゴリズム変更の影響診断

seo(私的まとめ)

<meta description=""> 3文節でつくる。 キーワードを文節の頭に入れる。 ページ最初の<p>は、キーワードからはじめる。 Outlineでツリー構造にする。 amebloなどはサーバーが強いが、利用者も多いため希薄化されてしまう。 fc2は、footerにポルノサイトのリンクを作るjavascri</meta>…

10/05テスト(SEO)

(1)「検索システムの種類」について述べた次の文章のうち、 適切でない ものはどれか、選びなさい。a.「ディレクトリ型」とは、集められたWebサイトの情報を人の手によっ てカテゴリ分けする検索システムである。 b.Yahoo!のカテゴリ検索は「ディレクトリ…

toppageの作成

ブログ名を出力 コンテンツタイプを出力 ブログの説明を出力 トップページのURLを出力 スタイルシートのURLを出力 ループを出力 〜

wordpressテスト

独自テーマをつくる。 /* Theme Name:テーマ名 Theme URl:テーマのURL Description:テーマの説明 Author:テーマの著作者 Author URl:テーマの著作者のURL Tags:テーマのタギング */

サイト作成

サイト作成 上海一人旅サイト 今後の課題=ナビゲーションの変更 コンテンツを増やす ブログの作成

9/24授業(メモ)

フォント フォント相関図(縦軸=時間、横軸=エネルギー) 日本語=4書体が限度 勘亭流,よせ文字=できるだけ使わない。

9/13(授業)メモ

可変サイト toppageとstylesheet(s)の変更。 toppage <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>練習</title> <link rel="stylesheet" href="css/style-l2.css"> </link></meta></meta></head></html>

9/11(授業)メモ

画面サイズごとに変形するサイト② html <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>練習</title> <link rel="stylesheet" href="css/style-l2.css"> </link></meta></meta></head></html>

9/10授業(メモ)

画面サイズごとに変形するサイト cssで3つのスタイルシートを準備する。 Sサイズ=スマートフォン(5インチ以下,599px以下) Mサイズ=タブレット端末(6〜9インチ,600〜980px) Lサイズ=PC(980px〜) スマホ用にサイトを作らなくて済むので個別にseo対策をしな…

9/6授業(メモ)

twitterとGPS機能の連携

9/5授業(メモ)

googlemap 地図を表示 <html lang="ja"> <head> <meta charset="utf-8"> <title>google maps</title> </head> <body> <a href="http://maps.google.com/maps/api/staticmap?center=35.801922,139.717583&zoom=16&size=320x480&maptype=roadmap&sensor=false">地図で見る</a> </body> </html> 地図上にポインターを表示し文字のキャプションを…

9/4授業(メモ)

apiの練習 リンクシェアのrssを表示。 channel->item; ?> <html> <head> <meta charset="UTF-8"> <title>リンクシェアサイトの新着情報 RSS表示</title> </head> <body> <p>リンクシェアサイトの新着情報一…</p></body></html>

9/3授業(メモ)

php QRコードの読み込み <html> <head> <meta charset="utf-8"> <title>検索</title> <style> body{ text-align: center; } </style> </head> <body> <p>QRコードにしたいものを入力。(文字でもURLでも可能。)</p> <form action="qrcode.php" method="get"> キーワード:<input type="text" name="keyword" size="40"> </form></body></html>

8/31授業(発表)

スマートフォンサイト 青木公園紹介 ドラムスティック紹介サイト jQueryサイト 上海旅行情報 旅行の記録サイト

8/29授業(メモ)

fireworks ボタン up.down.hoverを作りcssを書き出せる。 dreamweaver ホットスポット機能(地図などにリンクを付けることができる。)

8/27授業(メモ)

fireworks web画像を作るソフト。 100%で見えているものが基準。 アンチエイリアスがうまく処理できない。そのため拡大・縮小はよくない。 flshに似たソフト。 その他 商売用のページならヘッダーに電話番号をわかりやすく配置。

8/23授業(メモ・書きかけ)

robots/text ルート階層のtopに持ってくる。(Disallow:..../この中のものには検索エンジンは入ってこない。) sitemapは数百ページもあるものに使う。 検索エンジンは第一階層までしかみにこない。

8/22授業(メモ)

wordpressを使ったECサイト welcart その他ECサイトのシステム カラーミーショップ php(フォームの練習、サーバーに設置済) フォーム2 index.php <html lang="ja"> <head> <meta charset="utf-8"> <title>お問い合わせ入力フォーム</title> <link href="style.css" rel="stylesheet" media="screen, print"> </head> <body> </body></html>

8/21授業(メモ)

php(フォームの練習) フォーム1 index.php <html lang="ja"> <head> <meta charset="utf-8"> <title>お問い合わせ入力フォーム</title> <link href="style.css" rel="stylesheet" media="screen, print"> </head> <body> <form action="check.php" method="post" id="inquiry"> <table summary="お問い合わせに関する入力項目名とその入力欄"> <tr> <th>…</th></tr></table></form></body></html>

8/20授業(メモ)

php $GETはurlに検索内容が表示される。(ex.http://www.youtube.com/results?search_query=%E6%A4%8E%E5%90%8D%E6%9E%97%E6%AA%8E+%E6%AD%8C%E8%88%9E%E4%BC%8E%E7%94%BA%E3%81%AE%E5%A5%B3%E7%8E%8B&oq=%E6%A4%8E%E5%90%8D%E6%9E%97%E6%AA%8E%E3%80%80&gs_l…

8/17授業(メモ)

cacoo Iphoneはロード時間は10秒を超えると切ってしまう。 スマホサイト作成① <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> <title>青木町公園</title> <link rel="apple-touch-icon-precomposed" href="iphone.png"> </link></meta></meta></meta></head></html>

8/16授業(メモ)

スマートフォンサイト作成 練習課題 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"> <link rel="apple-touch-icon" href="apple-touch-icon.png"> </link></meta></meta></meta></head></html>

8/15授業(メモ)

スマートフォンサイト作成 ipsim(クローム拡張機能、スマートフォンの表示確認) media属性はscreenが基本(allはダメ,handheldはガラケー向け) viewportなしだと980サイズの中で320pxみるため小さく見える。 php xamppのphp.iniを編集マルチバイトへ。default…

授業(メモ)

その他(デザイン論等) 編集者/ロバートハリス/見城徹/森永博志(『ドロップアウトのえらいひと』) 個人で仕事をする場合の料金(欲しい金額)÷(働く日数×時間)=報酬。 時間単位の金額をもとにコスト計算すること。 『ある絵の伝記』『思考する魚』 解像度…

8/8授業(メモ)

jquery.mobile <meta name="viewport" content="width=device-width,initial-scale=1"> スマホには必須。 jquery.mobile1 <html lang="ja"> <head> <meta charset="utf-8"> <title>jquery.mobile1</title> <meta name="viewport" content="width=device-width,initial-scale=1"> </meta></meta></head></html></meta>

8/7授業メモ(途中)

jquery.mobile jquery=javascript(的)なもので動きをつくる。 jquerymobile=フレームワーク。 1ページにid(#)ページ内リンク。ページロールで見せる。

jqueryを使ったslider

jqueryのslider <html lang="ja"> <head> <meta charset="utf-8"> <title>jquery slider1</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="js/easySlider1.7.js"></script> </meta></head></html>