ウェブDeBLOG|トライデントコンピュータ専門学校 Webデザイン学科

トライデントコンピュータ専門学校 Webデザイン学科の最新情報を紹介しています。学生へのインタビュー記事から学生作品の解説、Webデザイン・マークアップ・プログラミングの授業風景、プロジェクト発表会、名古屋のWeb制作会社情報、イベント参加レポートやWeb制作の技術解説などWeb制作に関連する記事を掲載しています。トライデントコンピュータ専門学校は、いま話題の名古屋駅からユニモール地下街を歩いて3分です。 

2016.02.15 [月] ホームページ・ビルダーで作業する前に

前回までで、ホームページ・ビルダーでWebサイトを制作する準備が整いました。
では、いざホームページ・ビルダーで作業というわけではなく、まずは、どんなWebサイトを作るのか決めなければいけません。

homepagebuilder3_001.jpg
素材:【私たち、無料です。】フリー素材アイドル MIKA☆RIKA

サイトの構成を考える

必要なページを考えて、カテゴリーごとに分けていきます。
本来であれば、カードソートなどして時間をかけたいとことですが、このシリーズでは、とにかくホームページ・ビルダーでWebサイトを制作するのが目的ですので、いろいろな高校のWebサイトを参考にCacooを使ってサイトマップを作ってみました。
だいぶ省略していますが、基本的な学校のWebサイトの構成にはなっているかと思います。

homepagebuilder3_002.jpg

Webページのコンテンツを決める

このサイトマップをもとに、ワイヤーフレームを制作します。
こちらも独りで作っちゃいますので、ワイヤーフレームとレイアウトラフも兼ねて、レイアウトを意識しながらCacooで作っていきます。
まずは、スマートフォン用のワイヤーフレーム。
更新のしやすさを考えて、レスポンシブWebデザイン(※一つのHTMLでPC用とスマホ用で見せ方を変える)を採用します。
スマートフォンでWebサイトを利用する場合、どんな場面、どんな人が、何を求めてアクセスするのかなども考えて必要なものを配置しました。
トップページに地図を置いてあるのも、来校途中での用途を考えてのことです。

homepagebuilder3_003.jpg

続けて、PCサイト用のワイヤーフレームを書き出します。
画面の大きさが限られているスマホサイトから考えることで、コンテンツの重要度やユーザーの動線などが整理しやすくなります。
広い画面であるPCからコンテンツの配置などを考えてしまうと、後からスマホサイトを制作する場合に苦労します。
やはり利用する年齢層を考えるとスマートフォンからのアクセスが多いと考えられますので、今はスマートフォンを重要視して制作していきます。

homepagebuilder3_004.jpg

一番悩んだのが学校のWebサイトでよく見かける「在校生」「保護者」「卒業生」などのアクセスした人でカテゴリー分けするリンクが必要かどうかでした。
結果的に「卒業生」必要としているコンテンツは区別ができると考えましたが「在校生」「保護者」が必要としているコンテンツの境界はとても曖昧だと感じましたので「卒業生の皆様へ」というカテゴリーだけ用意しました。
各学校によって、コンテンツの違いは出てきますので、この段階で取捨選択し設計をしておきます。
今回はなるべくいろいろな学校のベースとなるような汎用性を考えて設計していきます。

また、今回はブログで紹介しようと考えてましたので、Cacooでワイヤーフレームなどを制作しましたが手描きでも、もちろんOKです。
手軽に、ささっと考えながら描けるのでおすすめです。

homepagebuilder3_005.jpg

全ページは完成していませんが、とりあえず主要ページの構成を考えて、ホームページ・ビルダーの作業に進みたいと思います。

参考にした高校Webサイト

サイトマップとワイヤーフレームを考えるのに参考にした高校のWebサイトを紹介しておきます。

愛知工業大学名電高等学校(愛知県)

homepagebuilder3_006.jpg

昨年、リニューアルされた愛工大名電のWebサイトです。
ナビゲーションメニューが整理されており、特色でもある強豪ぞろいの部活動もメニューで目立つように配置されています。
レイアウトもホワイトスペースを多くとり、ボタンを大きく置くことでページ遷移がわかりやすくなっています。
ただ、スマートフォンサイト対応がされていませんので、スマホで使うときにボタンが押しづらいです。

修文女子高等学校(愛知県)

homepagebuilder3_007.jpg

普通に考えると、メインナビゲーションの項目はこのようになるんじゃないでしょうか。
私学ではFacebookやTwitterなどSNSを活用する高校が多いのですが、修文女子高等学校は若者中心にブームのInstagramも活用して、学校の様子を更新しています。
入学後の自分をイメージさせることができるような、卒業生インタビュー、先生へのQ&Aなどコンテンツも充実しています。
ただ、NEWSの記事をクリックすると別タグが開き、ロゴマークを押してもTOPページに戻れない仕様はちょっと戸惑います。
レスポンシブWebデザインを採用しており、スマートフォンでの閲覧も見やすくできています。

名古屋市立工芸高等学校(愛知県)

homepagebuilder3_010.jpg

学科が多いためか、情報量が多い印象ですが、順を追えばどこに何があるのか、目的の項目にたどり着きますので、わかりやすく整理されています。
スマートフォン用のWebサイトも用意されており、アクセスなど必要な情報はスマホでも閲覧することができます。
ただ、利用者は意外とPCよりもスマートフォンのほうが、ちょっとした分量の文章は読まれているという話もあり、PC版へ遷移させるのはもったいないかなとも思います。
情報が網羅されていますので、高校ではどういったことをWebサイトに表示させたいのか、表示するべきなのか参考にさせてもらいました。

三田国際学園中学校・高等学校(東京都)

homepagebuilder3_011.jpg

東京にある三田国際学園中学校・高等学校のWebサイトです。
幾何学形をモチーフにしたビジュアルが今っぽいですね。
スマートフォンにもレスポンシブWebデザインで対応されています。中高一貫校ですが、必要最低限のコンテンツで構成されています。
大学のサイトなどでは、活用されている動画コンテンツもふんだんに利用されており、動画を利用することで、学校生活がイメージしやすいですね。

島根県立津和野高等学校(島根県)

homepagebuilder3_009.jpg

全国的に公立高校のWebサイトは、学校の先生がひと昔前に頑張って作ったんだろうなと思われる物が少なくありません。
ただ島根県の公立高校ではWeb制作会社が制作したWebサイトが複数みられ、その中でもこの津和野高校のWebサイトは、個性的なデザインとなっています。
TOPページでは、イメージ動画を背景に流し、デザイン化された「ツコウ」をキーワードにシングルカラムレイアウトでコンテンツへのリンクを表示していきます。
レスポンシブWebデザインでスマートフォンに対応され、更新にはWordPressが利用されています。
ただ、現在つながらず、白い画面になってしまうページがあります。※修正されていました20160226

いろいろ調べていくと、自治体によっては、教育機関向けCMSなどが利用されている学校のWebサイトもあります。
機会があれば、触ってみたいと思います。

ホームページ・ビルダー14でWebサイトを作るシリーズ過去記事

関連記事
Comment







(編集・削除用)


管理者にだけ表示を許可
Trackback
https://tridentwebdesign.blog.fc2.com/tb.php/523-c6b77125
検索フォーム
#NoHeartNoSNS

ハートがなけりゃSNSじゃない!

プロフィール

担当:Webデザイン学科

名古屋駅から歩いて6分、トライデントコンピュータ専門学校のWebデザイン学科を紹介します。

トライデントロゴ

質問などはLINEでどうぞ。

Instagram
Webデザイン学科実績
〈プレゼン〉
WCAN 2016 Springに参加してきました。
WCAN 2015 Winterに参加しました。
建設業入職者増加プロジェクトの発表会に参加
WCAN 2015 Summerに参加してきました。
WCAN 2013 Winterに参加
WCAN(秋)に参加しました。
無事、発表が終わりました【WordFes Nagoya 2013】
WCAN 2013 Summerに参加してきました。
WCAN 2011 Winter LT&LOGO
学生がライトニングトークで話しました。
〈進級展〉
2020年度 1年生進級制作展(オンライン)終了しました。
2019年度 1年生進級制作展終了しました。
1年生進級展2018「線の群生」終了しました。
1年生進級展「WWW(Welcome to Web World)」を開催しました。
1年生進級展「お母さんの2度見展」を開催中です。
「うぇ~~~~~~~ぶ2016」終了しました。ご来場ありがとうございました!
「うぇ〜〜〜〜〜ぶ!!」終了。ご来場ありがとうございました!
〈コンテスト〉
第4回専門学校HTML5作品アワード入賞2つ!
信州未来アプリコンテスト0 [ゼロ] 2020 NTTドコモ長野支店賞受賞!
第3回専門学校HTML5作品アワード入賞!
信州未来アプリコンテスト0 [ゼロ] 2019 KDDI賞受賞!
第5回 ソレコン☆ポスコン特別賞受賞
「第1回 専門学校 HTML5作品アワード」技術賞を受賞しました!
NCF2017でグランプリを受賞しました!
信州アプリコンテスト0 [ゼロ] KDDI賞受賞!
NCF2014(スマホアプリ開発テーマ2) 準グランプリ獲得!
最優秀賞!HTML5スマートアプリ&クリエイティブコンテスト
NCF2013グランプリ受賞!!!
〈Webサイト制作〉
ニシヤマナガヤ内「未完美術館」Webサイト公開
ミス・ユニバース・ジャパン岐阜大会公式Webサイトを作成しました。
建設業入職者増加プロジェクト発表会
Webサイト制作発表会2014
99eagle Webサイトリニューアル公開
99eagle Webサイト公開
「Bloom*Block」Webサイト公開
セントレア「日本の四季 キルト展」Webサイト公開
かっぱ商店街サイト制作
ココストア共同企画「アサココ!」公開
〈技能五輪全国大会〉
第56回技能五輪全国大会(ウェブデザイン職種)敢闘賞受賞!
第53回技能五輪全国大会(ウェブデザイン職種)その3
第52回技能五輪全国大会が開催されました。
銀メダル・銅メダル獲得【第51回技能五輪全国大会】
第49回技能五輪全国大会結果発表 敢闘賞受賞
第48回技能五輪全国大会結果発表(銀賞・敢闘賞受賞)
第47回技能五輪閉会式 & 結果発表
第46回技能五輪
〈若年者ものづくり競技大会〉
第14回若年者ものづくり競技大会
第11回若年者ものづくり競技大会 2日目&結果
第9回若年者ものづくり競技大会2日目(競技日)
第8回若年者ものづくり競技大会2日目
第7回若年者ものづくり大会
第6回若年者ものづくり大会2日目
第5回若年者ものづくり大会
第4回若年者ものづくり競技大会閉会式
月別アーカイブ
タグリスト 改

トライデントコンピュータ専門学校Webデザイン学科業界研究WCAN技能五輪ウェブデザイン職種Webサイトウェブデザイン若年者ものづくり競技大会名古屋ポートフォリオECCコンピュータ専門学校2013映画学生ブログJavaScriptWebデザイン1年生進級展Webサイト制作2009WinterWordPress卒業制作展2011技能五輪全国大会卒展CSS入学式オープンキャンパス礒田優かっぱ商店街アクアリングアクセス解析2014Nagoyaライトニングトーク石黒雄介Wordpress合同企業展cms矢野りんWeba-blog若年者ものづくり大会Autumn閉館日ホームページ・ビルダーテンプレート作成卒業制作CGイラスト学科Web制作会社Summer体験入学面白法人カヤック瀬川大勝あいちカレーラーメンコンテスト夏休み第48回技能五輪全国大会夏季閉館日GIO2015in2010IIJ学生インタビューmini2012html5ウェブデザイン技能競技大会東京研修jQueryココストアHCD名古屋駅田中睦翔大阪杉本拓也プレゼンテーションFlash佐藤歩ウェブデザイン技能競技会就職活動AdobeJapanHTML5CSS3GridLayout2018Webデザインギャラリーエイチームフォトアルバム林田実樹人間中心設計Webアプリdisplay:gridマールグリッドレイアウトYahoo!Japan学生北濱大輔プロジェクト水野怜美Spring愛知県WebワークショップGoogleアンティー・ファクトリーBananaAdモリサワ上村水月ウェブデザイン技能検定成田篤紀ブログパーツ情報デザイン99eagle2020制作合宿Webクリエイター能力認定試験gifアニメトライデント祭り専門学校セントレアCentOSUXサイバーエージェント企業訪問ラーメン水野裕太NEXT情報デザインフォーラムCOMMUNICATIONマークアップエンジニア沖縄RunstantiPhoneアップルップル名商連Webデザイナー幕張メッセサーティファイカメラトライデント合同企業展初期設定謹賀新年熊谷佳紀ワークショップウェブDeBLOG飯田淳介結果発表トライデントイラストマップ笈瀬本通りモンキーワークスフロントエンドエンジニアlabel要素WordFesたにぐちまこと作品集ウェブアクセシビリティビジュアルエディタレイアウトforPlugin和み産学協同CalendarAdvent堀尾真衣5T(ファイヴティー)BoxLikeポートフォリオサイト静岡阿部淳也コミュニケーションデザインワークショップ名古屋市科学館ゴールデンウィーク会社訪問FICC岩手県メ~テレ塚本碧卒業式真鍋大度AWARDスマートフォンHTML長屋めぐみ中日ドラゴンズナゴヤドームoutput要素select要素WEBサイト制作者のためのHCDの理解in名古屋NTTドコモ東海まぼろしcanvasうぇーぶ1年生作品展スマホアプリ知多みるくoption要素たこ焼きform要素ForumCSSNite卒業研究制作展Analytics空気人形fieldset要素input要素textarea要素戸田芳裕愛知県選手団legend要素particle写真新年HappyNewYear出張講座2017久保怜也StoreAppleグループ制作企業課題Zoomオンライン授業進級展学習進級制作展ES2015ES6ECMAScriptjbstyle冬休み導入授業DTPWORLD情報デザイン基礎WordCampディプロス桝田草一日本総合ビジネス専門学校アサココ!豊田市美術館F-siteMarkup信州アプリコンテスト[ゼロ]アプリコンテスト株式会社スタメン鈴木優太Webリテラシー名古屋開府400年祭松本渚CMSあけましておめでとうSEO2008カリキュラム鷹野雅弘ドラマ茂森仙直株式会社LIG造形基礎愛知淑徳大学ドラゴンゲートCODEポスターデザイン・コンペティション小林信次増田悟中級編名駅経済新聞HTML+CSS基礎デッサン名古屋サイト改善研究会愛知商業高校名チャリDesignTEXTUREサムライバルサマンカメラワーク石井研二GoogleAnalytics中村勇吾株式会社アクアリングプロジェクションマッピングブラザー工業株式会社中部国際空港株式会社ActionScript基礎01みつけものCS4恵那市岩村CONTESTDRAGONアートアニメーションFINAL笈瀬本通名古屋クリエイターフットサルCODE武豊町ポスターデザイン・コンペディションFANTASYVIIGoogleロゴITCIRCUS柴乃櫂人AndrioidWEBサイト制作者のためのHCD(人間中心設計)の理解名古屋グランパスチタハン10グラフィクデザインTAFF'09GAWCAN×CSSNiteUltimate西村真里子GATETHE佐藤可士和広告批評商店サイト制作みの治商店Twitterカンファレンスウェブデザイン部門三蔵プチ・フレーズWEBプレゼン演習デザインコンテスト愛知県立芸術大学ASIAキルト展卒業・修了制作展Nam円JOY!map日本の四季中部国際空港鳥取砂丘デザインアンドリュー・ワイエス鳥取VideopuppetryGAINAXSUBARUSIGGRAPHArtlessデザインのへそWebDirectionEast'082008Winter卒業制作・研究発表会2011英国王のスピーチHelveticaUntitled!!!!!!!!ぬいぐるみのラパンStefanW+KTokyo(+CRUZ)QubibiXRAYトライデントカレッジ絵文字KtaistyleCustomSmilies愛知県美術館放課後のプレアデスデザイナーのためのプログラミング入門MAXFLASH田中稚妃呂大西健太Lazy伊達千代FLEX横浜デジタルアーツJAPANWORLDCUPSagmeister3MagnumNight北岡弘至CollegeLoadPHPDTPの勉強部屋名古屋市中村区FLAVER3.0笈瀬本通商店街ablogcmsキルターズフェスティバル2011丹下紘希FLV8341-3:2010Slimbox2HPデザインウェブリテラシー協会広島弁XJISSakaeADVENTグラフィックデザインおかだよういちペルソナ/シナリオ法ガンダム5月11日浅野智今井佳子クリ博就職フェスタペルソナ&シナリオ法情報デザイン教育勉強会ヨウイチ入賞コピーライティング小野裕子山崎デザイン事務所スーパーエレメンツイラストコンテストデュエル・マスターズ長谷川恭久アイディグラフィックス学生参加慶華飯店コマ撮りアニメ新横浜ラーメン博物館NIKEAnd電信柱エレミの恋ThereThen横浜中華街箱根合宿3校合同発表会ソバットシアターCMS特集横浜デジタルアーツ専門学校日本電子専門学校森川眞行会社見学鎌倉#infoedu教育勉強会世界のCMフェスティバルITホワイトボックスPHP勉強会Yahoo!JAPANインターネットクリエイティブアワードanimationカラーストリートビュー大富豪スコアシート東京ゲームショウ2009ギレン総帥是枝裕和監督UNIQLOCKLPO第4回アックゼロヨン・アワード人喰いの大鷲トリコモーション演習CG・イラストコンテストAutuminescalatorマクロマリオネット映画のオープニング閉会式マークアップ演習ごはんとFlashロゴ公募FITCCREAM後期MozoramaアニメーションHCDプロセスブランディングdotFesKyotoゆるキャラFlash-GameswonderflWasSalsaスタジオジブリ・レイアウト展Blog「ヤノベケンジ-ウルトラ」展松坂屋美術館UTZOOMTokyoLabuatunoplus知多半島ワークスコーポレーション□□□switch日本ファルコムゲームプロ野球山村浩二GENOウィルスセキュリティデコクレ技能五輪予選WEBサイト制作者のためのHCDの理解商店街金シャチ商店街名古屋メディアボンドタロヲ細川太郎シナリオペルソナ1→10designアクセシビリティサーバーCHILDRENプロトコル分析COMPLETE伊藤頼子ビジュアルデベロップメントIAナゴヤデザインウィーク2009YORKE.ポートピア名古屋フナ犬餃子浜松ヱヴァンゲリヲン新劇場版:破福みつ西田幸司ライブペイントインターネットスキル認定普及協会国家検定ActionScript食品サンプル富岡聡カナバングラフィックスウサビッチウェブリテラシー協会第一回セミナー学科旭食品サンプル製作所IA2010キックオフセミナー夢プロジェクト2009・成果報告会黒い太陽WCAN46求人UNIQLOCALENDAR荒俣宏大沢たかお音楽ファルコム音楽フリー宣言ネスカフェゴールドブレンド新世界道頓堀武豊アニメーションフェスティバルTAFFウルトラ展名古屋おもてなし武将隊武将都市カスタマイズセミナーヤノベケンジナゴヤiPhone4みんなのICTTOCTableAWARDS出身高校D3.jsofContentsフォントおじさんミス・ユニバース・ジャパン岐阜大会関口浩之堀川友章安藤志維スクラップブック夏休みの課題スタジオディテイルズ鈴木雄太服部友厚佐藤洋介ターミナル山川綾那株式会社エイチームノートPC貸与尾鷲高校衣台高校梅澤朝樹NCF2017安藤冨田伴成新城高校イークリエイト藤井英一JIHYE青山高校出前授業GOOculusVRカルタ東京ゲームショウ2018HEOホ・ジヘWWW(Welcometo友章堀川志維World)北川パーヤン韓国脆弱性なんと読む?期末テストWebデザインスペシャルデー学校Proxy涼麺駅麺通りjsdo.itCodeplyPlunkerクイズIndependence水曜日のカンパネラプラネタリアンResurgenceDay:JSFiddleJSBin平野秀幸IA/UXプラクティス坂本貴史制作実績津田直明カークスヴィル沼田啓助CodePenプログラムクイズAO入試河地芳明タカガールサイト日清食品グループHTMLCollectionappendChild()NodeList美大芸大Webプログラミング初級講座マイクロソフトWCAN2017Springv4.0.1SyntaxHighlighterお母さんの二度見展料理Instagram情報系学園祭Monaca学生作品集ジムナストコロン再進学驛麺通りインスタグラム醐りょういな世第56回沖縄県パラサイト松井友奈2020アカデミー賞企業賞第3回専門学校HTML5作品アワードemrem信州未来アプリコンテスト後期集中授業vhvw株式会社COTSOriginalTshirt.stメンバーズ三瓶2019年令和2年MILK池田泰延進級制作フロントエンドマイクロインタラクションICS福田将也小林隼大ReDesignerStudent田口和磨第4回専門学校HTML5作品アワード2021年グッドパッチTypeScriptノマドランド2021アカデミー賞東京電子専門学校神戸電子専門学校令和3年神谷友理恵海老江優太中村享介Frontend株式会社メイクリー小林健人ニシヤマナガヤ未完美術館松本健太業界研究授業2022名古屋市名東区classes株式会社LIGHTzツールFigmaUIデザイン牧野史門株式会社サイバーエージェント線の群生2020新卒わたし、定時に帰ります。新入生オリエンテーション企業見学株式会社MTGあけおめ平成31年第56回技能五輪全国大会EC事業srcsetsourcepicturecyma斉藤洸貴メーカー・ブランドコーヒー用品前川元成NextDoorTBSCBC落合祐介信州アプリコンテストゼロ杉浦麻紀ライフスタイル仙直足立丈也、平子卓哉、増田隼也eatスポーツアナリティクスエペフェンシングmarker茂森コンテスト祐司髙橋茜音STUDIOLIGPhotoshopCS6株式会社アンティー・ファクトリーソレコン☆ポスコン2019茜音髙橋2016原一浩カレーラーメン高橋雅人麺やOK麺屋ココイチフジ家55芸術大学美術大学displaylist-itemlist-style-typeNTTドコモ東海支社NCF2013さかなや晴れやかbyPerfumeinspiredRhizomatiks田代豊PARTYそこにいない。展嵐が如く第51回技能五輪全国大会Webデザイン演習あいちトリエンナーレ2013モテ声ボーダーHTML5スマートアプリ&クリエイティブコンテストランチ石原愛実中村健太道家陽介concrete5宇野剛志テーブル熊野古道マカベン名古屋マークアップ勉強会table栗山聡一備忘録10日でおぼえるLinuxサーバー入門教室トライデント合同企業説明会最優秀賞ジョルテKDDIF81教室GWDparseFloat()parseInt()DesignergoogleプレゼンThree.jsドコモdocomo2011年度迎春敢闘賞FutureStationBloosumTeamイマジンカップNHNツインメッセ静岡静岡県神戸国際展示場鈴木プラネタリウムライアン・ウッドワード神戸東京ゲームショウロゴマークメールマガジンOhanaゲーム大賞アマチュア部門Bloom*Block尾花大輔Web制作合宿たこ焼きパーティMuse画像をチェックボタンにする張山大祐Facebook原田ゆい木下健太郎就職東京佐藤ねじJQuery第50回GAMESHOWTOKYO東京ゲームショウ2012第7回若年者ものづくり競技大会ベースキャンプ名古屋Facebookページ結果長野IllustratorSVG八鬼山串本FlexibleBox岡田陽一Flexbox味仙CGスペシャリストDmm.comUXデザインPlatformKaizenアクティビティシナリオ源賢司松田洋樹3DCGWebアクセシビリティアクセシビリティからはじめる、WebサイトのUXデザイVelocity.jsScrollMagicScrollmagic建設経営者倶楽部ワクワク建設タウン東京コスモクリスマス熊﨑彩第53回グロースハックグロースハッカー合同制作合宿合同制作専門士学位出席率合宿懇親会坂本邦夫WebプログラマーWebディレクターWeb制作のおしごと職業実践専門課程レスポンシブWebデザインポートフォリオアイデア帳平野健太郎採用担当者の心に響く高校14バイドゥUIウェブアートデザイナーうぇ~~~~~~~ぶワイヤーフレーム仕事八木智章竹中民男西岡克真加藤ひとみAnimationAO特別授業山田拓生青山敬司ネイルサロンマウア授業アイチータ結団式青空学区名古屋市営地下鉄熊野三山和歌山中華そば大門坂那智の大滝本州最南端アロチ本家丸高柏木祥太スパルタキャンプ岩出本店丸田屋アイテムカンパニー紅茶専門店Liyn-an新入生2015年度WF1でBLOGインターンシップスマートフォンサイトUI図鑑CrayonSyntax夏麺フェア木村哲朗森田霞HighlighterCSS3&jQueryで作る名古屋駅麺通りdatalist要素button要素keygen要素optgroup要素type属性第52回技能五輪全国大会オリエンタルNCF2014新年のご挨拶親孝行麺の匠マーサ・グレアム

メールフォーム

名前:
メールアドレス:
件名:
本文:

東京コスモ
トライデントコンピュータ専門学校
教務課のびのび日記
オフィス川口
Pagetop