Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
XOOPS サイト制作セミナーカッコイイウェブサイトを XOOPS で作っちゃおう!                          開催日:2012/09/22(土)                          場所:ミタカフェ(三鷹...
目次タイムテーブル ...................................................................................................................
タイムテーブル13:15	  〜	  13:45   概要説明                      環境構築                      XAMPP、MAMP などの環境設定13:45	  〜	  14:15   サイトの設...
概要説明「カッコイイウェブサイトを XOOPS で作っちゃおう!」というサブタイトルですが、本当にカッコよく作りこむにはテーマに対するオリジナルな作り込みが必要になるため、今回はXOOPS でサイトを構成する基本をひと通り操作します。
理解している必要のある要素  ①	     ドメイン  ②	     サーバ    HTML  ③	     CSS  ④	     Js  ⑤	     画像ファイル	  jpg、gif、png  ⑥	   ⑦	     その他ツール類など ...
環境構築XAMPP(〜1.7.7)、MAMP の環境設定1. ウェブサーバ      Apache 2.22. プログラム動作環境 PHP      5.2〜5.3(5.4 未対応)3. データベースサーバ MySQL 5.5
XOOPS のディレクトリ構成XAMPP 内に配置する場合          サーバに配置する場合htdocs(ドキュメントルート)       MyDirectory └xoops                 │htdocs(ドキュメント...
サイトの設計どういうサイトを作るのか!  まずはサイトの設計が必要  今回は企業ホームページを想定  必須な機能は    l 静的コンテンツ    l お問い合わせ    l あとは必要に応じて追加	  とします。
XOOPS のブロック構成                   ヘッダ             中央—中央ブロック    左ブロック                       右ブロック            中央—左         中央—...
使用するモジュールの決定用途に合わせたモジュールを選ぶ⇒	  下記は xupdate から利用できるモジュール(機能)の一部1. 静的コンテンツ作成モジュール          pico2. ニュールモジュール               bu...
xupdate の設定導入・アップデート管理  ² 管理画面からモジュール、プリロード、テーマのインストールが可能!  ² インターネット環境が必要
モジュールインストール導入・アップデート管理からクリックしてインストールする  ① multiMenu  ② CKEditor4  ③ xelFinder    pico  ④	   ⑤ mailform  ⑥ hypconf  ⑦ mobil...
テーマのインストールテーマを選ぶ  テイスト、機能はテーマによって様々。  今回は Basic5b を使います。    Basic5a         作者:xoops123.com marin さん         特徴:レスポンシブ・ウェブ...
トップページの構成pico で構成   1. トップページ用コンテンツを作成   2. トップページ用ブロックを配置
グローバルメニューの設定マルチメニュー  ①	     メニューを作成  ②	     テーマに出すメニュー番号を設定
コンテンツの作成l pico でコンテンツページ(下層ページ)を作成l TP メールフォームでお問い合わせページを設置時間があれば他のモジュールの説明も行います。
Nächste SlideShare
Wird geladen in …5
×

Xoopsサイト制作セミナー 20120922

1.271 Aufrufe

Veröffentlicht am

2012/09/22(土)に開催したXOOPSウェブサイト制作セミナー@ミタカフェで使用したスライドです。

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

Xoopsサイト制作セミナー 20120922

  1. 1. XOOPS サイト制作セミナーカッコイイウェブサイトを XOOPS で作っちゃおう! 開催日:2012/09/22(土) 場所:ミタカフェ(三鷹市) 講師:ラオシステムズ代表 竹原 俊広
  2. 2. 目次タイムテーブル ....................................................................................................................................................................... 3概要説明 ................................................................................................................................................................................... 4環境構築 ................................................................................................................................................................................... 6サイトの設計 ........................................................................................................................................................................... 7使用するモジュールの決定 .................................................................................................................................................... 9xupdate の設定 ...................................................................................................................................................................... 11モジュールインストール ..................................................................................................................................................... 12テーマのインストール ......................................................................................................................................................... 13トップページの構成 ............................................................................................................................................................. 14グローバルメニューの設定 .................................................................................................................................................. 15コンテンツの作成 ................................................................................................................................................................. 16
  3. 3. タイムテーブル13:15 〜 13:45 概要説明 環境構築 XAMPP、MAMP などの環境設定13:45 〜 14:15 サイトの設計 使用するモジュールの決定14:15 〜 14:25 休憩14:25 〜 15:15 xupdate の設定 モジュールインストール テーマのインストール トップページの構成15:15 〜 15:25 休憩15:25 〜 16:15 グローバルメニューの設定 コンテンツの作成16:15 〜 16:25 休憩16:25 〜 17:15 コンテンツの作成
  4. 4. 概要説明「カッコイイウェブサイトを XOOPS で作っちゃおう!」というサブタイトルですが、本当にカッコよく作りこむにはテーマに対するオリジナルな作り込みが必要になるため、今回はXOOPS でサイトを構成する基本をひと通り操作します。
  5. 5. 理解している必要のある要素 ① ドメイン ② サーバ HTML ③ CSS ④ Js ⑤ 画像ファイル jpg、gif、png ⑥ ⑦ その他ツール類など PHP、Smarty、SCP、FTP(非推奨)、ホームページビル ダー、DreamWeaver、画像作成ツールなど
  6. 6. 環境構築XAMPP(〜1.7.7)、MAMP の環境設定1. ウェブサーバ Apache 2.22. プログラム動作環境 PHP 5.2〜5.3(5.4 未対応)3. データベースサーバ MySQL 5.5
  7. 7. XOOPS のディレクトリ構成XAMPP 内に配置する場合 サーバに配置する場合htdocs(ドキュメントルート) MyDirectory └xoops │htdocs(ドキュメントルート) │html └xoops_trust_path └xoops_trust_path
  8. 8. サイトの設計どういうサイトを作るのか! まずはサイトの設計が必要 今回は企業ホームページを想定 必須な機能は l 静的コンテンツ l お問い合わせ l あとは必要に応じて追加 とします。
  9. 9. XOOPS のブロック構成 ヘッダ 中央—中央ブロック 左ブロック 右ブロック 中央—左 中央—右 ブロック ブロック フッタ
  10. 10. 使用するモジュールの決定用途に合わせたモジュールを選ぶ⇒ 下記は xupdate から利用できるモジュール(機能)の一部1. 静的コンテンツ作成モジュール pico2. ニュールモジュール bulletin3. 携帯/スマホ表示用モジュール hypconf、mobile_templates4. メニュー設置用モジュール multiMenu5. ファイルマネージャ xelfinder6. Google マップ対応画像投稿モジュール gnavi7. お問い合わせモジュール mailform8. サイト内外の RSS 表示用モジュール d3pipes9. サイト内検索用モジュール search
  11. 11. xupdate の設定導入・アップデート管理 ² 管理画面からモジュール、プリロード、テーマのインストールが可能! ² インターネット環境が必要
  12. 12. モジュールインストール導入・アップデート管理からクリックしてインストールする ① multiMenu ② CKEditor4 ③ xelFinder pico ④ ⑤ mailform ⑥ hypconf ⑦ mobile_templates ⑧ bulletin
  13. 13. テーマのインストールテーマを選ぶ テイスト、機能はテーマによって様々。 今回は Basic5b を使います。 Basic5a 作者:xoops123.com marin さん 特徴:レスポンシブ・ウェブデザイン 追加要素:マルチメニューに対応
  14. 14. トップページの構成pico で構成 1. トップページ用コンテンツを作成 2. トップページ用ブロックを配置
  15. 15. グローバルメニューの設定マルチメニュー ① メニューを作成 ② テーマに出すメニュー番号を設定
  16. 16. コンテンツの作成l pico でコンテンツページ(下層ページ)を作成l TP メールフォームでお問い合わせページを設置時間があれば他のモジュールの説明も行います。

×