本文へスキップ

中央大学学友会文化連盟音楽研究会吹奏楽部

活動情報topics

////HP管理の方へ//// お疲れ様です。2015年度版HPのデザイン、製作を担当した71期木村です。詳細は引き継ぎ資料にも記述しますが、技術的な助けになればいいかなと思い、各ページにこのような文章を記入してます。 ちなみにこの非表示タグは、このspanから/spanの間を通常の閲覧で非表示にするものですが、ソースは一般にも公開されているものなので注意してください。 ・トップメニューについて 下記!-- navi --の項を編集すれば自由に改変できますので、必要なタイミングが来ましたら変更していただければと思います。 ここの部分については、ただの文章になっているので、改変が可能です。ただ項目の数を増やしたり減らしたりするのは難しいです。(フォントと項目のデザインが別のcssファイルに保存されているので、知識があるならやってみてください。) ・バナーメニューについて 下記!-- aside --の項を編集すれば改変できます。将来的にはTwitterの埋め込みとかも設置したかったんですけど次の代までに監督の許可が取れたら勝手に追加しておきます。→許可取れたので作りました。 後はyoutubeの埋め込みとか。方法についてはgoogle先生に聞いていただければ普通に出てきますんでそこに譲ります。 まあソース見ればわかるけど、横は160pxです。 バナーについてはリンクタグ/画像設置タグで必要なメニューができたら、ロゴ作成サイトでロゴを作る→ダウンロード→設置という感じでやってください。 ・flashについて HPBの「ページ編集」画面で画像を左クリック→flash画像の編集で編集できます。 新歓行事とか、演奏会情報とか、時期に合わせて編集していただければと思います。 編集が終わった後に、index.htmlと、flashcontents11.xml、flashcontents.xml、使用した画像(jpg)をアップロードしないとエラーになるのでそこだけ注意してください。 ・活動情報(facebook)について 今のところfacebookの埋め込み表示機能を利用してます。埋め込みのスクリプトは、 html文書冒頭のこの部分↓ script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));/script と、表示したい部分に記載するこの部分 div class="fb-like-box" data-href="https://www.facebook.com/chuounisb1942" data-width="650" data-height="550" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true">/div で構成されてます。もし、不具合が発生したら、インターネットで調べてみて再設置するのがいいと思います。 ・最新のお知らせについて お知らせページの#a1(記事番号1)とかにしてリンク貼ってます。 手順としては、お知らせページの記事番号1を編集→トップページリンク(見出し)を編集って感じ? お知らせ(ニュース)は今後の記事編集のために前例を蓄積していきたいので、 お知らせページの記事をコピー→バックナンバーのページの下の方に追加して保存みたいな感じでやっていこうかなと。詳しくは該当ページに書きます。 (2015.3.24更新)                               _                                 _、/ _,. へ、二ニア⌒                       ,イ           ,.ィr=| \   \  ≧s。.,_                   //       /,/ i| |   \    \    _>                     //        .//'  '| .|v   マ    マ=≦., \                 //       / ./ ./ / |  i V  ∧    マ  \ \                   //       / ./ ./ /./.lv ∧∨  .∧    \  .∧ ̄`               //        l ./' / ./ イ l V ∧.\  ∧> .,   \.、∧                 //       j/ l/ :/|/ | 从 ∨ i|V{ \ ∧   |≧=- \             //           | i| /l ,'z≧s。,VW| _x≦,ァ_  | .|、{               //           .l i}从,'` -ゝ’'^ヽ \'´`-´ '´ \ | 八\           //          V{Vム       :|          Vi|V l |             //               ヽ{Vム     〈_,:       / ',| l∧|         , へ//^Y              ',{\ト、         /j/v .!      _厶- ¨',`! |                   `:..、´ ̄ ̄`/ /|-、v ..    r'’二、 ', Y |                /V>。_,..イ/ イ   ./\_   f¨ ̄ _,: ',_!ノ_! l                _,「,:、 V//> ´     /  {/\   {  `\ _|     }            ,. < /─-ミ{     ./    l/// \ .  ',    マ    /          ,イ く /}::ヘ/l∧   /     l//////` 、    ,    .}   /          /__>-/ ,メ、::./ノv.。イ \     .|/////////\     ,  __ノ≧f’            「¨    ./.イ ̄` / /    .\=='////斗──-ム    /:ゝ_,. ´   |_         |    //_,.

newpage1.htmlへのリンク