ホームページの作り方 講習会テキスト

Size: px
Start display at page:

Download "ホームページの作り方 講習会テキスト"

Transcription

1 ホームページの作り方 2011 年 4 月更新 明治大学 講習の前に この講習は ホームページ ビルダー 14 を利用してホームページを作成し 駿河台地区設置の WWW サーバーで公開する手順を実習する講習です ( 最新のバージョンと異なる場合もあります ) 講習では 2 つ ページを作成します テキストの中では 各自の USB メモリに保存するように指示されています 持っていない場合は デスクトップまたは MyDocs に保存してください なお このテキストはパソコンの基本的な操作は一通りできるものとして作成されています ブラウザ ( Firefox や Internet Explorer) の使い方はこの講習ではふれません また ホームページを公開するためには 基盤サービスアカウントが必要です 注 1) Homepage Builder14 ではファイルのことを ページ と呼んで管理しています 注 2) Homepage Builder14 はメディア教室 メディア実習室 1 2 で利用可能です 1

2 目次 1. ページ公開の仕組み HTML とタグ 準備 ホームページ ビルダーの立ち上げ 新たにページを作成する... 6 (1) 通常の新規作成... 6 (2) フレームを使いたい場合などの新規作成 見出しの作成 文の入力 ( 段落の作成 ) 水平線の入力 箇条書きの作成 ページにタイトルを付ける ページを保存する リンクの設定 (1) リンク先の用意 (2) 設定 画像の貼り込み ページの保存 ( 画像ファイルも合わせて保存する ) ページのアップロード ( 転送と公開 ) 付録 A. 文字の書式の変更 B. リンクの設定 (URL で指定 ) C. 表の作成 D.FFFTP でのサーバー側のファイル操作 (1) ファイルの削除 (2) フォルダの作成 E.FTP ツールによるファイル転送 F. ロゴの作成

3 1. ページ公開の仕組み ホームページは WWW(World Wide Web ワールドワイドウェブ ) というシステムを利用して情報を発信する際に作成します 作成したデータを WWW サーバー ( 情報を実際に発信するコンピュータ ) 上に用意することで インターネット上のコンピュータから そのデータが閲覧されるようになります 駿河台 和泉の利用者がホームページを公開する場合は 作成したデータを suruga2 というサーバに転送 ( アップロード ) します その際には 必要に応じて事前に各自の転送先に local_html あるいは public_html というディレクトリ ( フォルダ ) を用意し 学内へのみ公開 にしたいならば suruga2 の local_html へ ( 練習用 ) 学外へも公開 にしたいならば suruga2 の public_html へ 転送します なお 転送したデータは 以下の URL で参照できます 学内のみの公開 基盤サービス利用アカウント / ファイル名 学外への公開 基盤サービス利用アカウント / ファイル名 なお ホームページを公開するに当たっては MIND 利用基準 を遵守しなければなりません 以下を参照してください 学校法人明治大学総合情報ネットワーク (MIND) 利用基準 ( MIND 利用上の遵守事項ガイドライン (2010 年 4 月 1 日 ) ( ) 転送 ( アップロード ) 3

4 2.HTML とタグ ホームページは HTML(Hyper Text Markup Language) という形式で記述します ( 図 1) <HTML> <HEAD> <TITLE> ホームページだよ ~ ん </TITLE> </HEAD> <BODY> <H1> ホームページだよ ~ ん </H1> <IMG SRC= my_face.gif > <HR> ほにゃほにゃ ふげふげ </BODY> </HTML> ( 図 1) この中の <H1> や </H1> を タグ といい 文章の構成や書式などを指定する役割を持っています この HTML のデータはテキストデータですので メモ帳 などでも作成可能ですが その場合は タグ の種類 意味を覚えていないと作成できません この講習で使う ホームページ ビルダー は タグ を知らなくても マウスの操作でデータにタグを自動的に埋め込みながらホームページの作成を行なえるソフトです 3. 準備 講習会では学内用に公開するページの作成を行います 用意した USB メモリに local_html という名前のフォルダを作成してください 以後 作成したページなどはこのフォルダに保存します また この講習では サーバーへの転送は このフォルダごと行います ( 図 2) ( 図 2) 4

5 4. ホームページ ビルダーの立ち上げ ホームページ ビルダーは以下の順にメニューをたどって立ち上げてください ( 図 3) スタート ボタン すべてのプログラム 配信型アプリケーション ( 図 3) WebDesktop XP Style Windows Internet Explorer ウィンドウから Homepage Builder14 をクリックすると Z!Stream 3.0 のウィンドウが表示されます 状態の欄が 起動準備中 から 起動中 に変わるとホームページ ビルダーが立ちあがります ( 図 4) ( 図 4) 5

6 5. ページを新規作成する (1) 通常の新規作成 ホームページ ビルダーが立ち上がると 最初に スタート ウィンドウが表示されます この中から ページを作成する (N) をクリックしてください 次いで ページ作成方法の選択 ウィンドウから 白紙ページ (B) を選択してください 白紙ページの作成 ウィンドウが現れるので初期設定の状態のままで OK ボタンをクリックしてください ( 図 5) ( 初期設定では 表示環境 (D) は PC ページ ページの種類 (P) は 通常ページ 編集モード (E) は 標準モード が選択されています ) これで ページの作成が始められます ( 図 5) (2) フレームを使いたい場合などの新規作成 白紙ページの作成 ウィンドウで ページの種類 (P) メニューから フレームページ を選択するとフレームを使用したホームページを作成できます ( 図 6) ( 図 6) ページを閲覧するであろう対象のシステム (PC や携帯電話など ) の指定は 白紙ページの作成 ウィンドウの 表示環境 (D) メニューから選択できます 白紙から作成するか 予め用意された雛形 ( テンプレート ) を元に作成を始めるかの指示は ページ作成方法の選択 ウィンドウから選択できます 詳細なレイアウトの指示を含むページを作成するか否かの指示も同様に ページ作成方法の選択 ウィンドウから選択できます はじめて利用する場合や意味がよくわからない場合には (1) 通常の新規作成の手順で進めるのがよいでしょう 注 ) このテキストでは初心者用の編集スタイルである かんたん モードで作成していきます あらかじめ 表示 (V) の 編集のスタイルの切り替え (O) を選択し かんたん モードに切り替えておきましょう 6

7 6. 見出しの作成 はじめにページに見出しをつけましょう ページ編集 の画面内をクリックしてください ( 図 7) ( 図 7) この状態で文字を入力すると 通常の文として文字が入力されます 文字が入力されている間 色つきの枠が表示されます この枠が 現在編集している対象あるいはページの部分を示していて この枠内の箇所に対して様々な設定をすることが可能です ( 図 8) 色つきの枠内の文字 ( 列 ) に対して属性等が指示できる ( 図 8) 文字を入力したら ツールバーにある 属性の変更 をクリックし 属性 ウィンドウの 段落 (P) メニューの中から 見出し 1 を選択してみてください すると 入力した文字に対して それが 見出し の レベル 1 であることが指示されて 画面上の表示も変化します ( 図 9) ( 図 9) この操作は画面中央上のメニューから選択することでも可能です ( 図 10) ( 図 10) 見出し は新聞でいう 見出し と同じ意味で 表示される文字の大きさや形を指示するものではありません 見出し がブラウザ上 (Firefox や Internet Explorer) で どのような大きさ 形で表示されるかという点については 基本的にはブラウザ次第です 通常の文を入力している際に 単純に文字の大きさを変更したい場合は 書式 (O) メニューの フォント (F) を選択して フォント ウィンドウの サイズ (I) で文字の大きさを変更してください 実際の手順は 付録 A. 文字の書式の変更 を参照してください 7

8 7. 文の入力 ( 段落の作成 ) 見出しの設定ができたら 通常の文章を入力してみましょう まず 見出しの下をクリックしてください このとき見出しにあった枠の表示が消えた場合は そこから 新しい段落が開始できます まだ 見出しに枠がある場合は 下向きのカーソルキー ( ) を押してください ホームページ ビルダーでは 通常 下向きのカーソルキー ( 矢印キー ) を押して 新しい文 段落を開始します 適当に文字 ( 文 ) を入力してみてください ( 図 11) ( 図 11) ホームページ ビルダーで Enter キーを押すと 改行されますが段落が変更になったとはみなされません ( 図 12) ( 図 12) 段落と改行 改行 の指示は 行を変える <BR> タグをページに埋め込みます 一方 段落 の変更は <P> タグが埋め込まれます 画面では同じように見えますが 実際に作成された HTML には違いがあるのです ホームページを作成する際に 使わない方が良い文字 世の中には様々なコンピュータがあり 機種によっては表示できない文字があります これを 機種依存文字 または 環境依存文字 といいます 例えば 半角カナ文字 ( ア イ ウ ) 丸付きの数字 (1 2 3) ローマ数字 (Ⅰ Ⅱ Ⅲ) などがそれにあたります これらは表示する側で違う文字に置き換えられたり 何も表示されなかったりすることがあるので ページを作成する際には使用しないようにしましょう 8

9 8. 水平線の入力 次は水平線 ( 区切り線 ) を引いてみましょう 左側の ナビメニュー から 水平線の挿入 を選択します 水平線の挿入 ウィンドウが表示されるので 内容を確認し OK をクリックします ( 図 13) これで水平線が入ります ( 図 14) ( 図 13) ( 図 14) 9. 箇条書きの作成 今度は箇条書きを作成してみましょう ホームページで使われる箇条書きには 番号なしの箇条書き ( 通常の箇条書き ) 番号つきの箇条書き などがあります では カーソルを移動し 枠 が表示されていない状態にしてください ( 図 15) ( 図 15) 9

10 箇条書きは 左側の ナビメニュー から リストの挿入 を選択し リストの挿入 ウィンドウで箇条書きの種類を指定することではじめます ( 図 16) ( 図 16) 通常 を選択すると カーソル位置に が表示されるので 何か文を入力し Enter キーを押してみてください すると 2 番目の文が入力できるようになります 箇条書きは この操作の繰り返しで必要な分だけ入力します ( 図 17) ( 図 17) 10

11 10. ページにタイトルを付ける 作成したページには必ずタイトルを付けるようこころがけましょう タイトル は1ページに1つだけ付けるもので 見出し とは異なりますので注意してください ( 図 18) これが タイトル これは 見出し ( 図 18) ページ余白部分をクリックしてから 編集 (E) メニュー 属性の変更 (A) の順に選択してください ( 図 19) ( 図 19) ページ情報 タブにある ページタイトル (P) に適当にタイトルを入力し OK をクリックしてください ( 図 20) タイトルを入力する タイトルが表示される ( 図 20) ここで入力した文字列が 編集中のページのタイトルになります ページの背景色や表示文字の色の変更なども ページの属性として指示することができます 11

12 11. ページを保存する 保存は ファイル (F) メニューから 名前を付けて保存 (A) を選択し USB メモリへ index.html という名前で保存してください 保存する場所 を指定しないと MyDocs の Documents にページが保存されてしまうので注意してください ( 図 21) 1. ドライブの指定 2. 保存するフォルダを開く ( 図 21) index.html という名前について 明治大学で運用している WWW サーバーは あるクライアント ( ブラウザ ) からページ閲覧のリクエストを受け取ったときに ページの名前が省略されていると index.html ( または index.htm) という名称のファイルを送り返します たとえば /manuals/ というファイルの閲覧要求を受けた場合 を送り返します ページに付けるファイル名 パソコンではファイルやフォルダの名前には アルファベットや数字だけでなく ひらがな カタカナ 漢字等さまざまな文字を使うことが可能です しかし ページの名前 ( ファイル名 ) に漢字等全角文字を使用すると ページを公開する際に ファイル名が文字化けを起こしたり 別の形式の文字列に変換されてしまうことがあります よって ページに付ける名前は 半角英数字をのみを使うよう注意してください 12

13 12. リンクの設定 (1) リンク先の用意 次はリンクの設定ですが その前にリンク先のページを用意しておきましょう もう一度 ファイル (F) メニューから 標準モードで新規作成 (B) を選択してください ( 図 22) ( 図 22) こちらのページは単純に index.html からのリンク先として用意するだけですので 適当に文字を入力し sub.html という名前を付けて保存してください 10. ページにタイトルを付ける を参考にして こちらのページにも任意のタイトルを付けてください ( 図 23) (2) 設定 ( 図 23) 保存できたら 画面右側にある ページ一覧 タブを見てください 現在開いているページの一覧が表示されています 複数のページを開いている場合は この中から編集したいページを選択できます では index.html を選択してください ( 図 24) ( 図 24) 最初に作成 保存した index.html に sub.html へ移動するためのリンクを設定しましょう 先ほど練習した箇条書きの後にカーソルを移動してください その場所に 次のページへ と入力してください さらに 次のページへ の部分をドラッグして 色が反転した状態にしてください このドラッグした文字列のどこかをクリックしたときに 別のページへ移動する設定をします ( 図 25) ( 図 25) 13

14 このままの状態で 画面左側 ナビメニュー タブから リンクの挿入 を選ぶと リンク作成ウィザード が表示されます ここで ページや URL へのリンクを作成する (P) を選択して 次へ をクリックし リンク作成ウィザード ( 文字列 画像ファイルの設定 ) ウィンドウではそのまま 次へ をクリック リンク作成ウィザード ( ページや URL へのリンク作成 ) ウィンドウでは 選択 ボタンをクリックして ファイルから を選択 開く ウィンドウが表示されるので sub.html を選択して 開く 完了 の順にクリックしてください ( 図 26) ( 図 26) すると 先ほどドラッグした箇所に下線が引かれます これでリンクの設定は終了です ( 図 27) ( 図 27) 正しく設定できたか確認するには プレビュー のタブを選択し 実際に設定したリンクの箇所をマウスでクリックしてみます クリックしたときに 意図したページが表示されれば 正しく設定がなされていることになります ( 図 28) ( 図 28) プレビュー の状態では編集はできません 設定が間違っていた場合などは ページ編集 のタブをクリックし リンクの設定した箇所を一旦クリックしてから リンク先の再指定をしてください ( 図 29) ( 図 29) 14

15 リンクは 文字をドラッグして選択した状態で右クリックし メニューの リンクの挿入 (L) を選択しても同じ様に設定できます ( 図 30) 右クリックでメニューが表示される ( 図 30) 属性 ウィンドウで先ほどのようにリンク設定を行うことができます ( 図 31) ( 図 31) 画像などをクリックした場合に別のページへ移動するようなリンクの設定も同じ方法で行います 15

16 13. 画像の貼り込み 今度は画像を貼り込んでみましょう 今回は ホームページ ビルダーに添付されている素材集の画像を貼り込んでみます カーソルを移動し 枠 が表示されていない状態にしてください 次に ナビメニュー タブの 写真や画像の挿入 から 素材集から を選択してください ( 図 32) ( 図 32) 素材集の中から好きな画像を選択して 開く (O) をクリックすれば カーソル位置に その画像が貼り込まれます ( 図 33) カーソル位置に画像が入る ( 図 33) 画面左側の素材タブからも画像ファイルを選択することができます ( 図 34) ( 図 34) 著作権や肖像権に注意 ページに貼り込む画像データの 著作権 や デジカメなどで撮影した写真に自分以外の人物が写っている場合の 肖像権 などには 十分注意してください ページに貼る画像の形式 通常 ページに画像ファイルを貼る場合 GIF( 拡張子.gif) や JPEG( 拡張子.jpg) PNG( 拡張子.png) といった形式の画像を用意しますが ホームページ ビルダーでは BMP( 拡張子.bmp) の画像でも貼り込むことが可能です ( ホームページ ビルダーが形式を変換してくれます ) ページに画像を貼る場合 画質を保ちながらなるべくファイルサイズを小さくして サーバー容量や閲覧者の通信負担を軽減する配慮も必要です 16

17 14. ページの保存 ( 画像ファイルも併せて保存する ) ページの用意ができたので すべてを保存しましょう すべてを保存するには まず編集スタイルを スタンダード モードに変更します ( 現在の編集スタイルである かんたん モードには すべて保存 (V) の項目が無い為 この操作が必要になります 慣れてくれば 始めから スタンダード モードでページを作成しても構いません ) 表示 (V) メニューの 編集スタイルの切り替え (O) を選択し編集スタイルをスタンダードに変え OK をクリックしてください ( 図 35) ( 図 35) ファイル (F) から すべて保存 (V) を選択します ( 図 36) ( 図 36) 現在開いているページは index.html と sub.html の 2 つですが 変更があったページについて 保存の方法を尋ねてきます ここで index.html には先ほど画像を貼り込んだので ホームページ ビルダーはその画像ファイルをどこに保存するか 尋ねてきます 画像を含むページを作成した場合は 画像ファイルの保存場所に注意してください ホームページ ビルダーは ページとそのページに使われている画像ファイルを 同じフォルダに保存しようとします 特に理由がない限り ページと画像は同じフォルダに保存しておくとよいでしょう ( 特に素材集から画像ファイルを貼り込んだ場合など )( 図 37) Index.html と同じ場所 ( 図 37) 画像ファイルの名前を変更する必要がある場合には ここで変更しておきましょう 画像ファイルを一つのフォルダにまとめて保存しておきたい場合は ページと画像ファイルを無理に同じフォルダにする必要はありませんが ページを転送 公開する際には 画像を保存してあるフォルダも 併せて転送する必要がありますので 注意してください 以上でページの作成は終了です 次に これらのページをサーバーへ転送し 実際にブラウザで表示してみましょう 17

18 15. ページのアップロード ( 転送と公開 ) 作成したページはサーバーへ転送して 初めてインターネット上に公開されます 転送には FFFTP というファイル転送のためのソフトを利用しましょう ホームページ ビルダーにも作成したファイル ( ページ ) をサーバーへ転送するためのツール FTP ツール がありますが そちらについては 付録で紹介します 駿河台地区でページを公開する際には 作成したページを suruga2 に転送する必要があります では スタート メニューから すべてのプログラム (P) を選択し FFFTP フォルダの FFFTP を立ち上げてください ( 図 38) ( 図 38) suruga2 を選択し 接続 をクリックしてください ( 図 39) ( 図 39) 接続のためのユーザー名とパスワード ( 基盤サービス利用アカウントとパスワード ) を入力します 一旦接続を切ってしまった場合などは ユーザー名とパスワードの再入力が必要になります ( 図 40) ( 図 40) 正しく接続できると 転送先にあるファイル名 フォルダ名 ( ディレクトリ名 ) が表示されます 画面の左側が使用しているローカルパソコン 右側がサーバーになります ( 図 41) 自分の ID 現在使用している PC 側のファイル等が表示される サーバー側のファイル等が表示される ( 図 41) 18

19 PC 側を USB メモリ ( この場合は F ドライブ ) に指定し ページを保存した local_html フォルダをクリックして選択し アップロードボタンを押すとアップロードが開始されます ファイルを直接ドラッグ & ドロップしてもアップロードは可能です ( 図 42) アップロード ボタン F ドライブ (USB メモリ ) を選択し ページを保存した local_html フォルダ アップロード ボタンを順にクリックする ( 図 42) サーバー側に local_html フォルダがない場合は自動的に作成されます すでにサーバー側に local_html ディレクトリがある場合は 上書きされてしまいますので 必要に応じてサーバー側のフォルダの名前を変更してからアップロードしてください 以上で転送は終了しました 切断 ボタンをクリックして FFFTP を終了してください ( 図 43) ( 図 43) ブラウザ ( インターネットエクスププローラーかネットスケープナビゲーター ) を立ち上げて 基盤サービス利用アカウント / にアクセスしてみてください 作成したページが表示されたでしょうか 最後に ホームページ ビルダーなど 起動しているソフトウェアを終了してください また 以下の事項にも注意してください USB メモリなどが PC に残ったままになっていないか? パソコンをシャットダウンしたか? 19

20 付録 A. 文字の書式の変更 文中の文字の色や大きさ 形を変更したい場合は 以下の手順で行います 変更したい文字列をドラッグして選択します ( 図 44) ( 図 44) このとき 枠 は段落全体にかかっているので 右クリックをして表示されるメニューの 属性の変更 (A) を選択すると 段落 に対しての属性が変更になってしまい 文字の色や形状の変更はできません よって 文字列の選択後 書式 (O) メニューを開き 指定したい内容を選択します 指定できる内容は以下の通りです ( 図 45) 主な項目 フォント(F) 文字飾り(M) 位置揃え(A) 指定できる内容 文字の色 大きさ 形状 ( 太字 斜体など ) 太字 斜体 下線付などの指示 右寄せ 左寄せ センタリングの指示 ( 図 45) ここで フォント (F) を選択し フォント ウィンドウ上 ( 図 46) で色を赤 サイズを +2 と指定すると 20 ( 図 46)

21 このようになります ( 図 47) ( 図 47) これを再度変更したい場合は 変更部分をドラッグすると その部分だけに 枠 が表示されるので 右クリックで表示されるメニューから 属性の変更 (A) を選択してください ( 図 48) A ( 図 48) なお 書式 (O) メニューを開かずに ツールバーのボタンを用いて書式を変更することも可能です 左から 太字 斜体 打ち消し線 を設定するボタン ( 打ち消し線は かんたん モードでは表示されない場合があります ) 左から 文字サイズ拡大 文字サイズ縮小 フォント ( 大きさ 色 形状など ) の変更 を行うボタン 左から 左揃え 中央揃え 右揃え を指示するボタン 文字の大きさの指定について 文字の大きさは 1~7 までの数字 あるいは -2~+4 の割合で指示します 特に指示がない場合 文字の大きさは 3(0) になります ただし 大きさの違いは実際にブラウザで表示しないとわかりませんので 注意してください B. リンクの設定 (URL で指定 ) リンク先にインターネット上の別のサイトを指定する場合は 文字列をドラッグして右クリックし リンクの挿入 (L) を選択したあと 属性 ウィンドウで URL へ タブを選択し リンク先の指定をしてください ( 図 49) ( ナビメニューの リンクの挿入 からでも設定できます ) ( 図 49) 21

22 C. 表の作成 表の作成は 表 (A) メニューの 表の挿入 (B) を選択する あるいは 表の挿入 ボタンをクリックします ( 表の挿入 ボタンは かんたん モードでは表示されません )( 図 50) ( 図 50) 表の挿入 ウィンドウが表示されますので ここで行数 列数を指定して OK をクリックしてください ( 図 51) ( 図 51) カーソル位置に四角い枠が指定した数だけ表示されます あとは この枠をクリックし 文字などを埋めていけば 表ができあがります ( 図 52) ( 図 52) 22

23 D.FFFTP でのサーバー側のファイル操作 (1) ファイルの削除 たとえば転送の際にフォルダごと転送した場合 フォルダ内のすべてのファイルが転送されるので ホームページ ビルダーが作成したバックアップ用ファイル ***.bak. といった不要なファイルも転送されてしまいます これらを削除したい場合は 不要なファイルを右クリックし 削除 を選択し ファイル名を確認のうえ はい (Y) をクリックしてください ( 図 53) サーバー側 (2) フォルダの作成 ( 図 53) サーバー側にフォルダを作成する場合は FFFTP のサーバー側で右クリックし 表示されるメニューから フォルダ作成 (K) を選択し 名前を指定して OK をクリックしてください ( 図 54) ( フォルダ作成 ボタンをクリックしても作成できます ) サーバー側 ( 図 54) 23

24 E.FTP ツールによるファイル転送 ホームページ ビルダーに付属している FTP ツールを使用したファイル転送の手順は以下のとおりです ホームページ ビルダーの ツール メニューから FTP ツールの起動 (F) を選択します ( 図 55) ( 図 55) ファイル転送設定 ウィンドウが表示されたら 以下を入力します ( 図 56) サーバープロファイル名 任意の名前 プロバイダの選択 選択不要 指示をするなら その他 を選択します FTP サーバー名 (S) suruga2 FTP アカウント名 (U) 自分の基盤サービス利用アカウント FTP パスワード (P) なにも入力しないあるいは自分のパスワードを入力する ここで入力しない場合 接続を始めたときにパスワードをきかれるので そのときに入力する 任意の名前 選択不要 suruga2 を指定 自分の ID 入力不要 ( 図 56) 24

25 OK をクリックし 接続 ボタンをクリックし 次いでパスワードを入力します ( 図 57) サーバープロファイル名 サーバーとの接続または切断 サーバープロファイル名 FTP サーバー名 ( 図 57) 左側には PC のファイルやフォルダが表示されるので 必要なものを選択し 上向き矢印をクリックすれば それがサーバーに転送されます ( 図 58) 必要なファイルを選択し 転送ボタンをクリックする ( 図 58) 終わったら 切断 ボタンをクリックして終了してください ( 図 59) ( 図 59) 25

26 F. ロゴの作成 ロゴ は以下の手順で作成できます ロゴを入れたい箇所にカーソルを移動します ( 図 60) ( 図 60) 画面左側 ナビメニュー タブの ロゴ ( 飾り文字 ) の挿入 から ロゴ ( 飾り文字 ) をクリックします ( 図 61) ( 図 61) ロゴの作成 ウィンドウが表示されるので 文字列 サイズ 形状等を入力してください ( 図 62) ( 図 62) 完了 ボタンをクリックすると カーソル位置にロゴが入ります ( 図 63) ( 図 63) 26

ホームページの作り方 講習会テキスト

ホームページの作り方 講習会テキスト ホームページ作成ソフト ( ホームページ ビルダー ) 講習会テキスト 2014 年 4 月 1 日版 明治大学メディア支援事務室 目次 目次... 2 --- 本テキストについて ---... 2 1. 概要... 3 1.1 ページ公開の仕組み... 3 1.2 HTML とタグ... 4 2. コンテンツ ( 素材 ) の作成... 4 2.1 準備... 4 2.2 ホームページ ビルダー

More information

目次 1. ホームページ公開のしくみ... J3 2. ホームページ公開直前チェックリスト... J4 3. FTP クライアント について... J5 4. 公開の方法その1: ホームページ ビルダー 16 を使う... J6 5. 公開の方法その2: FFFTP を使う... J8 6. トラブ

目次 1. ホームページ公開のしくみ... J3 2. ホームページ公開直前チェックリスト... J4 3. FTP クライアント について... J5 4. 公開の方法その1: ホームページ ビルダー 16 を使う... J6 5. 公開の方法その2: FFFTP を使う... J8 6. トラブ ホームページ アップロード編 ( ホームページ ビルダー 16 /FFFTP) 明治大学 教育の情報化推進本部 ( 和泉 ) J1 目次 1. ホームページ公開のしくみ... J3 2. ホームページ公開直前チェックリスト... J4 3. FTP クライアント について... J5 4. 公開の方法その1: ホームページ ビルダー 16 を使う... J6 5. 公開の方法その2: FFFTP を使う...

More information

< F2D837A815B B835789DB91E882542E6A746463>

< F2D837A815B B835789DB91E882542E6A746463> ホームページ作成 ( 題材 : 学校 ) ホームページ ビルダー 10 対応 作成例 フォルダ名 : school 1ページ目 ( index ) 2ページ目 ( 行事紹介 ) index.html [ 挿入 ]-[ ロゴ ] gyouji.html 3 ページ目 ( 写真集 ) [ 挿入 ]- [ 画像の効果 ]-[ アルバム ] [ 挿入 ]- [ 画像の効果 ]-[ サムネイル ] photo.html

More information

ホームページの作り方 講習会テキスト

ホームページの作り方 講習会テキスト ホームページの 作 り 方 2008 年 5 月 更 新 明 治 大 学 講 習 の 前 に この 講 習 は ホームページ ビルダー10 を 利 用 してホームページを 作 成 し 駿 河 台 地 区 設 置 の WWW サー バーで 公 開 する 手 順 を 実 習 する 講 習 です( 注 1 最 新 のバージョンと 異 なる 場 合 もあります) 講 習 では2つ ページを 作 成 します

More information

スライド 1

スライド 1 ホームページ作成 ~ ホームページ ビルダーを使って ~ 1. ホームページ ビルダーを開く 1デスクトップにあるホームページ ビルダーのアイコンをダブルクリックして起動する 1 1 2 3 4 1 メニューバー 2 かんたんナビバー 3 ツールバー 4 ナビメニュー 2 2 一度サイトを作成した後は サイトを開く リックすることによりサイトを開くことができます をク 3 学校ホームページを編集する際

More information

目次 1. ホームページ公開のしくみ ホームページ公開直前チェックリスト FTP クライアント について アップロード 方法その1: ホームページ ビルダー 19 のファイル転送ツールを使う 方法その2: FFF

目次 1. ホームページ公開のしくみ ホームページ公開直前チェックリスト FTP クライアント について アップロード 方法その1: ホームページ ビルダー 19 のファイル転送ツールを使う 方法その2: FFF ホームページ アップロード編 ( ホームページ ビルダー 19 /FFFTP) 明治大学 教育の情報化推進本部 ( 和泉 ) 2017 1 目次 1. ホームページ公開のしくみ... 3 2. ホームページ公開直前チェックリスト... 4 3. FTP クライアント について... 5 4. アップロード... 6 4.1. 方法その1: ホームページ ビルダー 19 のファイル転送ツールを使う...

More information

<4D F736F F D208CC2906C A815B B CC8EE888F882AB2E646F63>

<4D F736F F D208CC2906C A815B B CC8EE888F882AB2E646F63> 個人用ホームページ利用の手引き 目次 はじめに... - 2 - はじめに... - 2 - 個人用ホームページ URL( アドレス ) について... - 2 - FTP によるホームページ更新... - 3 - サーバへ接続する... - 3 - 自分のフォルダへ移動する... - 4 - 転送するファイルを表示する... - 5 - ファイル転送の操作方法... - 6 - ファイルを転送する

More information

ホームページ 作成編                                                              (ホームページ・ビルダー19)

ホームページ 作成編                                                              (ホームページ・ビルダー19) ホームページ作成編 ( ホームページ ビルダー 19) 明治大学教育の情報化推進本部 ( 和泉 ) 目次 ホームページ作成編 ( ホームページ ビルダー 19) 1. はじめに... 2 1.1. この講習会でマスターすること... 2 1.2. ホームページの作り方... 2 1.3. HTML とタグ... 3 1.4. ページ公開の仕組み... 4 1.5. ホームページ ビルダー 19 の紹介...

More information

ホームページ公開方法

ホームページ公開方法 ホームページ公開方法 1 公開するページの作成... 1 2 サーバー上にホームページ公開用ディレクトリを作成する... 3 3 公開するファイルをサーバーにアップロードする... 5 4 ホームページ公開申請 ( 学内公開の場合は不要 )... 9 5 確認方法... 11 6 ホームページなど情報公開する上での注意... 12 1 公開するページの作成 ホームページのデータは 一般的に HTML(Hyper

More information

第21章 表計算

第21章 表計算 第 3 部 第 3 章 Web サイトの作成 3.3.1 WEB ページ作成ソフト Dreamweaver の基本操作 Web ページは HTML CSS という言語で作成されており これらは一般的なテキストエディタで作成できるのが特徴ですが その入 力 編集は時に煩雑なものです そこで それらの入力 編集作業など Web ページの作成を補助するソフトウェアである Dreamweaver の使い方について解説していきます

More information

目次 1. ログイン ログアウト デスクトップ ( 例 :Word Excel 起動中 ) Dock( 例 :Word Excel 起動中 ) Finder ウィンドウ メニューバー ( 例 :Word 起動中 )...

目次 1. ログイン ログアウト デスクトップ ( 例 :Word Excel 起動中 ) Dock( 例 :Word Excel 起動中 ) Finder ウィンドウ メニューバー ( 例 :Word 起動中 )... 2017 年 9 月 19 日 目次 1. ログイン... 1 2. ログアウト... 3 3. デスクトップ ( 例 :Word Excel 起動中 )... 4 4. Dock( 例 :Word Excel 起動中 )... 5 5. Finder ウィンドウ... 9 6. メニューバー ( 例 :Word 起動中 )... 10 7. 文字の入力 ( 例 :Word で入力 )... 11

More information

更新履歴 変更履歴 版数 リリース日 更新内容 第 1 版 2017/5/15 第 1 版発行 第 2 版 2017/7/13 更新履歴 変更内容を追加 (2ページ) 編集の前に を追加(8 ページ ) ブロックエディタ スマートモード エディタモード の説明を追加 (10~12 ページ ) ブロッ

更新履歴 変更履歴 版数 リリース日 更新内容 第 1 版 2017/5/15 第 1 版発行 第 2 版 2017/7/13 更新履歴 変更内容を追加 (2ページ) 編集の前に を追加(8 ページ ) ブロックエディタ スマートモード エディタモード の説明を追加 (10~12 ページ ) ブロッ 使い方ガイド 第 4 版 ログインする~サイト編集画面を開く... 3 テンプレートを選ぶ ~ 編集モードを選択する... 4 編集画面の見かた... 6 編集の前に... 8 テキストを変える... 9 ブロックの編集画面 ( スマートモード )... 10 ブロックの編集画面 ( エディタモード )... 11 スマートモードからエディタモードへ変更... 12 ブロックの複製 移動 削除など...

More information

Microsoft Word A02

Microsoft Word A02 1 / 10 ページ キャリアアップコンピューティング 第 2 講 [ 全 15 講 ] 2018 年度 2 / 10 ページ 第 2 講ビジネスドキュメントの基本 2-1 Word の起動 画面構成 Word を起動し 各部の名称と機能を確認してみましょう 2 1 3 6 4 5 名称 機能 1 タイトルバー アプリケーション名とファイル名が表示されます 2 クイックアクセスツールバー よく使うコマンドを登録できます

More information

Microsoft Word - macマニュアル【 】.doc

Microsoft Word - macマニュアル【 】.doc 目次 1. ログイン... 1 2. ログアウト... 3 3. デスクトップ ( 例 :Word Excel 起動中 )... 4 4. Dock( 例 :Word Excel 起動中 )... 5 5. Finder ウィンドウ... 9 6. メニューバー ( 例 :Word 起動中 )... 10 7. 文字の入力 ( 例 :Word で入力 )... 11 8. データの保存 ( 例 :Word

More information

ホームページの作り方 講習会テキスト

ホームページの作り方 講習会テキスト ホームページ講習会 テキスト 明治大学教育の情報化推進本部 2018 年 9 月版 1. 概要... 1 1.1. ページ公開のしくみ... 1 1.2. HTML とタグ... 3 2. コンテンツ ( 素材 ) の作成... 4 2.1. 準備... 4 2.2. ホームページ ビルダー 21 の起動... 6 2.3. 新たにページを作成する... 8 2.4. 文字の入力 ( 見出しの作成

More information

Microsoft Word - ニュース更新システム(サイト用).docx

Microsoft Word - ニュース更新システム(サイト用).docx 1. ニュース更新システム 1.1. 記事情報管理 1.1.1. ニュース更新システムへのログイン ニュース更新システム用の ログイン ID とパスワードで ログインしてください 1 1.1.2. 新しい記事 1.1.2.1. 追加 新しく記事を追加します 記事情報管理画面 ここをクリック ( 次ページへ ) 2 1.1.2.2. 作成 記事内容を作成します 記事情報編集画面 ➀ ➁ ➂ ➃ 必須

More information

共済会_Kねっと利用マニュアル(2018).indd

共済会_Kねっと利用マニュアル(2018).indd ~ K ねっとシステム利用マニュアル ~ ご注意 この冊子にはインターネット上で職員会員に関するデータを取り扱うための設定や操作方法等が記載されています 別紙 WEB 方式利用通知 とあわせて厳重に管理及び保管をしてください 2018.9 改訂 目次 Ⅰ.K ねっと概要 1 Ⅱ.K ねっとへの接続方法 ( ログイン ) 1 Ⅲ. 操作方法 1. ファイルのダウンロード ( 俸給等報告データの 取得

More information

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ

(3) 本文を書く 実際にページを開いたときに表示される本文を書いてみましょう から の間に書きます <html > <head > <title > 武のホームページ </title > </head > </html > (4) ページを保存する ここで一度ページを保存してみましょう テキストエ 1. はじめの準備 (1) フォルダの作成 ホームページ作成の基礎 これから作るホームページのデータを ホームページ用 として保存 ( 保管 ) するフォルダを作成します ホームページで使う作成したファイル画像 写真 音楽などファイルは すべて同じフォルダに保存します デスクトップやマイドキュメントの中 ( 任意 ) で 右クリック 新規作成 (N) フォルダ (F) で新しいフォルダができます (

More information

「旅日記」

「旅日記」 IBM ホームページ ビルダー Vo.15 旅日記 サムネイル でアルバム作成 2015/03/01 [ 文書の要約をここに入力してください 要約は一般に 文書の内容を短くまとめたものです 文書の要約をここに入力してください 要約は一般に 文書の内容を短くまとめたものです ] 目 次 1 ホームページ ビルダーの起動とフ 1 ォルダの作成 1 保存フォルダの作成 1 2 スタートからの起動 2 3

More information

20180308森の日県南支部 林

20180308森の日県南支部 林 NPO 法人いきいきネットとくしま第 116 回定例勉強会 森の日県南 平成 30 年 3 月 8 日担当 : 林暁子 PowerPoint を 学習やコミニケーション 生活の困難を助け楽しめるツールとして活用していきたいと思います 今回の学習は PowerPoint のハイパーリンクを利用して 問題の答えが合ってれば 〇 が表視されて次の問題に進む 間違っていれば が表示されて同じ問題に もう一度挑戦!

More information

設定をクリックしてください 初期設定をクリックします

設定をクリックしてください 初期設定をクリックします メルブロライターをこちらよりダウンロードしてください http://flowed8.s6.coreserver.jp/meruburo0624.zip ファイルを開いてクリックします 設定をクリックしてください 初期設定をクリックします フォルダ初期設定にタブが付いていますので 赤枠の参照をクリックします メルブロライター ( もしくはメルブロライター有料版 ) のフォルダをクリックします ブログ情報をクリックして

More information

Microsoft Word - 1_基本編-1章

Microsoft Word - 1_基本編-1章 第 4 章 ホームディレクトリの使い方 自分のためのデータの保存場所 それが ホームディレクトリ です 大学のパソコン教室に V-Campus ID でログインするとホームディレクトリにアクセスできます また 学外からもアクセスできるので 自宅と大学でデータを活用する場所としても利用できます この章では ホームディレクトリの機能と使い方を説明します 57 4-1 ホームディレクトリの使い方 ホームディレクトリとは

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション Seijo.Tokyo のコンテンツ作成 管理方法基本編 大江将史 初版 2017.7.3 2 版 2017.7.10 seijo.tokyo 1 コンテンツ作成 管理のイメージ コンテンツとは サイト上で作成する文章やイメージ リンクなどで構成されるもの 複数のコンテンツを組み合わせて seijo.tokyo という WEB サイト が作られている コンテンツは サイト上で ログイン をしなければ

More information

スライド 1

スライド 1 操作マニュアル 1 ブログ作成 目次 はじめに ログイン方法 P2 コンテンツ一覧画面 P3 新しい記事を書く P4 本文入力エリアの説明 P5 画像をアップする P6.7 カテゴリ機能の説明 P8 リンクの貼り方 P9 動画の貼り方 P10 ブログの公開 P11 ブログの一覧画面 P12 2 フラッシュ フラッシュの編集 P13.14 3 その他 サイトの表示がおかしい P15 画像サイズについて

More information

地域ポータルサイト「こむねっと ひろしま」

地域ポータルサイト「こむねっと ひろしま」 5.1. エディタとは? NetCommons の全モジュールで共通する編集画面です 5.2. 通常のエディタの使い方 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (12) (13) (14) (15) (16) (17)(18) (19) (20) (21) (22) (23) (24) (1) 書式設定左から フォント サイズ スタイル を設定するためのプルダウンメニューです

More information

すると メインメニューと呼ばれる DC さくらのメインウィンドウ部が表示されます ( 下の画面がスクリーンシ ョットです ) メインメニューは ウィンドウ右上の ボタンを押すと閉じます リスト内のアイテムは ダウンロードのタスクを表します ダウンロード状況を把握できます メニュー項目やボタンの説明は

すると メインメニューと呼ばれる DC さくらのメインウィンドウ部が表示されます ( 下の画面がスクリーンシ ョットです ) メインメニューは ウィンドウ右上の ボタンを押すと閉じます リスト内のアイテムは ダウンロードのタスクを表します ダウンロード状況を把握できます メニュー項目やボタンの説明は DC さくらの画面構成 DC さくらが起動している間は デスクトップ右下のタスクトレイに DC さくらのアイコンが表示されます この DC さくらのアイコンを右クリックしてください ( 下の図はスクリーンショットです ) この青色のアイコンが DC さくらのアイコンです DCさくらのアイコンを右クリックすると 以下の図のような操作メニューが表示されます メニュー項目には 操作を行うための各コマンドが配置されております

More information

目次 新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう

目次 新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう 雛形サイト作成ツールの ご利用マニュアル 1 目次 新規ユーザー登録... 3 初期設定... 6 (1) 特定商取引法に基づくページのURLを設定する... 7 (2) コンバージョン測定タグを設定する... 7 サイトを作成してみよう... 10 2 新規ユーザー登録 1 まず 以下の URL から新規ユーザー登録をお願いします 新規ユーザー登録フォーム http://r3-sys.com/tool/site/register

More information

引き算アフィリ ASP 登録用の日記サイトを 作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1

引き算アフィリ ASP 登録用の日記サイトを 作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1 引き算アフィリ ASP 登録用の日記サイトを 作成しよう 1 目次 ASP 登録用の日記サイトを作成しよう... 3 日記サイト作成時のポイント... 4 (1) 子ページを5ページ分作成する... 5 (2)1 記事当たり600 文字以上書く... 6 (3) アップロードする場所はドメインのトップが理想... 7 日記サイトを作成しよう... 8 日記サイト用テンプレートをダウンロードする...

More information

Ⅴ ブラウザーの使い方 V. ブラウザーの使い方 起動 終了 画面説明 ホームページ移動 リンクを使って移動 アドレスバーからの移動 ボタンでの移動

Ⅴ ブラウザーの使い方 V. ブラウザーの使い方 起動 終了 画面説明 ホームページ移動 リンクを使って移動 アドレスバーからの移動 ボタンでの移動 V. ブラウザーの使い方... 45 1. 起動... 45 2. 終了... 45 3. 画面説明... 46 4. ホームページ移動... 47 4-1 リンクを使って移動... 47 4-2 アドレスバーからの移動... 47 4-3 ボタンでの移動... 47 5. ホームページ検索... 48 5-1 e-キャンパスセンターのホームページから検索... 48 5-2 アドレスバー/Google

More information

SILAND.JP テンプレート集

SILAND.JP テンプレート集 SILAND.JP のテンプレートを使った操作マニュアルの作成方法について スタイルの設定を使った文書作成 第 1 版 作成者しら 作成日 2014 年 2 月 21 日 最終更新日 2014 年 2 月 21 日 1 / 15 ダウンロードはこちら http://siland.jp/ 目次 SILAND.JP のテンプレートを使った操作マニュアルの作成方法について... 1 目次... 2 テンプレートのダウンロードについて...

More information

目次 Ⅰ. はじめに 1. 店舗ページの説明 2. 編集画面へのログイン 3. 編集画面メニューの説明 Ⅱ. 情報の編集方法 1. 編集の大まかな流れ 2. PR 情報の編集方法 1) PR 情報編集画面の表示 2) 文章の変更方法 3. 店舗情報の編集方法 1) PCに画像を準備する方法 2) 店

目次 Ⅰ. はじめに 1. 店舗ページの説明 2. 編集画面へのログイン 3. 編集画面メニューの説明 Ⅱ. 情報の編集方法 1. 編集の大まかな流れ 2. PR 情報の編集方法 1) PR 情報編集画面の表示 2) 文章の変更方法 3. 店舗情報の編集方法 1) PCに画像を準備する方法 2) 店 表町ホームページ加盟店 TOP ページ編集の説明 1 ページ 目次 Ⅰ. はじめに 1. 店舗ページの説明 2. 編集画面へのログイン 3. 編集画面メニューの説明 Ⅱ. 情報の編集方法 1. 編集の大まかな流れ 2. PR 情報の編集方法 1) PR 情報編集画面の表示 2) 文章の変更方法 3. 店舗情報の編集方法 1) PCに画像を準備する方法 2) 店舗情報編集画面の表示 3) 画像を貼り付ける方法

More information

情報処理

情報処理 情報処理 第 14 回 今日の内容 練習用ファイルのダウンロード効率の良い操作 コンテキストメニュー ショートカットキー Alt キーを使ったリボン操作 主なショートカットキー 今日の内容 アプリケーション間のコピーと貼り付け ホームページ上の文章 Word 等 ホームページ上の画像 Word 等 Excelの表 Word 等 Excelの表をWordに埋め込み Wordの表 Excel ExcelのグラフをWordに埋め込み

More information

ふれんずらくらく流通図面マニュアル

ふれんずらくらく流通図面マニュアル 取扱説明書 Ver 2.0 (1) ふれんず物件情報から簡単作成 (2) たくさんのテンプレートから選択可能 (3) 自由なレイアウト (4) ソフトウェアのダウンロード (5) ソフトウェアのインストール (6) はじめてご利用する時 (7) メニュー画面 (8) 流通図面の新規作成 (9) 流通図面の編集画面 (10) 項目エリアの編集 (11) フリーエリアの編集 (11-1) 画像ツール (11-2)

More information

この操作説明書は 中央学院大学 ( 以下 本学 という ) の組織 団体 学生 教職員が本学内に設置してある Web サーバに FTP ソフト ( 名称 :FFFTP) を使用して ファイル ( データ ) のアップロード ( 転送 ) 及びダウンロード ( 保存 ) 手順について説明したものです

この操作説明書は 中央学院大学 ( 以下 本学 という ) の組織 団体 学生 教職員が本学内に設置してある Web サーバに FTP ソフト ( 名称 :FFFTP) を使用して ファイル ( データ ) のアップロード ( 転送 ) 及びダウンロード ( 保存 ) 手順について説明したものです FTP ソフト (FFFTP) 操作説明書 作成 : 中央学院大学情報メディア課 2010 年 11 月更新 この操作説明書は 中央学院大学 ( 以下 本学 という ) の組織 団体 学生 教職員が本学内に設置してある Web サーバに FTP ソフト ( 名称 :FFFTP) を使用して ファイル ( データ ) のアップロード ( 転送 ) 及びダウンロード ( 保存 ) 手順について説明したものです

More information

PowerPoint2003基礎編

PowerPoint2003基礎編 はじめに 1 PowerPoint の概要 2 1 PowerPoint とは 2 2 プレゼンテーションとは 2 3 PowerPoint でできること 3 4 プレゼンテーション作成の流れ 4 5 PowerPoint の起動 5 6 PowerPoint の画面 6 7 作業ウィンドウを閉じる 8 8 ツールバーを 2 行にしたい時は 9 第 1 章新しいプレゼンテーションを作ろう 1 レッスン

More information

このうち ツールバーが表示されていないときは メニューバーから [ 表示 (V)] [ ツールバー (T)] の [ 標準のボタン (S)] [ アドレスバー (A)] と [ ツールバーを固定する (B)] をクリックしてチェックを付けておくとよい また ツールバーはユーザ ( 利用者 ) が変更

このうち ツールバーが表示されていないときは メニューバーから [ 表示 (V)] [ ツールバー (T)] の [ 標準のボタン (S)] [ アドレスバー (A)] と [ ツールバーを固定する (B)] をクリックしてチェックを付けておくとよい また ツールバーはユーザ ( 利用者 ) が変更 ファイル操作 アプリケーションソフトウェアなどで作成したデータはディスクにファイルとして保存される そのファイルに関してコピーや削除などの基本的な操作について実習する また ファイルを整理するためのフォルダの作成などの実習をする (A) ファイル名 ファイル名はデータなどのファイルをディスクに保存しておくときに付ける名前である データファイルはどんどん増えていくので 何のデータであるのかわかりやすいファイル名を付けるようにする

More information

V.ブラウザの使い方

V.ブラウザの使い方 V. ブラウザーの使い方 Windows ブラウザーとは インターネット上のホームページを閲覧するためのソフトウェアのことです ブラウザーはインターネットから HTML ファイルや画像ファイル 音楽ファイルなどをダウンロードし レイアウトを解析して表示 再生します パソコン教室には Internet Explorer Firefox Chrome の 3 種類のブラウザーをインストールしてあります

More information

4. [ 画像に関する機能 ] 画像に関する機能としては 大別して [ 画像の [ 挿入 ] に関する機能 ] と [ 画像の [ 編集 ] に関する機能 ] があります [ ウエブアートデザイナー ] による機能 [ 画像の挿入 ] [ 編集 ] [ 写真 ] を選択して 画面の指示に従って進める

4. [ 画像に関する機能 ] 画像に関する機能としては 大別して [ 画像の [ 挿入 ] に関する機能 ] と [ 画像の [ 編集 ] に関する機能 ] があります [ ウエブアートデザイナー ] による機能 [ 画像の挿入 ] [ 編集 ] [ 写真 ] を選択して 画面の指示に従って進める ホームページ復習ノート No 40 2008.03.04 日 [ ホームページビルダーでおぼえておきたい基本的ポイント ] ホームページビルダーには多様な機能があり 操作方法も幾通りかあります これらの機能の中には実用性のないものも多くあり すべてをマスターする必要性はありません これらの中から ご自分のページ作成に必要なものだけを選んで身に付ける事も大切です このノートは [ ホームページビルダーでおぼえておきたい基本的ポイント

More information

使用上のご注意 本ソフトウェアを使用している場合は 管理者権限のユーザーアカウントが必要です 本ソフトの利用には ADSL FTTH CATV などのブロードバンド接続が必要です 本書のマーク このマークの欄は ご注意いただく内容です このマークの欄は 補足説明の内容です

使用上のご注意 本ソフトウェアを使用している場合は 管理者権限のユーザーアカウントが必要です 本ソフトの利用には ADSL FTTH CATV などのブロードバンド接続が必要です 本書のマーク このマークの欄は ご注意いただく内容です このマークの欄は 補足説明の内容です welcome! Windows Vista Service Pack 2 Windows Vista/7 OS SiteCreation2 SoftBank SELECTION 使用上のご注意 本ソフトウェアを使用している場合は 管理者権限のユーザーアカウントが必要です 本ソフトの利用には ADSL FTTH CATV などのブロードバンド接続が必要です 本書のマーク このマークの欄は ご注意いただく内容です

More information

「MT-3_2-ja

「MT-3_2-ja MT-3_2-ja.zip の解凍 Movable type 3.2 の設置方法 入手した MT-3_2-ja.zip を解凍します 解凍ソフトは zip 形式の解凍に対応したソフトをご利用ください 設定ファイル mt-config.cgi の編集 設定ファイル mt-config.cgi の編集作業は お客様の独自ドメインのサーバ上で MovableType を動かすために必要な作業です mt-config.cgi

More information

Microsoft Word - NEWSマニュアル docx

Microsoft Word - NEWSマニュアル docx 簡易ホームページ作成システムマニュアル NEWS ナガノ イージー ウェブ システム ( 簡易ホームページ作成システム ) Created by Yok 2012. 1.4 この NEWSナガノ イージー ウェブ システム は 今までのように学校ホームページを作成するにあたり ホームページ作成アプリケーションでファイルを作成し FTPツールでサーバにアップロードするといった面倒な操作がいっさいなく

More information

Word編2 宛先の氏名を入力する職人編宛名を入力するための画面が表示されます 姓と名の間にスペースを入れて氏名を入力します ボタンをクリックして敬称を選びます [ 連名 情報 ] タブをクリックします 必要に応じて [ 名前 ] 欄をクリックして連名を入力します 3 宛先の住所を入力する [ 自宅

Word編2 宛先の氏名を入力する職人編宛名を入力するための画面が表示されます 姓と名の間にスペースを入れて氏名を入力します ボタンをクリックして敬称を選びます [ 連名 情報 ] タブをクリックします 必要に応じて [ 名前 ] 欄をクリックして連名を入力します 3 宛先の住所を入力する [ 自宅 Word編筆王編筆ぐるめ編筆まめ編宛名職人40 かんたん年賀状素材集 2011 年版 for Windows 宛名面を作成 印刷しよう 筆まめ Ver.21/Ver.20 ( 以下 筆まめ ) を使って宛名面の印刷を行います 筆まめには 宛名面 を作成するための便利な住所録機能が用意されていますので 画面の指示に従って入力するだけで 郵便番号 住所 宛名などの情報が はがき宛名面の所定の位置にレイアウトされます

More information

ホームページ・ビルダー16

ホームページ・ビルダー16 Part 2 テンプレートからページを作る (3) Part 2-3 テンプレートを使ってページを作ろう テンプレートを利用してホームページを作りましょう テンプレートを利用すると 文字や画像を差し替えるだけで魅力的で華やかなページを作ることができます 特にフル CSS テンプレートを利用して作ったページは ページのデザインやレイアウトをスタイルシートで管理しているため あとから簡単にデザインやレイアウトの変更ができます

More information

教材ドットコムオリジナル教材 0から始めるiアプリ (3) 0 から始める i アプリ (3) i アプリを作れるようになったならば次は公開です i アプリでは前述したように たとえエミュレータで動作確認ができたからといって実機のテストを怠ってはいけません 実機での処理速度 発色 プログラム等の耐性

教材ドットコムオリジナル教材 0から始めるiアプリ (3) 0 から始める i アプリ (3) i アプリを作れるようになったならば次は公開です i アプリでは前述したように たとえエミュレータで動作確認ができたからといって実機のテストを怠ってはいけません 実機での処理速度 発色 プログラム等の耐性 教材ドットコムオリジナル教材 0から始めるiアプリ (3) 0 から始める i アプリ (3) i アプリを作れるようになったならば次は公開です i アプリでは前述したように たとえエミュレータで動作確認ができたからといって実機のテストを怠ってはいけません 実機での処理速度 発色 プログラム等の耐性をチェックしなければなりません 実機でのテストでは外部のサーバーに接続して 各ファイルをアップロードしなくてはなりません

More information

製品を使う前に基本操作インターネットアプリケーション Q&A 付録 Web Internet Explorer の使い方 1 Web Web Windows Internet Explorer Web Internet Explorer Internet Explorer を ❶ 起動する Inte

製品を使う前に基本操作インターネットアプリケーション Q&A 付録 Web Internet Explorer の使い方 1 Web Web Windows Internet Explorer Web Internet Explorer Internet Explorer を ❶ 起動する Inte 製品を使う前に基本操作インターネットアプリケーション Q&A 付録 Web Internet Explorer の使い方 1 Web Web Windows Internet Explorer Web Internet Explorer Internet Explorer を 起動する Internet Explorer Web URL Web Internet Explorer が 起動する Internet

More information

Microsoft Word - P doc

Microsoft Word - P doc はじめに...1 PowerPoint の概要 2 1 PowerPoint とは 2 2 プレゼンテーションとは 2 3 PowerPoint でできること 3 4 プレゼンテーション作成の流れ 4 5 PowerPoint の起動 5 6 PowerPoint の画面 6 7 作業ウィンドウを閉じる 8 8 ツールバーを 2 行にしたい時は 9 第 1 章新しいプレゼンテーションを作ろう...1

More information

FutureWeb3 Web Presence Builderマニュアル

FutureWeb3 Web Presence Builderマニュアル FutureWeb3 Web Presence Builder マニュアル Vol.002 目次 目次... 2 ごあいさつ... 3 Web Presence Builder について... 4 Web Presence Builder の起動方法... 6 ホームページ ( サイト ) を作成する... 7 画面説明... 9 デザインを変更する... 10 デザインテンプレートを変更する...

More information

page1.doc

page1.doc ホームページの作成 用テキスト ホームページ作成入門 抜粋改訂編 http://washio.takada-jc.ac.jp/koukai/koukai2005/web-text/index.html Copyrightc 2005 washio@takada-jc.ac.jp 目次 1 ビルダーの基本 2 リンク ローカルリンク 文字 画像 ハイパーリンク ラベルリンク 3 画像の取り扱い ロールオーバー

More information

取引上手くん 9 のインストール時にエラーが表示される際の対処法 ~Windows8 Windows8.1~ 本ドキュメントは Windows8/8.1 のパソコンにおいて 取引上手くん 9 のインストールが正常にできなかった場合の対処 法をまとめたものです なお インストールの手順そのものにつきま

取引上手くん 9 のインストール時にエラーが表示される際の対処法 ~Windows8 Windows8.1~ 本ドキュメントは Windows8/8.1 のパソコンにおいて 取引上手くん 9 のインストールが正常にできなかった場合の対処 法をまとめたものです なお インストールの手順そのものにつきま 取引上手くん 9 のインストール時にエラーが表示される際の対処法 ~Windows8 Windows8.1~ 本ドキュメントは Windows8/8.1 のパソコンにおいて 取引上手くん 9 のインストールが正常にできなかった場合の対処 法をまとめたものです なお インストールの手順そのものにつきましては 別ドキュメント ( 取引上手くん 9 のインストール説明書 または about.pdf ) をご覧ください

More information

Taro-02_Web_html自習テキストⅡ.

Taro-02_Web_html自習テキストⅡ. 平成 18 年度 学校 Web ページ作成研修講座 HTML の基礎 Ⅱ ~ メモ帳で Web ページを作ろう!!~ 今回の勉強内容 背景画像の挿入 / 画像の挿入 / BGM の設定 / メールリンクの設定 岩手県立総合教育センター 情報教育室 目 次 1 復習 1 2 背景画像の挿入 2 3 画像の挿入 4 4 BGM の挿入 5 5 メールリンクの設定 6 作業フォルダの準備 作成したファイルを保存するフォルダとして

More information

ホームページ・ビルダー16

ホームページ・ビルダー16 標準時間 90 分 Part 3 白紙からページを作る () Part 3- トップページを作ろう ( ここで学ぶこと ) ホームページの入り口 トップページ を自由に作ってみましょう トップページは 自分のホームページのテー マや内容が明解かつ個性的に伝わるように工夫しましょう ページタイトル設定 背景 / 文字色設定をする 文字入力 文字サイズ / 書式変更をする メイン画像を挿入する メニューボタンを作成する

More information

FTP ウェブコンテンツダウンロード手順書 ver1.0 作成 :KDDI 株式会社 作成日 :2018 年 10 月 31 日

FTP ウェブコンテンツダウンロード手順書 ver1.0 作成 :KDDI 株式会社 作成日 :2018 年 10 月 31 日 FTP ウェブコンテンツダウンロード手順書 ver1.0 作成 :KDDI 株式会社 作成日 :2018 年 10 月 31 日 目次 目次... 2 0. 本書について... 1 1. ダウンロード作業を行う前に... 1 1-1. ダウンロードのタイミングについて... 1 1-2. ダウンロードの注意点について... 1 1-3. 管理者用 ID とパスワードをご用意ください... 2 2.FTP

More information

旅のしおり

旅のしおり ワードでワクワク旅のしおり Word2007 のいろいろな機能を使って楽しい旅のしおり作成に挑戦しましょう! 1. ワード (Word) の起動 2. ページ設定 3. 文字のレイアウト 6. 表のレイアウト 7. ファイルの保存 8. クリップアート挿入 4. セクション区切りの挿入 5. 表の挿入 下記のような 旅のしおり を作成します 1 1. ワード (Word) の起動 [ スタート ]

More information

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. Crescent Eve ホームページ編集ソフト の使い方マニュアル 1 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 2 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 3 COPYRIGHT TempNate. ALL RIGHTS RESERVED. 4 COPYRIGHT TempNate. ALL RIGHTS RESERVED.

More information

目次 1. はじめに - ログインとトップ画面の見方 各種の設定について ログインしましょう トップ画面の見方について ユーザー情報を設定しましょう パスワードを変更しましょう 電子会議室のメール配信設定をしま

目次 1. はじめに - ログインとトップ画面の見方 各種の設定について ログインしましょう トップ画面の見方について ユーザー情報を設定しましょう パスワードを変更しましょう 電子会議室のメール配信設定をしま イーデスク 3 導入マニュアル かんたん操作ガイド http://edesk.jp/ イーデスク 3 利用環境 パソコンで利用する場合 OS Microsoft Windows 2000, XP, Vista Mac OS 10.1.x, 10.2.x 以降 ブラウザ Microsoft Windows の場合 Microsoft Internet Explorer 5.5 SP2 以上 Mozilla

More information

2/10 ページ 対象画像の選択 エルスプローラなどで対象の ( 縮小する ) 画像が入っているフォルダーを開きます 例えば 次の通りです 例では 下のフォルダーから反転しているファイル ( つまり 2006_ JPG ) を縮小するものとします 以下の説明では 対象画像 と呼びます

2/10 ページ 対象画像の選択 エルスプローラなどで対象の ( 縮小する ) 画像が入っているフォルダーを開きます 例えば 次の通りです 例では 下のフォルダーから反転しているファイル ( つまり 2006_ JPG ) を縮小するものとします 以下の説明では 対象画像 と呼びます 画像のサイズ変更 ( 特に縮小 ) 1/10 ページ 写真などの画像をホームページに表示するには その画像をファイルとしてサーバーに保管しておく必要があります しかし サーバーの記憶容量には限りがあることと デジカメ ( 携帯も含む ) の解像度が年々向上していることが理由で 写真をどんどんサーバーに入れることになると すぐに記憶容量を使い尽くすことが経験的にわかっています また ホームページに表示された写真を楽しむような用途では解像度をそれほど高くする必要がないことも経験的にわかっています

More information

ランタイム版 Pro 版共通 症例登録システム 2018/12/11 Q & A 目次 1. 起動時のエラー... 2 Q11. " ファイル jsgoe_data3.fmp12 を開くことができません" と表示されます (Windows) 2 Q12. ショートカットから起動できません (Wind

ランタイム版 Pro 版共通 症例登録システム 2018/12/11 Q & A 目次 1. 起動時のエラー... 2 Q11.  ファイル jsgoe_data3.fmp12 を開くことができません と表示されます (Windows) 2 Q12. ショートカットから起動できません (Wind 症例登録システム 2018/12/11 Q & A 目次 1. 起動時のエラー... 2 Q11. " ファイル jsgoe_data3.fmp12 を開くことができません" と表示されます (Windows) 2 Q12. ショートカットから起動できません (Windows) 3 Q13. このファイルの作成者を確認できません このファイルを実行しますか? と表示されま す (Windows) 4

More information

目次 メールの基本設定内容 2 メールの設定方法 Windows Vista / Windows 7 (Windows Live Mail) Windows 8 / Windows 10 (Mozilla Thunderbird) 3 5 Windows (Outlook 2016) メ

目次 メールの基本設定内容 2 メールの設定方法 Windows Vista / Windows 7 (Windows Live Mail) Windows 8 / Windows 10 (Mozilla Thunderbird) 3 5 Windows (Outlook 2016) メ 2 1: ネットワーク設定手順書 が完了後に行ってください 170912 鏡野町有線テレビ 各種設定手順書 この手順書では以下の内容の手順を解説しています メール設定 ホームページの掲載 お客様がご利用の OS により設定方法が異なる部分があります OS をご確認の上 作業を行ってください お客様のパソコン環境によっては 本手順書に記載されている内容と異なる場合があります 本手順書は 鏡野町有線テレビのインターネット接続サービスを利用するためのものです

More information

■ ジャストスマイルワープロ講座 ■ 新聞を作ってみよう

■ ジャストスマイルワープロ講座 ■ 新聞を作ってみよう コラボノート コラボノートを使うための準備 ノートを作る ひな型の利用 コラボノートの使い方 ふせん よこがき / たてがき 写真の取り込み LOGO 文字の作成 コラボノートの印刷 ログイン ( 先生用 1 教師機のデスクトップ コラボノート先生用 をダブルクリックで 起動 2 名前より選択例 5 年 2 組担任の場合 5-02 を選択 3 ログインをクリック ログイン ( 児童 生徒用 1 児童生徒機のデスクトップ

More information

フレーム ページの作り方 那須シニアネット三宅節雄 今回は那須シニアネットのホームページと同様に 1バナーとホームページのタイトルなどを入れた top.html 2スライドショーなど構成するページの名前の一覧から各ページへリンクさせた menu.html 3 取り敢えず表紙を飾った main.htm

フレーム ページの作り方 那須シニアネット三宅節雄 今回は那須シニアネットのホームページと同様に 1バナーとホームページのタイトルなどを入れた top.html 2スライドショーなど構成するページの名前の一覧から各ページへリンクさせた menu.html 3 取り敢えず表紙を飾った main.htm フレーム ページの作り方 那須シニアネット三宅節雄 今回は那須シニアネットのホームページと同様に 1バナーとホームページのタイトルなどを入れた top.html 2スライドショーなど構成するページの名前の一覧から各ページへリンクさせた menu.html 3 取り敢えず表紙を飾った main.html という構成にします 2の一覧からリンクされたページは3の場所に表示されます 通常 1のタイトルを表示させるページはスクロールさせません

More information

2 1: ネットワーク設定手順書 が完了後に行なってください 鏡野町有線テレビ 各種設定手順書 この手順書では以下の内容の手順を解説しています メール設定 ホームページの掲載 お客様がご利用の OS により設定方法が異なる部分があります OS をご確認の上 作業を行なってください お客

2 1: ネットワーク設定手順書 が完了後に行なってください 鏡野町有線テレビ 各種設定手順書 この手順書では以下の内容の手順を解説しています メール設定 ホームページの掲載 お客様がご利用の OS により設定方法が異なる部分があります OS をご確認の上 作業を行なってください お客 2 1: ネットワーク設定手順書 が完了後に行なってください 150820 鏡野町有線テレビ 各種設定手順書 この手順書では以下の内容の手順を解説しています メール設定 ホームページの掲載 お客様がご利用の OS により設定方法が異なる部分があります OS をご確認の上 作業を行なってください お客様のパソコン環境によっては 本手順書に記載されている内容と異なる場合があります 本手順書は 鏡野町有線テレビのインターネット接続サービスを利用するためのものです

More information

2004年度情報リテラシーⅢ

2004年度情報リテラシーⅢ プレゼンテーションソフトウェア Microsoft PowerPoint2002 2004 年度情報リテラシー Ⅲ 学籍番号氏名あ Microsoft PowerPoint2002 1. 起動と終了起動 デスクトップのアイコンをダブルクリックするか [ スタート ]-[ プログラム ]-[Microsoft PowerPoint] の順にクリック 終了 タイトルバーの をクリックするか [ ファイル

More information

住所録を整理しましょう

住所録を整理しましょう Excel2007 目 次 1. エクセルの起動... 1 2. 項目等を入力しましょう... 1 3. ウィンドウ枠の固定... 1 4. 入力規則 表示形式の設定... 2 5. 内容の入力... 3 6. 列幅の調節... 4 7. 住所録にスタイルの設定をしましょう... 4 8. ページ設定... 5 9. 印刷プレビューで確認... 7 10. 並べ替えの利用... 8 暮らしのパソコンいろは早稲田公民館

More information

Microsoft Word MT操作マニュアル(ユーザ編).doc

Microsoft Word MT操作マニュアル(ユーザ編).doc Movable Type で管理する ホームページ操作マニュアル ( ユーザ編 ) 2009 年 1 月 5 日版 < ホームページ設定の前提環境 > CMS ツール Movable Type 4.21~4.23 オープンソース版 目次 第 1 章操作の全体的な流れ 5 1-1. 操作の全体的な流れ 6 1-2. ログイン 7 1-3. ログアウト 8 第 2 章カテゴリ ( メニュー ) の編集

More information

IE5及びOE5の設定

IE5及びOE5の設定 1.WEB ブラウザの設定例 インターネットのホームページを閲覧するには ブラウザと呼ばれる閲覧ソフトが必要です ご使用のパソコンにブラウザがインストールされていない場合は マイクロソフト社の Internet Explorer やネットスケープ コミュニケーションズ社の Netscape Navigator 等をご用意いただき 適宜インストールしてください ブラウザは インターネット雑誌またはパソコン雑誌などの付録

More information

ポストカード

ポストカード ポストカード作成 NPO 法人いきいきネットとくしま第 110 回定例勉強会 森の日 平成 25 年 7 月 24 日林暁子 デジカメで写した写真を使ってポストカードを作成します Windows に付属しているペイントソフトを使って写真の編集や加工をします で用紙を はがき に設定しポストカードを作成します 1. ペイントの起動 2. 写真を加工 3. ワード (Word) の起動 4. ページ設定

More information

Turph汎用フォーマット

Turph汎用フォーマット 店舗ブログ管理ページ操作マニュアル 掲載している画面イメージは現在システム開発中のものです 本番運用開始までに 画面レイアウトなどの仕様が 変更になる場合があることをご了承ください 2013 年 06 月 17 日 目次 1. はじめに 1 (1) 店舗ブログ システムの概要 1 (2) 本システム利用にあたっての注意点 1 2. ログイン 2 3. ブログ記事の登録 修正 削除 3 (1) 記事の登録方法

More information

Windows ユーザー名に全角が含まれている場合は インストールできません のエラーが表示される場合の対処法 手順 1 管理者権限のある Windows ユーザーでログインした上で 以下の処理を行ってください 画面左下の 旗のマークを左クリックし 続いて表示される一覧から 設定 ( 左側に歯車のよ

Windows ユーザー名に全角が含まれている場合は インストールできません のエラーが表示される場合の対処法 手順 1 管理者権限のある Windows ユーザーでログインした上で 以下の処理を行ってください 画面左下の 旗のマークを左クリックし 続いて表示される一覧から 設定 ( 左側に歯車のよ 取引上手くん 9 のインストール時にエラーが表示される際の対処法 ~Windows10~ 本ドキュメントは Windows10 のパソコンにおいて 取引上手くん 9 のインストールが正常にできなかった場合の対処法 をまとめたものです なお インストールの手順そのものにつきましては 別ドキュメント ( 取引上手くん 9 のインストール説明書 または about.pdf ) をご覧ください インストーラー

More information

Word2013基礎 基本操作

Word2013基礎 基本操作 OA ベーシック Word2013 基礎基本操作 1 / 8 Word2013 基礎基本操作 基本操作前編 (WORD 基本操作 ) Word の起動と終了 操作 Word を起動します 1[ スタート画面 ] で [Microsoft Word2013] のタイルをクリックします Word が起動します タスクバーには Word のボタンが表示されます 2[ 白紙の文書 ] をクリックします 新規文書が表示されます

More information

2 / 25 複数ソフトの組み合わせ テキストファイルを Excel で開く テキスト形式 (.txt) で保存したファイルを Excel で利用しましょう 第 14 講で保存した west.txt を Excel で開きます 1. Excel を起動します 2. [Office ボタ

2 / 25 複数ソフトの組み合わせ テキストファイルを Excel で開く テキスト形式 (.txt) で保存したファイルを Excel で利用しましょう 第 14 講で保存した west.txt を Excel で開きます 1. Excel を起動します 2. [Office ボタ 2011 1 年度春学期基礎ゼミナール ( コンピューティングクラス ) Bコース 1 / 25 コンピュータリテラシー [ 全 15 講 ] 2011 年度春学期 基礎ゼミナール ( コンピューティングクラス ) 2 / 25 複数ソフトの組み合わせ 2 15-1 テキストファイルを Excel で開く テキスト形式 (.txt) で保存したファイルを Excel で利用しましょう 第 14 講で保存した

More information

目次 新規会員登録 P.3 ログイン P.6 管理画面について P.7 研究情報の編集 P.8 お知らせの新規追加 編集 P.10 メディアの新規追加 編集 P.12 会員情報の編集 P.14 2 / 16

目次 新規会員登録 P.3 ログイン P.6 管理画面について P.7 研究情報の編集 P.8 お知らせの新規追加 編集 P.10 メディアの新規追加 編集 P.12 会員情報の編集 P.14 2 / 16 研究者情報交換サイト U-go ウェブ 操作説明書 作成者 株式会社プライムネット ( 更新 : 新潟大学研究企画室 ) 作成日 2016 年 11 月 11 日 最終更新日 2017 年 12 月 4 日 新潟大学研究企画室 TEL: 025 262 7569 Email: rao2@adm.niigata-u.ac.jp 1 / 16 目次 新規会員登録

More information

Web メール画面の表示 Web メール画面の表示 Web メール画面の表示方法について説明します Web メール画面を表示する 1 利用者メニューを表示し メール確認 または Web メール をクリックします 利用者メニューの表示方法 利用者メニューにログインする (P.24) 2 Web メール

Web メール画面の表示 Web メール画面の表示 Web メール画面の表示方法について説明します Web メール画面を表示する 1 利用者メニューを表示し メール確認 または Web メール をクリックします 利用者メニューの表示方法 利用者メニューにログインする (P.24) 2 Web メール この章では Web メールの機能や使用方法について説明しています Web メール画面の表示 152 メールの作成 / 送信 157 メールの受信 162 メールの返信 / 転送 164 メールの削除 165 メールの移動 167 個人設定 168 アドレス帳 177 Web メール画面の表示 Web メール画面の表示 Web メール画面の表示方法について説明します Web メール画面を表示する 1

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 全国観るなび ( 自治体 観光協会ご担当者様用 ) 操作マニュアル Ver.01 2014.07.10 Copyright IamDesignNetwork Co. All right reserved. この資料は著作権を含んでおります 関係者以外の閲覧を禁止します 1 目次 ログイン 3 メインビジュアルとスライドショー設定 4 おすすめ観光情報 5~6 観光ニュースリスト 7~8 フリーエリア設定

More information

1. WebShare 編 1.1. ログイン / ログアウト ログイン 1 WebShare の URL にアクセスします xxxxx 部分は会社様によって異なります xxxxx. 2 ログイン名 パスワードを入力し

1. WebShare 編 1.1. ログイン / ログアウト ログイン 1 WebShare の URL にアクセスします   xxxxx 部分は会社様によって異なります xxxxx. 2 ログイン名 パスワードを入力し 操作ガイド Ver.2.3 目次 1. WebShare 編... - 2-1.1. ログイン / ログアウト... - 2-1.2. 表示更新... - 4-1.3. Java インストール... - 5-1.4. ファイル フォルダ一覧... - 11-1.4.1. フォルダ参照方法... - 11-1.4.2. フォルダ作成... - 16-1.4.3. アップローダ... - 18-1.4.4.

More information

目次 新規会員登録 P.3 ログイン P.6 管理画面について P.7 研究情報の編集 P.8 お知らせの新規追加 編集 P.10 メディアの新規追加 編集 P.12 会員情報の編集 P.14 2 / 16

目次 新規会員登録 P.3 ログイン P.6 管理画面について P.7 研究情報の編集 P.8 お知らせの新規追加 編集 P.10 メディアの新規追加 編集 P.12 会員情報の編集 P.14 2 / 16 研究者情報交換サイト U-go ウェブ 操作説明書 作成者 株式会社プライムネット ( 更新 : 新潟大学研究企画室 ) 作成日 2016 年 11 月 11 日 最終更新日 2017 年 12 月 7 日 新潟大学研究企画室 TEL: 025 262 7569 Email: rao2@adm.niigata-u.ac.jp 1 / 16 目次 新規会員登録

More information

やさしくPDFへ文字入力 v.2.0

やさしくPDFへ文字入力 v.2.0 操作マニュアル やさしく PDF へ文字入力 v.2.0 基本操作 目次 1. はじめに 2. やさしく PDF へ文字入力の起動 3. スキャナの設定 4. 原稿の取り込み 4-1. スキャナから 4-2. ファイルから 5. プリンタの設定 6. フィールドの作成 6-1. フィールドの自動作成 6-2. フィールドの手動作成 7. フィールドの設定 8. 文字の入力 9. 印刷 便利な使い方付録

More information

完成見本 罫線表を使用して 会計報告書 を作成しましょう 1 / 15

完成見本 罫線表を使用して 会計報告書 を作成しましょう 1 / 15 表の入った文章を作成する パソコンボランティア PC どりーむ 改訂 2012.05 完成見本 罫線表を使用して 会計報告書 を作成しましょう 1 / 15 ページ設定 メニューバーの ファイル (F) から ページ設定 をクリックします 余白 タブから上 下 左 : 25mm 右 : 20mm に設定します 表題 ( タイトル ) の入力 1 行目の段落記号 3 行目の段落記号 あらかじめ 1 行目

More information

Microsoft Word - Word1.doc

Microsoft Word - Word1.doc Word 2007 について ( その 1) 新しくなった Word 2007 の操作法について 従来の Word との相違点を教科書に沿って説明する ただし 私自身 まだ Word 2007 を使い込んではおらず 間違いなどもあるかも知れない そうした点についてはご指摘いただければ幸いである なお 以下において [ ] で囲った部分は教科書のページを意味する Word の起動 [p.47] Word

More information

新規インストールガイド Microsoft Office Professional Plus 2016 本書は Download Station から Microsoft Office Professional Plus 2016( 以下 Office) をダウンロ ドし 新規インストールを行う手順

新規インストールガイド Microsoft Office Professional Plus 2016 本書は Download Station から Microsoft Office Professional Plus 2016( 以下 Office) をダウンロ ドし 新規インストールを行う手順 新規インストールガイド Microsoft Office Professional Plus 2016 本書は Download Station から Microsoft Office Professional Plus 2016( 以下 Office) をダウンロ ドし 新規インストールを行う手順を記載しています 本手順は学内ネットワークに接続した状態で行う必要があります 認証プログラム とは ソフトウェアのインストール

More information

履歴 作成日 バージョン番号 変更点 2016 年 9 月 19 日 新システム稼働本マニュアル ( 初版 ) 2016 年 10 月 6 日 システム公開に伴う 初版最終調整 2016 年 11 月 7 日 添付ファイルの公開設定について 追加 2

履歴 作成日 バージョン番号 変更点 2016 年 9 月 19 日 新システム稼働本マニュアル ( 初版 ) 2016 年 10 月 6 日 システム公開に伴う 初版最終調整 2016 年 11 月 7 日 添付ファイルの公開設定について 追加 2 岡山市 Ver. 201802 株式会社ファントゥ 履歴 作成日 バージョン番号 変更点 2016 年 9 月 19 日 201608 新システム稼働本マニュアル ( 初版 ) 2016 年 10 月 6 日 201610 システム公開に伴う 初版最終調整 2016 年 11 月 7 日 201611 5.1 添付ファイルの公開設定について 追加 2018 年 2 月 8 日 201802 ユーザーインターフェース変更に伴う画像

More information

5.1. ホームページ登録 ホームページ URL を登録します ホームページ URL は基本契約で 1 個 (100MB) まで無料 2 個目以降は有料オプションサービス ( 月額 300 円 / 個 ) で追加登録が可能です (1) 左メニューの HP アカウント登録 リンクをクリックします (1

5.1. ホームページ登録 ホームページ URL を登録します ホームページ URL は基本契約で 1 個 (100MB) まで無料 2 個目以降は有料オプションサービス ( 月額 300 円 / 個 ) で追加登録が可能です (1) 左メニューの HP アカウント登録 リンクをクリックします (1 5. HP( ホームページ ) アカウント情報 ホームページアカウント情報では ホームページ URL の取得やパスワードの変更 ホームページ容量の追加 authid の設定など ホームページ URL に関する管理が行えます HP アカウント情報 にアクセスするには 世帯情報参照 画面で HP アカウント情報 のリンクをクリックします 新しくホームページ URL を取得する場合は 41 ページへ FTP

More information

目次 管理画面へログイン 3 採用情報の投稿 4 採用情報の入力方法 5 トップページの項目の編集 6-9 メディアライブラリ 10-11

目次 管理画面へログイン 3 採用情報の投稿 4 採用情報の入力方法 5 トップページの項目の編集 6-9 メディアライブラリ 10-11 採用ページプラスアイ更新用マニュアル Powered by 目次 管理画面へログイン 3 採用情報の投稿 4 採用情報の入力方法 5 トップページの項目の編集 6-9 メディアライブラリ 10-11 管理画面へログイン このサイト全体は CMS(WordPress) によって管理しております そのため 主なコンテンツ更新は WordPress 管理画面より更新が可能なものとなっております まずはその管理画面へログインします

More information

編集 キャンバスの設定をクリックします キャンバスの設定ダイアログが表示されますので幅 300 高さ 50 と半角で入力します 下の画像のようにキャンバスのサイズが変更されました 画像を選択します 右側中央 の上にマウスをポイントすると の矢印 が出ますので左端までドラッグし 文字を完全に消します

編集 キャンバスの設定をクリックします キャンバスの設定ダイアログが表示されますので幅 300 高さ 50 と半角で入力します 下の画像のようにキャンバスのサイズが変更されました 画像を選択します 右側中央 の上にマウスをポイントすると の矢印 が出ますので左端までドラッグし 文字を完全に消します 研修会で習いました slide_show をホームページビルダーで編集し 転送ツールを起動して転送するまでの 作業を説明します 但し 画像 24 枚は入れ替えている (fotos1.pdf で説明 ) ものとします 1. 下図の赤枠で囲んでいる画像を ウェブアートデザイナーで作成します はこのまま使いますので変えません もし ほかの画像と差し替えたいのであれば カーソルをの上に置き 左側のナビメニューの中

More information

SnNCutCnvs ステッカーウィザードを使ってデザインを作成する ここでは スターターキットに付属している A4 サイズ (210 mm 297 mm) のプリントステッカーを使用する場合の例を説明します [ ステップ 1] エリアサイズを変更します パソコンの場合 : 編集画面 >[ プロジェ

SnNCutCnvs ステッカーウィザードを使ってデザインを作成する ここでは スターターキットに付属している A4 サイズ (210 mm 297 mm) のプリントステッカーを使用する場合の例を説明します [ ステップ 1] エリアサイズを変更します パソコンの場合 : 編集画面 >[ プロジェ SnNCutCnvs プリントステッカー機能の使い方 カッティングマシンのダイレクトカット機能と お手持ちのインクジェットプリンターを使って オリジナルステッカーを作ることができます SnNCutCnvs の基本的な操作については ヘルプを参照してください ヘルプを表示させるには 画面上部のをクリックします プリントステッカー機能を追加すると あらかじめデザインされたプリントステッカー模様が SnNCutCnvs

More information

「ライフサポートワーク」ケアプラン作成支援ソフト【マニュアル】 _vol01

「ライフサポートワーク」ケアプラン作成支援ソフト【マニュアル】 _vol01 VOL.1 目次 1. ソフトの起動 3 1-1 ソフトの起動方法 1-2 メインメニュー画面の説明 2. 利用者情報 の新規登録 5 2-1 新規利用者登録画面の説明 2-2 各入力項目の説明 3. 利用者一覧 9 3-1 利用者情報一覧 3-1-1 利用者情報一覧 の印刷 3-2 利用者情報の修正 3-3 記録用紙 3-3-1 各ボタンの説明 3-4 カンファレンス記録 3-4-1 各ボタンの説明

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション かんたんマニュアル 差し込み印刷編 目次 STEP:1 STEP:2 STEP:3 STEP:4 元となるラベル カードのデータを作ろうP.2 差し込みデータの関連付けを設定しよう P.7 データの差し込みをしよう P.11 印刷しよう P.17 STEP1: 画面の確認をしよう 差し込み印刷とは 表計算ソフトで作った住所録を宛名ラベルに印刷したり 名簿をも とに同じ形式のカードを作ったりするときに便利な機能です

More information

情報C 4月スクーリング プリント

情報C 4月スクーリング プリント 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) 1/9 情報の科学スクーリングプリント (e-typing 結果推移報告 Web ページ作成 ) スクーリング日 ( ) 生徒番号 ( ) 氏名 ( ) 学習 目標 1. HTML を使って Web ページを作成できる 2. e-typing 結果の推移をわかりやすく伝えることができる 3. 著作権や肖像権に配慮することができる

More information

1-2. 文字の編集について (1) 文字入力する ページ編集フィールド 上では キーボードからの文字入力 または コピーした文章の貼り付け操作に より 文章を入力します 以降 文字入力に関する操作について説明します ページ編集フィールド (1) 改行の扱いについて [Enter キー ] を押下し

1-2. 文字の編集について (1) 文字入力する ページ編集フィールド 上では キーボードからの文字入力 または コピーした文章の貼り付け操作に より 文章を入力します 以降 文字入力に関する操作について説明します ページ編集フィールド (1) 改行の扱いについて [Enter キー ] を押下し 1. テキストエディタ入力 1-1. テキストエディタ の概要 テキストエディタ は 入力した文字に対する フォントや色変更などの文字装飾機能 および ハイパーリ ンクの設定機能を持ったエディタです 本資料では テキストエディタの詳細機能について説明します テキストエディタ画面構成 1 2 1 操作メニューボタン : テキストの表示スタイル設定等を行うメニューです 2 ページ編集フィールド : キーボードからの文字入力

More information

Format text with styles

Format text with styles Word 入門 Word はワープロおよびレイアウトのための効果的なアプリケーションです 最も効果的に使用するには 最初にその基礎を理解する必要があります このチュートリアルでは すべての文書で使用する作業と機能をいくつか紹介します 開始する前に... 1 1. 新しい空白の文書を作成する... 2 2. Word のユーザーインターフェイスについて... 4 3. 文書内を移動する... 5 4.

More information

1/2

1/2 札幌学院大学社会情報学部課題用テキスト (2) 1 札幌学院大学社会情報学部課題用テキスト HTML の基礎知識 (2) 1 画像の表示 HP に画像を表示させてみる まず HTML 文書と同じフォルダ内 に JPEG ファイル ( 拡張子.jpg ) を 1 個準備する ( 画像の作り方 サイズの調べ方はこのプリントの最後を参照 ) この画像を読みこんで表示するためのタグは以下の通りである 画像ファイル名と

More information

スライド 1

スライド 1 6P 作成会員様 ホームページ操作マニュアル 当マニュアルを印刷する際は 高画質モードで実行してください お問い合わせ先 : 一般社団法人ベターライフリフォーム協会事務局 TEL: 03-5211-0564 mail: info@blr.or.jp 目次 00_ はじめに (1) ログインの手順 P.3 (2) パスワードを忘れた場合 P.4~5 (3) 管理画面について P.6~8 (4) ホームページの構成について

More information

目次 1. プロフィール画像工房の概要 3 2. プロフィール画像の作成 9 3. プロフィール画像の登録 まとめ 29 レッスン内容 プロフィール画像工房 インターネット上に提供されているさまざまなサービス ( これ以降 サービス と記述します ) を利用するときには 利用するユーザー

目次 1. プロフィール画像工房の概要 3 2. プロフィール画像の作成 9 3. プロフィール画像の登録 まとめ 29 レッスン内容 プロフィール画像工房 インターネット上に提供されているさまざまなサービス ( これ以降 サービス と記述します ) を利用するときには 利用するユーザー 本テキストの作成環境は 次のとおりです Windows 7 Home Premium Microsoft Word 2013( テキスト内では Word と記述します ) Internet Explorer 11 画面の設定( 解像度 ) 1024 768 ピクセル テキスト内の解説で利用しているマイクロソフト社の Web メールサービス Outlook.com については 2014 年 6 月時点で提供している内容にもとづいています

More information

Web ファイルアクセス (Nextcloud) 利用マニュアル PC 操作編 Ver /4/26 明治大学情報基盤本部

Web ファイルアクセス (Nextcloud) 利用マニュアル PC 操作編 Ver /4/26 明治大学情報基盤本部 Web ファイルアクセス (Nextcloud) 利用マニュアル PC 操作編 Ver.1.1 2019/4/26 明治大学情報基盤本部 I はじめに... 3 II ログイン方法... 4 III ファイルのアップロード... 6 IV ファイルのダウンロード... 7 V ファイル フォルダ名変更... 9 VI ファイルの削除... 10 VII お気に入り機能... 11 VIII ファイル共有...

More information

Word編Word編7 宛名欄 住所欄を調整する職人編5 差出人登録画面を表示する 住所録の登録が終了したら [ 差出人を作成 編集する ] をクリックし 宛名面を印刷 保存する 1 宛名面を印刷する [ 印刷 ] ボタンをクリックし [ 宛名印刷 ] 画面が表示され印刷範囲を指定し必要に応じて出受

Word編Word編7 宛名欄 住所欄を調整する職人編5 差出人登録画面を表示する 住所録の登録が終了したら [ 差出人を作成 編集する ] をクリックし 宛名面を印刷 保存する 1 宛名面を印刷する [ 印刷 ] ボタンをクリックし [ 宛名印刷 ] 画面が表示され印刷範囲を指定し必要に応じて出受 Word編Word編[ 保職人編すでに作成した住所録ファイルがある場合には 宛名面を作成 印刷しよう for Windows 筆まめ Ver.22 ( 以下 筆まめ ) を使って宛名面の印刷を行い筆まめには 宛名面を作成するための便利な住所録機能が用意されていますので 画面の指示に従って入力するだけで 郵便番号 住所 宛名などの情報が はがき宛名面の所定の位置にレイアウトされ 2 宛先の氏名を入力する

More information

Ⅰ. ブログを見る方法 Ⅰ. ブログを見る方法 [ 概要 ] ブログに書かれている記事 ( 日記 ) は Internet Explorer などの WEB ブラウザで見る ( 読む ) ことができます [ 手順 ] 1. パソコンのデスクトップ上にある Internet Explorer のアイコンをクリックして Internet Ex plorer を起動させる 2. ブラウザのアドレス欄にキーボードで

More information

Microsoft Word - FTTH各種設定手順書(鏡野地域対応_XP項目削除) docx

Microsoft Word - FTTH各種設定手順書(鏡野地域対応_XP項目削除) docx 2 1: ネットワーク設定手順書 が完了後に行なってください 140502 鏡野町有線テレビ 各種設定手順書 この手順書では以下の内容の手順を解説しています メール設定 ホームページの掲載 お客様がご利用の OS により設定方法が異なる部分があります OS をご確認の上 作業を行なってください お客様のパソコン環境によっては 本手順書に記載されている内容と異なる場合があります 本手順書は 鏡野町有線テレビのインターネット接続サービスを利用するためのものです

More information

おがらすネットホームページ作成操作説明書

おがらすネットホームページ作成操作説明書 おがらすネットホームページ作成操作説明書 おがらすネットでホームページを初めて作成される方へ おがらすネット URL:http://www.hint.or.jp/ogarasu/ H16.12.05 現在 大野町商工会 宮島町商工会 - 1 - 目次 I. ホームページ作成 編集の流れ...3 II. 画面サンプル... 4 総合トップページ...4 事業者トップページ...5 団体トップページ...6

More information

_責)Wordトレ1_斉木

_責)Wordトレ1_斉木 . Word の起動 第章. Word の基礎知識 Word の起動 Word の起動は次のように行います 他のアプリケーションソフトのように いくつかの 起動方法があります スタートメニューからの起動 スタートメニューから起動する方法は次の通りです [ スタート ] メニューの [ すべてのプログラム ] から [Microsoft-Office] の [Microsoft-Word] を選択します

More information

2. 生田仮想デスクトップ PC の接続方法 生田仮想デスクトップ PC に接続する方法は 次の 2 通りです 1. HTML アクセス Internet Explorer や Safari などのブラウザを用います PC に特別なソフトウェアをインストールす る必要が無いので 管理者権限をもってい

2. 生田仮想デスクトップ PC の接続方法 生田仮想デスクトップ PC に接続する方法は 次の 2 通りです 1. HTML アクセス Internet Explorer や Safari などのブラウザを用います PC に特別なソフトウェアをインストールす る必要が無いので 管理者権限をもってい 生田仮想デスクトップ PC の利用方法について (Macintosh 版 ) 1. はじめに 2015.8.26 生田メディア支援事務室 生田仮想デスクトップ PC とは 学内サーバーシステム上に構築した仮想的な PC のことです 生田仮想デスクトップ PC を用いると 生田キャンパスの情報処理教室や教育用情報処理室の PC にインストールされているアプリケーションのほとんど 1 を 研究室 / 実験室の

More information

<4D F736F F D F8E FEE95F1836C F8EE88F878F F88979D8BC68ED2976C A2E646F63>

<4D F736F F D F8E FEE95F1836C F8EE88F878F F88979D8BC68ED2976C A2E646F63> さんぱいくん への情報登録方法 1. まず http://www2.sanpainet.or.jp にアクセスします 産廃情報ネット http://www.sanpainet.or.jp からもリンクをたどることができます 2. メニュー画面情報を公表する公表項目セットデータの新規登録 編集や公表 公表停止の設定を行なうことができます 処理業者データ登録 変更 をクリック 3. ログインする処理業者向けのログイン画面が表示されます

More information