Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、( JavaScript ) Web サイトの構築とは –HTML 文書をインターネットに公開するこ と= Web パブリッシング.

Slides:



Advertisements
Similar presentations
ユーザ認証を考慮した 情報コンセントの活用 明治大学 情報システム管理課 服部裕之 ( ) ’ 99私情協 学内 LAN 運用管理講習会.
Advertisements

1 実技演習1 2008/01/28,29 JaLTER Morpho 講習会. 2 起動・接続 各自、コンピュータを起動してネットワーク に接続してください。 各自、コンピュータを起動してネットワーク に接続してください。 IP アドレス自動取得 IP アドレス自動取得 無線 LAN 使用可 無線.
JIMDO 勉強会その4 基本操作その2. 機能アイコンはつぎのように表示されます。 機能アイコンの表示.
コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは  ウェブ (Web) は正式名称を World Wide Web という。  文字や画像、動画等を簡単に扱うことができる。  [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.
「 DTM と職業」に関する調査と DTM 楽曲の制作 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
DTP/Web パブリッシング 1. この授業について. DTP とは DeskTop Publishing ワークステイションやパソコン上の レイアウトソフトを用いて編集作業を 行い、レーザープリンターなどの高精 細な印字装置で出力し、書籍などの印 刷物を作成すること。 デスクトップ プリプレス.
いままでの環境のままかんたんに 防犯効率をアップするシステムとは・・・ KGUARD の防犯カメラセットのご案内 ケーガード.
コンピュータ基礎実習上級 #4 拡張子、 URL 、ファイル名 一般教育研究センター 安田豊. ファイル名と拡張子 ファイルには名前が付けられている 区別のため。整理などに便利に利用するとよい。 abc.html ピリオドによってファイル名を前後に分ける習慣がある。 ピリオドの左は整理のために自由な名前を選べる.
コンピュータ基礎実習 ( 上級 ) 第三回 ウェブページの作成について2 清水淳紀. 前回までの内容  ページの簡単な作り方。  ページの編集・アップロード・確認 方法について。  ページはメモ帳や Kompozer 等で編集できる。 ウェブサー バーにアップロード  ページを公開するには、必要ファイル群をウェブサー.
簡易型 Web オーサリン グツールの問題点 Fumi Sonoda as FUMING
T2V 技術 Web 製作ラボ 4/25, 2011 hayashiLabo 8. T2V 技術 ftp.
データベースと情報検索 情報検索(3) ウェブアプリケーションを 使ってみる 教員 岩村 雅一. 日程(情報検索:担当 岩村)  12/9 検索エンジンを使ってみる  12/16 メディア検索を使ってみる  12/25 ウェブアプリケーションを 使ってみる  1/9 検索エンジンを用いた演習.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
情報基礎A 情報科学研究科 徳山 豪.
T2V技術 Web製作ラボ 4/25, 2011 hayashiLabo 9.
コンピュータウィルスと脆弱性 メディアコミュニケーション論Ⅲ 7/18/08.
コンピュータ演習Ⅰ 8月6日(土) 4限目 フリーウェア.
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
ITの日本語教育への利用1 PART II 小澤伊久美
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
IPアドレス、IPパケットとはなにか? 情報塾( ) URLとの関係は? コンピュータ同士はどう繋がっているか?
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
ただで使えるソフトウェア ーインストールとお絵かきー
コンピュータ演習Ⅰ 8月7日(日) 1限目 ファイルの種類.
情報教育システムの紹介 学術情報センター.
WWW (=World Wide Web)とは
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
情報 第一回: 練習課題 第一回 田浦健次朗 2010/4/9.
キャンパスクラウドによる 実験環境の構築 情報ネットワーク特論 講義資料.
「コンピュータと情報システム」 07章 インターネットとセキュリティ
情報リテラシー 情報システム学科の
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
第3章 第2節 ネットワークを活用した 情報の収集・発信 6 情報の多様な提示方法 7 構造を工夫した情報の表現方法 8 ウエブページの公開
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
コンピュータリテラシ (1) 学習目標(到達目標) ・計算機実習室を正しく利用できる。 ・文書作成ソフトの利用方法を学び、報告作成が
T2V技術 Web製作ラボ 3/ hayashiLabo 1.
研究基盤総合センター 応用加速器部門 木村博美
インターネット メールサーバ DNSサーバ WWWサーバ ファイアウォール/プロキシサーバ クライアント.
12月11日(土) 13:00~15:00 長崎大学教育学部 全炳徳 久方純
情報コミュニケーション入門 2016年度版 情報コミュニケーション入門m 総合実習(1).
概要 認証システム ネットワーク接続 メールシステム Webサービス(ホームページ) 実習室システム 印刷システム.
HTTPプロトコルとJSP (1) データベース論 第3回.
心理学情報処理法Ⅰ コンピュータネットワーク概論.
Webページを公開しよう! 公開前の点検とファイル転送 ユーザ名~user○○○ パスワード~自分で設定したもの
授業を始める前に 諸注意 無線LANを使用できない学生(主に4年生?)は2階の事務室へ行ってLANケーブルを借りてきて下さい。
総合情報処理センター 利用ガイド(2017年度新入生版)
県立広島大学 全学共通教育科目 情報処理入門 第13回 2009年7月6日 県立広島大学 経営情報学部経営情報学科 准教授 小川 仁士.
情報コミュニケーション入門 総合実習(1) 基礎知識のポイント(2)
第3章 第2節 ネットワークを活用した情報の収集・発信(4) 情報Cプレゼン用資料(座学35) 担当 早苗雅史
データベース設計 第9回 Webインタフェースの作成(1)
情報処理基礎 2006年 5月 18日.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
ICT活用指導力チェックシート(小学校版)
九州大学キャンパスクラウド 利用法 情報ネットワーク特論 講義資料.
情報スキル活用 第1週 基礎技術ー1 : URLとWebページの基本.
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
平成15年度障害のある子どものための情報・支援技術講習会
Netscape Communicator Eudora Microsoft Word
コンピュータ プレゼンテーション.
データベース設計 第7回 実用データベースの運用例 クライアント=サーバシステム(1)
コンピュータと情報 第4回 ワードの使い方.
情報コミュニケーション入門b 第11回 Web入門(2)
コンピュータ リテラシー 担当教官  河中.
情報処理基礎A・B 坂口利裕 横浜市立大学・商学部
画像を貼る 目標:このようなページを作る.
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
6 インターネット(2) 6.1 インターネットへの接続 ネットワークにつなげば  →ブラウザや電子メールなどのアプリ   ケーション使用可.
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
情報スキル入門 第3週 キャンパスネットワークの利用.
情報スキル活用 第1週 基礎技術ー1 : URLとWebページの基本.
Presentation transcript:

Web パブリッシング 1. この授業について

この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、( JavaScript ) Web サイトの構築とは –HTML 文書をインターネットに公開するこ と= Web パブリッシング

Web パブリッシングに必要な こと インターネットに公開するデータ –HTML 文書+画像データの作成が必要 Web ブラウザでアクセスするための URL –WWW サーバが必要 – 作成した HTML 文書+画像データを WWW サーバにコピー(アップロード)すること が必要

WWW サーバ(+ FTP サーバ) 実習室パソコン C 北星学園大学 LAN hokusei.ac.jp ドメイン インターネット パソコン A パソコン B ネットワーク機器 ftp://tiger.hokusei.ac.jp/home/homek /k14xxx/public_html/

インターネットに公開するデ ータ HTML 文書の作成 –HTML (文書の構造)、 CSS (文書の見栄 え)の知識が必要 – テキストエディタが必要 Windows の代表的なテキストエディタ – メモ帳、秀丸、 SAKURA エディター MS Word でも可 HTML エディターという専用ソフト –DreamWeaver 、 HomePage Builder 、 Adobe Golive

インターネットに公開するデ ータ 画像データ – デジタルカメラ、スキャナなど電子化され た画像を生成する機器が必要 – 画像処理ソフトが必要 JPEG 、 PNG 、 GIF のデータ形式で出力可能なも の Fireworks 、 Photoshop 、 GIMP 、 Illustrator

WWW サーバー 大学の総合情報センターの WWW サー バ – 学内からアクセスするときの URL – 学外からアクセスするときの URL

データのアップロードの方法 FTP ( File Transfer Protocol )という仕組 みで、パソコンから WWW サーバへフ ァイルを転送 –FFFTP 、 NextFTP 、 ftp コマンド W :ドライブにドラッグして、コピー – 但し、これは北星学園だけで有効な特殊な 方法

Adobe DreamWeaver Web パブリッシングに必要な機能をま とめたソフトウェア –Web オーサリングツール –HTML エディター – ホームページ作成ソフト もともと Macromedia 社が開発 HTML を知らなくても、ある程度なら OK 。