ホームページ 作成ガイド 経営学部経営学科2年 松本 隼人.

Slides:



Advertisements
Similar presentations
黄金比や白銀比を 使用する意味って? 発表者: 2 年 松藤なお だって、数字を見るとアタマが痛くなるから.
Advertisements

1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
HTML5の絵本 第1章 HTML. 目次 1.HTMLの歴史 2.HTMLの記述方式 3.HTML記述する際のエディタ 4.おすすめのホームページ用のレンタルサーバ.
DTM を使った楽曲制作 DTM を扱う職業などの調査 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 宮本 拓美.
Excel による アンケート調査・分析のための テンプレートシートの作成 氏名:山本泰裕 ゼミ名:飯田ゼミ 2009 年度卒業研究発表会資料.
学びとしての PC スキルアップ 講座 熊本大学生協 PC スキルアップ講座スタッフ 高畠 舞美 九州ブロック学生事務局 小島 健太郎.
Jsdo.it と Monaca による端末へ のアプリ導入 5/29 (金)課題 堀江美香.
卒業論文審査会 Web の読みやすさ実験ツールの開発 岩手県立大学 ソフトウェア情報学部 ソフトウェア情報学部 4 年 柴田 大樹 指導教員:鈴木克明 藤原康宏 市川尚.
WEB デザイン基礎実 験 担当:清水,田代 副手:浦辺,石井 ( 1 日目) NC-2 情報通信基礎実験.
ASP入門 - Windows 2000 Server 活用 -.
WWW のおはなし 神戸大学理学部地球惑星科学科 4 回生 佐伯 拓郎 (地球および惑星大気科学研究室) 藤田 哲也 (宇宙物理学研究室)
情報基礎A 情報科学研究科 徳山 豪.
DTMを使った楽曲制作 DTMを扱う職業などの調査
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
PowerPointによるスライドの作成 文教 花子
PowerPointによるスライドの作成 文教 花子
作成支援ツール“TTEdit”を用いた フォントの自作 -Webデザインコンテスト参加作品(2007)-
DTMを使った楽曲制作 DTMを扱う職業などの調査
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
「DTMと職業」に関する調査と DTM楽曲の制作
HTMLの記述と WWWにおける情報公開 遠藤
相互評価システムの開発と大学情報科目における利用 柴田好章(名古屋大学大学院) 小川亮(富山大学教育学部)
レポート課題について.
DTMを使った楽曲制作 DTMを扱う職業などの調査
ホームページの作り方.
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
WWW全文検索エンジン Vernoにおける 要素構造データベースの設計と実装
WWW全文検索エンジンVernoにおける 要素構造データベースの設計と実装
卒業論文のタイトルをここに (発表時間は5分です。 PPTスライドは10枚程度にまとめる事)
情報 第一回: 練習課題 第一回 田浦健次朗 2010/4/9.
DTMを使った楽曲制作 DTMを扱う職業などの調査
Web App Semi 2008 #1 Web App Semi 2008 #1.
T2V技術 Web製作ラボ 3/ hayashiLabo 1.
担当教官:大月 美佳(佐賀大学) 2001年度 総合科目
卒業論文 最終発表 WWW情報検索 ナビゲーションシステムの設計と実装
情報システム演習B 論文講読 『知識マップ上での同学習における 携帯端末を用いた成的評価に関する研究』
動画編集ツールによる作品制作とWebページによる紹介
NC-2 情報通信基礎実験 WEBデザイン基礎実験 (1日目) 担当:清水,田代 副手:浦辺,石井.
卒業研究成果発表会 Webの読みやすさ実験ツールの開発
スタイルシート C306 情報発信の基礎【第6回】.
情報伝達・WWW・ソーシャルメディア CMSとHTMLの基礎
ウェブデザイン演習 第一回 オリエンテーション.
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
概要 Boxed Economy Simulation Platform(BESP)とその基本構造 BESPの設計・実装におけるポイント!
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
情報処理 第8回.
対応可否 スキル一覧 株式会社エージェント 2015年10月7日 Ver.1.0.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
制作技術ー3 双方向通信 : CGIシステムと環境変数
明日の授業でも作成を継続する予定です 2017/11/13、2017/11/14
情報スキル活用  第5週 基礎技術-5   その3 : 画像表示.
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
インターネット利用法実習 経営工学基礎演習a(第3週).
情報スキル活用 第3週 基礎技術ー3 : 学部・学科紹介のページ作成.
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
HP作成 そろそろまとめ編 担当:TAの人.
岩手県立大学ソフトウエア情報学部 3年 鈴木研究室所属 井ノ上 憲司
PowerPointによるスライドの作成 文教 花子
PowerPointによるスライドの作成 文教 花子
プログラミング基礎a 第9回 Java言語による図形処理入門(1) Javaアプレット入門
情報ネットワークと コミュニケーション 数学領域3回 山本・野地.
初心者向けの株の解説 自身の運用体験のWebサイト制作
情報スキル活用 第1週    ガイダンス.
Presentation transcript:

ホームページ 作成ガイド 経営学部経営学科2年 松本 隼人

目次  はじめに Ⅰ Webの基礎 Ⅱ HTMLとは Ⅲ CSSとは Ⅳ ホームページ掲載  おわりに

はじめに 自分が春学期に学んだネットのホームページ作成を わかりやすく説明することが今回の発表である。 ホームページを作成するのは個人的に難しく感じま した。

Webイメージ図

Webとは? Webとは世界中のコンピューターに蓄積されている 情報共有するためのシステムであり、マルチメディ アの仮想的な巨大なデータベースを提供するものと いえる。World Wide Web(世界中に張り巡らされた蜘 蛛の巣という意味)を省略された表現であり、WWW ともいう。様々な情報はWebサーバーに保存され、 ネットワークを介して接続されたコンピューターか ら閲覧・ダウンロードすることが可能である。

HPの仕組み 要素 HTMLファイル CSSファイル 写真、図、グラフ               etc

HTMLのファイル 筆者作成

HTML文章

<!DOCTYPE html><meta charset="UTF-8"><html><head><title>dekopon</title></head><body><!-- geoguide start --><div align=center><script language="javascript">var jps=382116062;var jpt=1473915150</script><script language="javascript" src="http://bc.geocities.yahoo.co.jp/js/gg.js"></script></div><!-- geoguide end --><div id="container"><?php include_once("analyticstracking.php") ?><h1 align="center">dekopon</h1><link rel="stylesheet"href="style.css"media="all"><div id="menu"><h1><li><a href="introduction.html">自己紹介</a></li></h1><h1><li><a href="current.html">近況</a></li></h1><h1><li><a href="article.html">論文報告書</a></li></h1><h1><li><a href="programming.html">プログラミング</a></li></h1><h1><li><a href="message.html">伝言板</a></li></h1><h1><li><a href="link.html">リンク</a></li></h1></div><div id="content "><p><img src="picture1.jpg"width="100" height="150"></P></div></body></html><!-- text below generated by geocities.jp --></object></layer></div></span></style></noscript></table></script></applet><script language="javascript" src="http://bc.geocities.yahoo.co.jp/js/geov2.js"></script><script language="javascript">geovisit();</script>

HPの表裏 DekoponのHP 表 裏 筆者作成

CSSファイル スタイルシート(筆者作成)

CSSファイルで出来ること テキストの大きさと色を設定できる ページの背景を変えられる 余白を作ることができる

ホームページ掲載 Yahoo!ジオシティーズ SiteMix タウンファン さくらレンタルサーバー ライトプラン hetaml etc                              

おわりに HPの掲載をするにはHTMLファイル・CSSファイルを組み合わせてできて いる。 秋学期のフラッシュゲーム作りも頑張る。 時間が空いた時にホームページを改良する。

引用 ・Wikipedia ・『ここからはじめるHTML&CSSの本』千貫りこ ・旭ゼミ 先輩方のレポート