Webデザイン入門 Expression Web 解説

Slides:



Advertisements
Similar presentations
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
Advertisements

DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
コンピュータ基礎実習 ( 上級 ) 第三回 ウェブページの作成について2 清水淳紀. 前回までの内容  ページの簡単な作り方。  ページの編集・アップロード・確認 方法について。  ページはメモ帳や Kompozer 等で編集できる。 ウェブサー バーにアップロード  ページを公開するには、必要ファイル群をウェブサー.
簡単動画制作 使用するアプリケーション  iMovie  特別教室の Mac にインストールされています  使用方法の動画解説( apple ) 
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word アイ コンをダブルクリックする。 * (2) 「スタート」 ― 「すべてのプログラ ム」 ― 「 Microsoft Word 」と選ぶ。 (3) Word で作成された文書があるとき は、そのアイコンをダブルクリック.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
コンピュータ基礎実習 ( 上級 ) 第九回 スタイルシート 清水淳紀. はじめに  今回の内容  スタイルシート (CSS) とは何か  CSS の役割  CSS の利点  スタイルシートの基本  CSS の記入方法  基本的な CSS の例.
第5章 JMPのインストールと基本操作 廣野元久
BBT大学 Ruby on Rails開発環境セットアップマニュアル
情報処理実習 第05回 Excelマクロ機能入門 操作マクロ入門.
WagbyR6.5 Update 14 PPT版 更新情報
情報処理 第8回.
2017/3/2 情報処理 第8回.
発生生物学特論 PowerPoint の使い方
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
TV会議 セットと使用法 神奈川技術士会
パワーポイントの使い方 東京女子大学 情報処理センター 浅川伸一.
情報処理 第7回.
情報処理入門A・B 第7回 ワープロソフト入門(2)
お宅で必要な設定 ご家庭にて試されるときは 転送設定画面 ホームページビルダーを用意 (1)サイトの設定 (2)転送設定 を行ってください。
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (2日目) 担当:清水,田代 副手:浦辺,石井.
2017/3/7 情報処理 第8回.
ファイルやフォルダを検索する ①「スタート」→「検索」→「ファイルとフォルダ」とクリックする。
コントロールパネル ◎コントロール パネル: コンピュータのさまざまな機能を設定するための画面
コントロールパネル ◎コントロール パネル: コンピュータのさまざまな機能を設定するための画面
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
インストール準備 Notesクライアントメニューに ”アプリケーション(F) インストール(T)” の項目が見当たらない場合、事前に下記手順を実施します。 下記ファイルをテキストエディタ(メモ帳など)で開きます C:\Program Files\IBM\Lotus\Notes\framework\rcp\plugin_customization.ini.
Microsoft PowerPointを使ってみよう
e ポートフォリオ(Mahara)の使い方
ファイルの場所に関して.
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
F5 を押すか、または [スライド ショー] > [最初から] をクリックして、コースを開始してください。
Web App Semi 2008 #1 Web App Semi 2008 #1.
9 Microsoft Word(1).
アプリケーション共有機能 〈参考〉 (図1) (図2)
Outlook メール文字化けの原因と対策
Microsoft Office 2010 クイックガイド ~応用編~
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (1日目) 担当:清水,田代 副手:浦辺,石井.
サイト運営者へむけて、CMS管理画面をつかって サイト運営していく方法を紹介します。
ウェブデザイン演習 第一回 オリエンテーション.
Microsoft Office 2010 クイックガイド ~応用編~
基礎プログラミング演習 第1回.
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
経営工学基礎演習a PowerPointの利用.
情報処理 第7回 表がある文書の作成.
3 HTMLとcss ・ユーザビリティの観点からHPがどうあるべきか、はだいたいお分かりいただけたと思います
対応可否 スキル一覧 株式会社エージェント 2015年10月7日 Ver.1.0.
Unreal Engine 4 のインストール 2017年 7月 金子邦彦.
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
売れるためのWEBサイト構築.
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
2019/2/24 情報処理 第13回.
3.1 PowerPoint の概要 PowerPointを使ってできること
情報スキル活用 第3週 基礎技術ー3 : 学部・学科紹介のページ作成.
コンピュータ プレゼンテーション.
ホームページビルダー 不要ファイル削除の仕方.
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
SFC鴨池スタイル 企画・設計 環境情報学部1年 t12472ms 杉浦 学.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
Htmlの基本.
コンピュータ プレゼンテーション.
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 金子拓磨
HP作成 そろそろまとめ編 担当:TAの人.
情報基礎演習I(プログラミング) 第11回 7月12日 水曜5限 江草由佳
Microsoft Office クイックガイド ~基本編~
基礎技術ー3 : Webページの標準規格について
情報基礎演習I(プログラミング) 第8回 6月8日 水曜5限 江草由佳
Microsoft Office 2010 クイックガイド ~応用編~
使用する CSS・JavaScrpitも指定
初心者向けの株の解説 自身の運用体験のWebサイト制作
Presentation transcript:

Webデザイン入門 Expression Web 解説 自分のサイトの使い方 ページレイアウトの作成1

ExpressionWeb で扱う Webページの3大技術(プログラム) HTML Webページの構造を担当(建物なら基礎、柱、壁、部屋割りなど。) CSS デザイン(色と形の詳細)を担当 JAVASCRIPT 主に動きを担当 最低でもHTMLとCSSの知識がなければ、一般的なWEBページは作成できない。ExpressionWebではこの3つを作成できる(ほかのプログラムも作成できる)。

画面レイアウトの確認

パネルメニューの設定確認 画面レイアウトが異なる場合は、パネル設定を確認する。以下を選択する。 タグプロパティ CSSプロパティ スタイルの適用 スタイルの管理 ツールボックス

自分のサイトの作り方 サイトー新規サイトー1ページのWebサイト 場所 の 参照ボタン から以下の場所を選択する。 ファイルー開くではないので注意 場所 の 参照ボタン から以下の場所を選択する。 ドキュメントーマイドキュメントーMy Web Sites social  名前は My Web Sites social と表示されるのでそのままとする。

自分のローカルサイトができた。 default.html というファイルが作成されている

次回からのサイトの開き方 ファイルー終了でExpression Webを終了する 新たにExpression Web を開く 次回からは、サイトを開く で選択する

DOCTYPEとスキーマの変更 ツールーページ編集オプションー作成を開いて行う。 HTML・CSSともに異なるバージョンがあるので、注意する。 続けてCSSの設定も行う

CSSの手動設定 CSS(スタイル)を手動摘要に変更する 自動のままだと大量にCSSが自動作成され、わかりにくいため

言語の設定 サイトーサイトの設定ー詳細ー言語設定で 標準のページエンコードをUnicode(UTF-8)、新しいページのエンコード決定時にキーボードの設定を無視するにチェック、OKボタン

ファイル名の変更 現在default.html という名のファイルがある。Index.htmlに変更する