CONTENTS

今回のWEB

こんにちは! 本日のレポート担当は東京マラソンを数日後に控えた、みきどんこと杉浦美樹です。先日、市民ランナー初戦となるハーフマラソンを完走し、全身筋肉痛に見舞われての更新になります(笑)Webクリエイター科というとパソコンをひたすらカタカタ・・・…というイメージを持たれている方が多いでしょう。しかし、私のようにマラソンを走っちゃう子だったり、ダンスの出来る子だったり、バンドマンもいたりと、なかなかアクティブな一面を持っている子がたくさんいます。なので、授業もいつもにぎやかで、笑顔いっぱいの教室です♪あ、もちろんやる時はやる子たちですよ~。

授業の

さて、今回は「スマートフォンサイトの制作」の授業風景をご紹介いたします!今まで授業の中でいくつかのWEBサイトを作ってきて、最初と比べてかなりスキルアップした私たちですが……。スマホサイトの制作は全員、今回が初めて。何からやればいいんだろう?? と頭にハテナが浮かんでいる子も多数。ということで、まずはPCサイトとスマホサイトの違いを確認することから始まりました。
大きな違いは、文字やグローバルナビの大きさ。PCサイトは画面のサイズが縦にも横にも広いので、小さな文字やデザイン重視のグローバルナビでも操作にさほど問題はありません。しかしスマホサイトで同じことをすると、タッチパネルの小さな画面では、なにがどこにあるのか一目で分からないサイトになってしまい、その結果、誤操作などが起こってしまいます。こういったことに気を使いながら、今回は「Fireworks」というソフトを使ってサイトのデザインをしていくこととなりました。
どうでしょう。PCサイトとは大きく違うデザインとなりました。ユーザーの使う端末によって意識することもかなり変わってくる、ということが分かります。

※1  グローバルナビゲーション
グローバルナビゲーションとは、Webデザインにおける要素のうち、Webサイト内の各ページに共通して設置されるサイト内の各コンテンツを案内するためのメニューのことである。(IT用語辞典バイナリより)
http://www.sophia-it.com/content/グローバルナビゲーション

※2  Fireworks
Adobe Fireworks(アドビ ファイアーワークス)は、アドビシステムズが販売しているグラフィックソフトウェアである。旧称は Macromedia Fireworks であり、かつての開発会社はマクロメディア。略語はFW(Wikipediaより) (Wikipediaより)
http://ja.wikipedia.org/wiki/Adobe_Fireworks

次回は実際に「Dreamweaver」を
使ってスマホサイトの実装を
行っていきます!
どんなサイトになるのでしょうか?
完成にこうご期待ヾ(=^▽^=)ノ

PAGE TOP