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

Slides:



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

「 DTM と職業」に関する調査と DTM 楽曲の制作 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
DTP/Web パブリッシング 1. この授業について. DTP とは DeskTop Publishing ワークステイションやパソコン上の レイアウトソフトを用いて編集作業を 行い、レーザープリンターなどの高精 細な印字装置で出力し、書籍などの印 刷物を作成すること。 デスクトップ プリプレス.
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
情報処理 A 第 5 回かな? ワードの使い方. 拡張子  ファイルの名前は, “ ファイル名. 拡張子 ” で付け る.  拡張子は,そのファイルを読み込むソフトに影 響される –txt テキストファイル –doc ワードのファイル –xls エクセルのファイル –pdf Acrobat Reader.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
Internet Explorer 障害解析 最初の一歩 - IE のトラブルを理解する -. 概要 Internet Explorer を使用中に発生するトラブルの 種類と、調査のための切り分け方法を紹介します! (以降は IE と略称で表記します) よくあるお問い合わせ Web ページの表示が白画面のまま完了しない.
PowerPoint 入門 2004年1月17日 聖路加看護大学 中山和弘. PowerPoint とは Microsoft 社製プレゼンテーション用ソフ ト 基本操作や図表作成は Word 、 Excel など と共通 スライド作成ソフト、液晶プロジェクタ でプレゼンテーション スライドは、テキスト、図表、写真など.
東北大学全学教育科目 情報基礎 A 第6回 文書の作成 Word の使い方の簡単な説明 担当:大学院情報科学研究科 塩浦 昭義 1セメスター 木曜1,3講時 経済学部・法学部.
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word アイ コンをダブルクリックする。 * (2) 「スタート」 ― 「すべてのプログラ ム」 ― 「 Microsoft Word 」と選ぶ。 (3) Word で作成された文書があるとき は、そのアイコンをダブルクリック.
Jsdo.it と Monaca による端末へ のアプリ導入 5/29 (金)課題 堀江美香.
情報処理 第8回第8回第8回第8回. 目次 (1) スタイルの利用 – スタイルの概要 – スタイルの適用 (1) – 「スタイル」ウィンドウを開く – スタイルの適用 (2) – スタイル適用のセオリー – すべてのスタイルを表示 – スタイルの書式を変える (1) – スタイルの書式を変える (2)
IT 講習会 -PowerPoint- テックサポーター 板垣翔大. 目次  PowerPoint とは?  PowerPoint を起動しよう  基本操作を知ろう  SmartArt で情報の「見える化」  伝わるスライドのために  スライドショー  得する小技 IT 講習会 -PowerPoint-
Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、( JavaScript ) Web サイトの構築とは –HTML 文書をインターネットに公開するこ と= Web パブリッシング.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
ブログ blog ・ブログとは何 か? ・ブログとは何 か? ・ブログの始め方・ブログの使い方 Copyright Ⓒ 2005 Chiaki Emi All right reserved Ver 1.0.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
ウェブページビルダーマニュアル 株式会社 SOIYAA.
3次元nクイーン問題の 解に関する研究 論理工学研究室 伊藤精一
検索エンジン最適化.
・ホームページ製作業務のご案内 ・各種プランのご案内 ・基本構成 ・オプション構成 ・サイト構築までの流れ
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
情報技術演習Ⅰ 人文学研究のための情報技術入門 2015/07/02
初めてのパソコン目次へ パソコンでできること
DTMを使用した楽曲制作 楽曲紹介のWebサイト制作
情報技術演習Ⅰ 人文学研究のための情報技術入門 2013/06/26
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (2日目) 担当:清水,田代 副手:浦辺,石井.
ウェブページの仕組みとCMS 田村貴紀.
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
CMSとは?.
CG作品展示サイト”Fragments” ~ 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン~
NetworkAssistTakaoka
NetworkAssistTakaoka
AkaminePlayerについて 04a2049 中村まりえ.
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
ユーリテクノスのFlashテクノロジーを 利用した様々なサービスのご提案
WebCluster スライドショーで見る操作ガイド
“Word 2007”を活用した Webページの制作 ~Webデザインコンテスト参加作品(2009/2010)~
WebCluster スライドショーで見る操作ガイド
WebCluster スライドショーで見る操作ガイド
【トップページ-TOPICSの登録・編集】
クラシック音楽普及プロジェクト KG:mao B3 wakutin.
中間発表 アリの王国更新 金華山の写真整理 柏崎 奈々 中間発表を始めます。
サイト運営者へむけて、CMS管理画面をつかって サイト運営していく方法を紹介します。
WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。
ウェブデザイン演習 第一回 オリエンテーション.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2017/07/06
基礎プログラミング演習 第1回.
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
DNSトラフィックに着目したボット検出手法の検討
対応可否 スキル一覧 株式会社エージェント 2015年10月7日 Ver.1.0.
ネットショップデザイン入門Ⅰ・ⅡSEO 2013/12/18 Webデザイン入門 SEOの基本.
売れるためのWEBサイト構築.
売れるためのWEBサイト構築.
PowerPoint へようこそ 簡単に操作するための 5 つのヒント.
プロジェクト管理ソフトの群雄割拠をどうやって勝ち抜くか?②
Webデザイン入門 Expression Web 解説
一人暮らしの男性のための料理検索システムの設計
障害児関係データベースの ブログ化について
Htmlの基本.
すべて読む Microsoft SharePoint ニュース
UDPマルチキャストチャット      空川幸司.
情報コミュニケーション入門b 第11回 Web入門(2)
売れるためのWEBサイト構築.
使用する CSS・JavaScrpitも指定
<プラチナ出展者様対象> デジタルサイネージ テンプレート 次ページのテキストボックスに、 直接テキスト入力お願い致します。 作成時の留意点
オリジナル歌唱楽曲制作と Webページによる紹介
初心者向けの株の解説 自身の運用体験のWebサイト制作
Presentation transcript:

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

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

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

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

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

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

実際に作られたページ

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

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

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

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