web制作 | 夜間飛行 備忘録

web制作講座で教わったあれこれを書き留めていきます

39日目 | web制作講座

本日は…

 

■キービジュアルのまとめサイト

mainvisual.net-king.com

を見て自サイト作成の参考に

→からの、このサイトがWordpressで制作されていることを確認

CMSの使い方についても(content management system)

 1.Wordpresskome ※CMSではない。ブログシステム

 ・一番最初に上がるのはWordpress。ブログ様のページのみならずウェブサイトらしいサイトを作ることも可能

 ・更新にHTMLやCSSの知識がいらない→クライアントの更新作業(自分で作ったことのない人)更新作業とは…?41日目の記事へ

 ・PHPMySQLで更新データを拾ってきて更新している

 ・上位表示のために色々自動でやってくれる(ブログだから)

 ※ただしコンテンツをサーバーから呼び出してサイトを構成していく構造上、PHPで個々のパーツを呼び出して表示しているので、普通にHTMLで作るサイトとは違う(動的なサイトである)

 

 2.Joomla!

 Joomla! じゃぱん - Joomla! JAPAN

 なかなか管理画面が使いづらいらしい…

 ので

 3.Jimdo

jp.jimdo.com

 がなかなかおすすめという話

 ・スマホサイトも作れる上、KDDIのサーバーなので協力=上位に一度表示されるとなかなかオチない

 ・wordpress同様クライアントはブログがかければ更新できる

 

 スマホサイトだけなら

smart4me.net

  もなかなか素敵なサイトが手軽に制作できる。

 

その他、QuickHomepageMakerなども便利で、割と上位に表示してくれる。

 

jQueryを使って画像置換

 

f:id:knkasay:20150415184346j:plain

 ※サムネイルクリックで画像が入れ替わるようなもの

  →onclickで大きな画像のsrcをクリックしたaのhrefを取得して書き換えるように設定

 

■午後はFlashで壁にぶつかったらかえってくるときどんな式を書くか、ということをif文で制作

 不等号の向きに注意!

 自身の高さの半分、という表現にも…

 ※画像の初期位置を端に指定しすぎたり、画像の基準点が真ん中でなかったりするとバグるので適度にはじっこ、基準点はシンボル化して真ん中へきちんとおく!

f:id:knkasay:20150415185449g:plain

※動きません