ホームページ作成・更新講座 夏のコンピュータ学習会 画像

Slides:



Advertisements
Similar presentations
ホームページに取り込もう. » 今回、大きく変わっています。 » もちろん・・・ブラウザや GM バージョンに よって外観が微妙に違う。 » 試行中で、ユーザー選択により 移行するはずだが、 Windows8 ではアップデート時に自動移行 しているらしい。 » (今回は元バージョンを使う) 右上から、選択.
Advertisements

DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
コンピュータ基礎実習 ( 上級 ) 第三回 ウェブページの作成について2 清水淳紀. 前回までの内容  ページの簡単な作り方。  ページの編集・アップロード・確認 方法について。  ページはメモ帳や Kompozer 等で編集できる。 ウェブサー バーにアップロード  ページを公開するには、必要ファイル群をウェブサー.
簡単動画制作 使用するアプリケーション  iMovie  特別教室の Mac にインストールされています  使用方法の動画解説( apple ) 
特別支援教育で使える PowerPoint の活用法 研修 最低限必要なスキルはこれでバッチリ!! ICT 活用支援員 高松 崇.
1 検索 ● 検索: 特定の文字列を探す ⓪検索を行う範囲を限定するときは、範囲選択をする。 ① 「ホーム」タブ⇒「編集」⇒「検索」タブとクリックする。 ②「検索する文字列」欄に検索したい文字を入力する。 ③「次を検索する」をクリックする。 ③ ‘ 「検索された項目の強調表示」⇒「すべて強調表示」とクリックすると、
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word ア イコンをダブルクリックする。 * (2) 「スタート」⇒「すべてのプログ ラム」⇒「 Microsoft Office 」⇒ 「 Microsoft Office Word 2007 」と.
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word アイ コンをダブルクリックする。 * (2) 「スタート」 ― 「すべてのプログラ ム」 ― 「 Microsoft Word 」と選ぶ。 (3) Word で作成された文書があるとき は、そのアイコンをダブルクリック.
情報処理 第8回第8回第8回第8回. 目次 (1) スタイルの利用 – スタイルの概要 – スタイルの適用 (1) – 「スタイル」ウィンドウを開く – スタイルの適用 (2) – スタイル適用のセオリー – すべてのスタイルを表示 – スタイルの書式を変える (1) – スタイルの書式を変える (2)
Powerpoint 機能の使い方. 1.簡単な図の作成 例として植物個体の図を作成 (1)輪郭を大まかに描く まず、「オートシェイプ」 → 「線」 → 「曲 線」を選び、輪郭を適当に描く.
プレゼンテーションからホームページ作成まで 情報システム入門 A 総合情報センター 非常勤講師 :中山 進.
2017/2/26 情報処理 第5回.
ウェブページビルダーマニュアル 株式会社 SOIYAA.
画像ファイルの形式とデータサイズ.
応用コース:ワープロを活用する WORD2000 1回目 基礎コースの復習(第1章と付録) 2回目 文字の入力(第2章と第4章)
プレゼンテーションからホームページ作成まで
エクセル(1)の目次 起動法、ブック、シート、セル ブックの開き方 エクセル画面 マウスポインターの種類 シート数の調節 データの入力法
情報処理実習 第05回 Excelマクロ機能入門 操作マクロ入門.
図の挿入 ●方法1 ①図を挿入する位置にカーソルを置く。 ②「挿入」メニュー →「図」 → 「ファイルから」とクリックする。 ③挿入するファイルを選択し、「挿入」をクリックする。 ●方法2(書式までコピーされるので、ファイルサイズが大きくなる) ①挿入する図をコピーする。 ② 挿入する位置にカーソルを移動し、ツールバーまたは右クリックメニューの「貼り付け」をクリックする。
図の挿入 ●方法1 ①図を挿入する位置にカーソルを置く。 ②「挿入」タブ ⇒「図」 → 「ファイルから」とクリックする。 ③挿入するファイルを選択し、「挿入」をクリックする。 ●方法2(書式までコピーされるので、ファイルサイズが大きくなる) ①挿入する図をコピーする。 ② 挿入する位置にカーソルを移動し、ツールバーまたは右クリックメニューの「貼り付け」をクリックする。
ブラウザの基本操作 前のページに戻る ブラウザの左上にある 「戻る」ボタンで、自分がたどってきた一つ前のページに戻ることができます。
校内研修用提示資料 パワーポイントの基本操作.
情報処理 第8回.
2017/3/2 情報処理 第8回.
発生生物学特論 PowerPoint の使い方
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
コンピュータ プレゼンテーション.
情報処理 第7回.
Wixのログイン メールアドレスとパスワードを記入してGO 再度、尋ねてきますのでもう一度入力して「新規登録」
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
デジタルポートフォリオ作成支援ツール PictFolio 使用マニュアル
2017/3/7 情報処理 第8回.
ファイルやフォルダを検索する ①「スタート」→「検索」→「ファイルとフォルダ」とクリックする。
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
HTMLの記述と WWWにおける情報公開 遠藤
エクセル(1)の目次 起動法、ブック、シート、セル ブックの開き方 エクセル画面 マウスポインターの種類 シート数の調節 データの入力法
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
ファイルの場所に関して.
メールの利用 計算機実習室でThunderbird.
Al-Mailのインストールと使い方 インストール –1 (pop-authの設定、Al-Mailのインストール用ファイルをダウンロード)
コンピュータ演習Ⅰ 8月5日(金) 4限目 表を使う.
湘南工科大学 2013年4月23日 プロジェクト実習A アドベンチャーゲームを作ろう 第3回 湘南工科大学情報工学科 准教授 小林 学.
【トップページ-TOPICSの登録・編集】
メールの利用2 計算機実習室で Netscape 7.1 メール.
コンピュータ基礎実習上級 #10 絶対パスによる指定
2017/4/9 情報処理 第5回.
パソコン同好会のホームページは今回WordPressに変わったのですが 使いづらいとの声が多いので投稿者用の手順書を作ってみました。
(Wed) Edited by KON IT講習会 一太郎編.
簡単PowerPoint (PowerPoint2007用)
Microsoft PowerPoint Netscape Communicator
経営工学基礎演習a PowerPointの利用.
情報処理 第8回.
情報処理 第4回.
3.1 PowerPoint の概要 PowerPointを使ってできること
諸連絡 USBメモリの販売について 日時:6月23日(月)授業開始前 商品:プリンストン社製32MBのUSBメモリ
コンピュータ プレゼンテーション.
ホームページビルダー 不要ファイル削除の仕方.
フォトムービーを作ろう 【初めの準備】 ■ 写真を10枚くらい用意をして、マイドキュメントの 中にファイルを作り保存をしておこう
コンピュータと情報 第4回 ワードの使い方.
Microsoft Office クイックガイド ~基本編~
パワーポイントの上級技 スライドの切り替え時にブラインド・スライドインなどの効果を設定する。 スライドの切り替え時に効果音を鳴らす。
簡単PowerPoint (PowerPoint2003用)
デジカメの写真を挿入してみよう ~ Word 98 編~
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
3 ウイルスチェック ~方法1~ ウイルスチェックの方法 USBメモリの場合 ①USBをパソコンに差し込む。 ウイルスチェックをしよう
ソーシャルメディアの画像テンプレート このテンプレートを使用して、既存の画像のサイズを変更するか、 ソーシャル メディアで使用する新しい画像を作成します。 Twitter Facebook Instagram LinkedIn 既存の画像のサイズを変更するには 新しい画像を作成するには 次のページで、画像サイズを選択し、画像のプレースホルダーの中央にある写真アイコン.
Presentation transcript:

ホームページ作成・更新講座 夏のコンピュータ学習会 画像 http://www.justsystems.com/jp/products/hpb/features.html より

ホームページを作る前に コンセプト(概念) イメージ 他のホームページを参考にする 研究所HPよりリンク集 夏のコンピュータ学習会 作る前に考えておきたいこと 他のホームページを参考にする

作成・編集 送る(アップロード) FFFTP ホームページ作成・更新の流れ ホームページビルダー 夏のコンピュータ学習会 ホームページのデータを作成・編集するのはホームページビルダー データをサーバーへ転送するのはFFFTP 送る(アップロード) FFFTP

夏のコンピュータ学習会 デスクトップにフォルダをつくる ホームページのデータを入れておくフォルダを先に作っておく

夏のコンピュータ学習会 デスクトップにフォルダをつくる デスクトップに作っておくと分かりやすい 後で移動も可能

夏のコンピュータ学習会 新規作成する

夏のコンピュータ学習会 コンセプトがきまっていれば テンプレートを利用した方が楽に作成できる

夏のコンピュータ学習会 業種別等のテンプレートがある

夏のコンピュータ学習会 新規(白紙から)作成していく

夏のコンピュータ学習会 はじめに名前をつけておく

夏のコンピュータ学習会 最初のページは自動的に「index.html」という名前がつく デスクトップのフォルダに保存する

夏のコンピュータ学習会 作成開始 カーソルの部分へ文字を入れていく

夏のコンピュータ学習会 文字を入れる 文字の挿入をクリック

夏のコンピュータ学習会 文字の変化 文字を飾る 変化させる文字の部分を 範囲指定

夏のコンピュータ学習会 太文字 太文字にするのは「B」

夏のコンピュータ学習会 斜字 斜体は「I」

夏のコンピュータ学習会 文字を大きく A+ボタンで大きくなる

夏のコンピュータ学習会 文字を小さく A-ボタンで小さくなる

夏のコンピュータ学習会 写真の挿入 写真を挿入する

夏のコンピュータ学習会 ファイルから:自分で撮った写真が入れられる 素材集から:ビルダー附属の写真が入れられる

夏のコンピュータ学習会 素材集から任意の写真を選択する

夏のコンピュータ学習会 選択後「次へ」をクリック

夏のコンピュータ学習会 任意のサイズを選ぶ 「中」が無難

夏のコンピュータ学習会 写真をはっきりさせたいときにチェックマークを入れる

夏のコンピュータ学習会 縁飾りをつけることもできる そのままならば「完了」

夏のコンピュータ学習会 写真が入った

夏のコンピュータ学習会 背景に色を入れる 背景に色を入れる 「ページの属性」

夏のコンピュータ学習会 背景/文字色のタグから背景色を選ぶ

夏のコンピュータ学習会 背景色が変わった

夏のコンピュータ学習会 ルビを振る 漢字にルビをいれる

夏のコンピュータ学習会 ルビを振る 書式→文字飾り→ルビ

夏のコンピュータ学習会 ルビを振る ルビの欄に打ち込む

夏のコンピュータ学習会 ルビを確認する ブラウザ(ホームページを見る画面)で確認する

夏のコンピュータ学習会 アニメーション文字の挿入 アニメーション文字(動く)を挿入する

夏のコンピュータ学習会 アニメーション文字の挿入 カスタムでOK

夏のコンピュータ学習会 アニメーション文字の挿入 動き方を選択し、文字を打ち込む

夏のコンピュータ学習会 アニメーション文字の挿入 画面上に入ったところ

夏のコンピュータ学習会 ブラウザー確認 ブラウザで確認

夏のコンピュータ学習会 ロゴ(飾り文字)の挿入 ロゴ(飾り文字)の挿入

夏のコンピュータ学習会 ロゴ(飾り文字)の挿入 ロゴが挿入された

夏のコンピュータ学習会 ボタンの挿入 ロゴの形を変更する

夏のコンピュータ学習会 吹き出し文字の挿入 いろいろな形がある

夏のコンピュータ学習会 ボタンの挿入 一つを選択

夏のコンピュータ学習会 行事予定のページ作成 行事予定を作成 「新規作成」で新しいページを作る

夏のコンピュータ学習会 ページの保存 ファイル名を変更し保存する 「新しいフォルダ」

夏のコンピュータ学習会 リンクの挿入 行事予定にリンクさせる

夏のコンピュータ学習会 リンクの挿入 行事予定.htmlを選択する

夏のコンピュータ学習会 PDFにする エクセルファイルをPDF化する

夏のコンピュータ学習会 PDFにする エクセルファイルを名前を付けて保存

夏のコンピュータ学習会 PDFにする 「ファイルの種類」保存方法hを変更する

夏のコンピュータ学習会 PDFにする PDFを選択する

夏のコンピュータ学習会 PDFにする 同じ場所に保存する

夏のコンピュータ学習会 PDFにする PDF化された

夏のコンピュータ学習会 リンクの挿入 行事ページからPDFにリンクをはる

夏のコンピュータ学習会 リンクの挿入 PDFファイルを選択

夏のコンピュータ学習会 プレビューで確認 プレビューで確認

夏のコンピュータ学習会 ロールオーバー機能 画像の上で右クリック 画像のロールオーバー効果の挿入

夏のコンピュータ学習会 ロールオーバー機能 画像の上にポインタをおくと変化する

夏のコンピュータ学習会 ロールオーバー機能 効果の確認

夏のコンピュータ学習会 ロールオーバー機能 効果の選択

夏のコンピュータ学習会 ロールオーバー機能 選んだら次へ

夏のコンピュータ学習会 ロールオーバー機能 他の画像にかえてみる

夏のコンピュータ学習会 ロールオーバー機能 完了

夏のコンピュータ学習会 ロールオーバー機能 画像の左上をチェック

夏のコンピュータ学習会 ブラウザーで確認

夏のコンピュータ学習会 音楽を鳴らす BGMをつける 挿入→BGM→素材集から

夏のコンピュータ学習会 音楽を鳴らす サウンドファイルの中から選択

夏のコンピュータ学習会 音楽を鳴らす BGMが入ったことを確認

注:同じフォルダ内ではどんどん増える一方で、ファイルの判別が困難になる。 夏のコンピュータ学習会 保存する際の注意点 ・画像等の保存先 注:同じフォルダ内ではどんどん増える一方で、ファイルの判別が困難になる。 ・年度ごとにフォルダを作り、その中にまとめればよい 上書き保存の注意