Presentation is loading. Please wait.

Presentation is loading. Please wait.

簡易型 Web オーサリン グツールの問題点 Fumi Sonoda as FUMING

Published byたみえ みやまる Modified 約 8 年前

Similar presentations

Presentation on theme: "簡易型 Web オーサリン グツールの問題点 Fumi Sonoda as FUMING"— Presentation transcript:

1 簡易型 Web オーサリン グツールの問題点 Fumi Sonoda as FUMING http://hpbuilder.net/

2 自己紹介 現在の仕事： Web 系ディレクター BlogURL:http://hpbuilder.net/weblog/ Web オーサリングソフト使用遍歴 1.FrontPage Express(2000 年） 2. ホームページビルダー 2001 （ 2001 年～） 3.Dreamweaver MX2004 （ 2004 年～） 他にも人柱的にいろいろなソフトを試している

3 簡易型 Web オーサリング ソフトとは ホームページ・ビルダー・クイック （ホームページ・ビルダー 12 より搭 載） ホームページ ZERO これらのソフトの売りは、ブログ感覚で 全ページ統一感のあるホームページを作成で きる

4 ホームページ・ビルダー・ク イック でのページ作成の流れ 1. サイト名を入力 2. 転送設定 3. テンプレート選択 4. ページ編集 5. 目次の追加後、 3 と 4 の繰り返し 6. ページ公開

5 ホームページ ZERO での ページ作成の流れ 1. テーマ選択（＝テンプレート選択） 2. レイアウト選択 3. ページの選択（必要なページをすべて選 択） 4. ページの編集 5. サイト名設定・転送設定（これをしないと HTML が作成されない） 6. ページ公開

6 実際に流れを見てみましょう

7 実際に作られたページ http://hpbuilder.net/uai28_demo/ http://hpbuilder.net/uai28_demo/

8 ホームページ・ビルダー・ク イック 固有の問題点 HTML が思いっきり Invalid ヘッダー・フッターが画像、しかも alt 属性が連動していない HTML の直接編集不可 JavaScript が無効の環境ではメニュー が表示できない

9 ホームページ ZERO 固有の 問題点 外部 CSS の読み込み不可 （テキストエディタなどで編集しても、ホー ムページ ZERO でページ編集すると消され る） HTML ソースは変更できるが、メディ アタイプの変更ができない

10 簡易型 Web オーサリングソフト の問題点 ページ数が増えると管理が困難 テーブルレイアウト＋ CSS のハイブ リッドレイアウトのため、マルチデバ イスへの対応が困難

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

Download ppt "簡易型 Web オーサリン グツールの問題点 Fumi Sonoda as FUMING"

Similar presentations

Web 製作ラボ 6/27, 2012 hayashiLabo 1515. Web のデザインをどう作るか 手法 ・ HTML と属性で ・ HTML とスタイルシート (CSS) → 主流 ツール ・テキストエディタで手書き ・ Dreamweaver 、ホームページビルダー ・フリーの HTML.

Web 製作ラボ 6/27, 2012 hayashiLabo Web のデザインをどう作るか 手法 ・ HTML と属性で ・ HTML とスタイルシート (CSS) → 主流 ツール ・テキストエディタで手書き ・ Dreamweaver 、ホームページビルダー ・フリーの HTML.
「 DTM と職業」に関する調査と DTM 楽曲の制作 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 1023082 宮本 拓美.

「 DTM と職業」に関する調査と DTM 楽曲の制作 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
DTP/Web パブリッシング 1. この授業について. DTP とは DeskTop Publishing ワークステイションやパソコン上の レイアウトソフトを用いて編集作業を 行い、レーザープリンターなどの高精 細な印字装置で出力し、書籍などの印 刷物を作成すること。 デスクトップ プリプレス.

DTP/Web パブリッシング 1. この授業について. DTP とは DeskTop Publishing ワークステイションやパソコン上の レイアウトソフトを用いて編集作業を 行い、レーザープリンターなどの高精 細な印字装置で出力し、書籍などの印 刷物を作成すること。 デスクトップ プリプレス.
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。

1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
情報処理 A 第 5 回かな？ ワードの使い方. 拡張子  ファイルの名前は， “ ファイル名. 拡張子 ” で付け る．  拡張子は，そのファイルを読み込むソフトに影 響される –txt テキストファイル –doc ワードのファイル –xls エクセルのファイル –pdf Acrobat Reader.

情報処理 A 第 5 回かな？ ワードの使い方. 拡張子  ファイルの名前は， “ ファイル名. 拡張子 ” で付け る．  拡張子は，そのファイルを読み込むソフトに影 響される –txt テキストファイル –doc ワードのファイル –xls エクセルのファイル –pdf Acrobat Reader.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成：株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。

1 ブログ操作マニュアル 2008 年 2 月 15 日作成：株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
Internet Explorer 障害解析 最初の一歩 - IE のトラブルを理解する -. 概要 Internet Explorer を使用中に発生するトラブルの 種類と、調査のための切り分け方法を紹介します！ (以降は IE と略称で表記します) よくあるお問い合わせ Web ページの表示が白画面のまま完了しない.

Internet Explorer 障害解析 最初の一歩 - IE のトラブルを理解する -. 概要 Internet Explorer を使用中に発生するトラブルの 種類と、調査のための切り分け方法を紹介します！ (以降は IE と略称で表記します) よくあるお問い合わせ Web ページの表示が白画面のまま完了しない.
PowerPoint 入門 ２００４年１月１７日 聖路加看護大学 中山和弘. PowerPoint とは Microsoft 社製プレゼンテーション用ソフ ト 基本操作や図表作成は Word 、 Excel など と共通 スライド作成ソフト、液晶プロジェクタ でプレゼンテーション スライドは、テキスト、図表、写真など.

PowerPoint 入門 ２００４年１月１７日 聖路加看護大学 中山和弘. PowerPoint とは Microsoft 社製プレゼンテーション用ソフ ト 基本操作や図表作成は Word 、 Excel など と共通 スライド作成ソフト、液晶プロジェクタ でプレゼンテーション スライドは、テキスト、図表、写真など.
東北大学全学教育科目 情報基礎 A 第６回 文書の作成 Word の使い方の簡単な説明 担当：大学院情報科学研究科 塩浦 昭義 １セメスター 木曜１，３講時 経済学部・法学部.

東北大学全学教育科目 情報基礎 A 第６回 文書の作成 Word の使い方の簡単な説明 担当：大学院情報科学研究科 塩浦 昭義 １セメスター 木曜１，３講時 経済学部・法学部.
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word アイ コンをダブルクリックする。 ＊ (2) 「スタート」 ― 「すべてのプログラ ム」 ― 「 Microsoft Word 」と選ぶ。 (3) Word で作成された文書があるとき は、そのアイコンをダブルクリック.

1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word アイ コンをダブルクリックする。 ＊ (2) 「スタート」 ― 「すべてのプログラ ム」 ― 「 Microsoft Word 」と選ぶ。 (3) Word で作成された文書があるとき は、そのアイコンをダブルクリック.
Jsdo.it と Monaca による端末へ のアプリ導入 5/29 （金）課題 1331019 堀江美香.

Jsdo.it と Monaca による端末へ のアプリ導入 5/29 （金）課題 堀江美香.
情報処理 第8回第8回第8回第8回. 目次 (1) スタイルの利用 – スタイルの概要 – スタイルの適用 (1) – 「スタイル」ウィンドウを開く – スタイルの適用 (2) – スタイル適用のセオリー – すべてのスタイルを表示 – スタイルの書式を変える (1) – スタイルの書式を変える (2)

情報処理 第8回第8回第8回第8回. 目次 (1) スタイルの利用 – スタイルの概要 – スタイルの適用 (1) – 「スタイル」ウィンドウを開く – スタイルの適用 (2) – スタイル適用のセオリー – すべてのスタイルを表示 – スタイルの書式を変える (1) – スタイルの書式を変える (2)
IT 講習会 -PowerPoint- テックサポーター 板垣翔大. 目次  PowerPoint とは？  PowerPoint を起動しよう  基本操作を知ろう  SmartArt で情報の「見える化」  伝わるスライドのために  スライドショー  得する小技 IT 講習会 -PowerPoint-

IT 講習会 -PowerPoint- テックサポーター 板垣翔大. 目次  PowerPoint とは？  PowerPoint を起動しよう  基本操作を知ろう  SmartArt で情報の「見える化」  伝わるスライドのために  スライドショー  得する小技 IT 講習会 -PowerPoint-
Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、（ JavaScript ） Web サイトの構築とは –HTML 文書をインターネットに公開するこ と＝ Web パブリッシング.

Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、（ JavaScript ） Web サイトの構築とは –HTML 文書をインターネットに公開するこ と＝ Web パブリッシング.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 1023082 宮本 拓美.

DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
ブログ blog ・ブログとは何 か？ ・ブログとは何 か？ ・ブログの始め方・ブログの使い方 Copyright Ⓒ 2005 Chiaki Emi All right reserved Ver １．０.

ブログ blog ・ブログとは何 か？ ・ブログとは何 か？ ・ブログの始め方・ブログの使い方 Copyright Ⓒ 2005 Chiaki Emi All right reserved Ver １．０.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 1023082 宮本 拓美.

DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
ウェブページビルダーマニュアル 株式会社　SOIYAA.

ウェブページビルダーマニュアル 株式会社　SOIYAA.
3次元nクイーン問題の 解に関する研究 論理工学研究室 伊藤精一

3次元nクイーン問題の 解に関する研究 論理工学研究室 伊藤精一
検索エンジン最適化.

検索エンジン最適化.

Similar presentations

Ads by Google