アップルストア心斎橋 20100226

27
! Webデザイナーから見た 1

Upload: takayuki-katumata

Post on 20-Jul-2015

3.441 views

Category:

Design


3 download

TRANSCRIPT

!

Webデザイナーから見た

1

!

どんなサイトができるの?どうやって使い始めるの?

本日の内容

2

!

疑問1

3

どんなサイトができるの?

!

新しいCMSは興味深い

けど「今までと同じサイト」しか作れないのだったら…

今使ってるCMS(MTとか?)でいいじゃん!

どんなサイトができるのか

4

!

そう!

5

Webクリエイターは新しい事がしたい!

!

運用しやすいサイトができた問い合わせフォームの安心感が増したエントリーが書きやすくなった

どんなサイトができたのか?

6

!

サイトの変更は「モジュール」で行うメニューの変更

表示件数の修正

バナーの追加、削除

運用しやすいサイト?

7

!

フォーム機能が標準装備

STEPフォームに標準で対応(ショッピングカートみたいな複数項目の流れ)

CSVで投稿データが残る

管理画面から「必須」などを調整できる

問い合わせフォーム?

8

!

ユニットを自由に調整できるように

ウィジウィグがついた

いざとなったら静的ファイル

エントリーが書きやすくなった

9

!

a-blog cmsのサイトは「モジュール」をいろいろ埋め込んで作られています

サイトの概要だけ確認しておきましょう

12

!

データファームの場合はこんな風

13

ナビゲーションモジュール

!

データファームの場合はこんな風

13

バナーモジュール

フォトモジュール

エントリーリストモジュール

エントリーリストモジュール

!

疑問2

15

どうやって使い始めるの?

STEP1

!

まずはインストール(テーマはcompany1で)

次に  用のスニペットのインストール

ブログにログインします

どうやって使い始めるの?

16

STEP2

!

記事を「書くべし」「書くべし」「書くべし」

いろんな記事をいれてa-blog cmsを楽しみましょう

画像もどんどん投稿しましょう

ログインしたら…

17

STEP3

!

空のtest.htmlを一枚用意します

テーマフォルダ(例:company1)にいれたら、ドメイン+ファイル名でアクセス

空のtest.htmlがa-blog cms上で表示されます

そしてカスタマイズです

18

STEP4

!

スニペットからビルトインモジュールを選び、適当にいれてみます(Entry~系が楽しい)。

htmlファイルをアップロード。

再度アクセスすると、モジュールが動いてます。

そこでスニペットです

19

STEP5

!

つけるべき名前は「ID」

こんな風につけます(CSSと同じ)<!-- BEGIN_MODULE Entry_List id=”news” -->

使ったモジュールとつけた名前を、管理画面に入れてみましょう

モジュールを制御します

20

!

まとめ

22

このプレゼンを最後まで聴いて下さった皆さんへ

Follow

!

は「お試し」できます。

23

1ライセンス¥52,500

Follow

!

は「お試し」できます。

23

60日間お試し無料

ショッププラグインもOK

Follow

!

は「お試し」できます。

23

個人の非商用利用は無料

Follow

!

サイト制作の流れは変わりません。

24

静的サイトの場合

1コーディングをして

2FTPでアップロード

3サーバ上で確認

Follow

!

サイト制作の流れは変わりません。

25

の場合

1コーディングをして

2FTPでアップロード

3サーバ上で確認

モジュールをhtmlで埋め込んで

管理画面で動作を設定

Follow

!

基本部分は動画コラムがあります。

26

http://datafarm.jp/movies/

!

ご質問があれば…

28

!

ご静聴ありがとうございました

29