Web制作

メニュー

サイト

■アクセス
合計： -
今日： -
昨日： -
現在：2026-10-27 (Tue)
■ページ数
約802
■製作・著作・監修
Copyrightc
dragonkiller
All right reserved
■ステータス
編集：可能
リンク：可能
Robot：noarchive
Robot：nocache
■お知らせ
ウィルス、改ざんに注意！

外部サイト

@dk_wikiお知らせ
ドラゴンニュースメモ

Top > Web制作
公開日：2016年07月18日
更新日：2019年04月13日

概要

インターネットとWeb制作ソフトについて。環境・プログラミングなど。

ページの登録タグ

免責事項

商品の仕様・内容・デザイン・付属品・品番・価格等は予告なく変更になる場合があります。
掲載されている内容が最新とは限りません。
掲載されている内容に不備がある場合があります。
掲載されている内容を保証するものではありません。

歴史

1980

1989
- 欧州原子核研究機構(CERN)でグローバル・ハイパーテキスト・プロジェクト開始。

1990

1990
1991
- 欧州原子核研究機構がWWW(Worldwide Web)プロジェクト発表。
- 欧州原子核研究機構が世界初のウェブサイトを公開。
1992
1993
- 米国立スーパーコンピュータ応用研究所(NCSA)がNCSA Mosaicをリリース
1994
- 4月、モザイク・コミュニケーションズ設立。
- 10月、W3C（World Wide Web Consortium）設立。
- 11月、モザイク・コミュニケーションズがネットスケープコミュニケーションズに社名変更。
- 12月、ネットスケープコミュニケーションズが「Netscape Navigator 1.0」をリリース。
1995
- 3月、米国でYahoo!設立。
- 8月、Windows95英語版発売。Internet Explorerはオプション「Microsoft Plus! for Windows 95」に収録。
- 11月、Windows95日本語版発売。★関連記事Microsoft Windows
1996
- 1月、ソフトバンクがYahoo! JAPAN設立。
- CSS1.0勧告
1997
- HTML4.0勧告。
- マクロメディア社がFlashをリリース。
- マクロメディア社がDreamweaverをリリース。
- アドビ社がGoLiveをリリース。
1998
- CSS2.0勧告
- マクロメディア社がFireworksをリリース。
- 月、Windows98日本語版発売。「Internet Explorer 4」搭載。
1999
- HTML4.01勧告
- 8月、Pyra LabsがBloggerサービス開始。

2000

2000
- 1月、XHTML 1.0勧告。
2001
- 1月、Wikipedia設立。
- 5月、Wikipedia日本語版設立。
- 5月、XHTML 1.1勧告。
- 10月、Movable Typeリリース。
- 12月、PukiWikiリリース。
2002
2003
- 5月、Wordpress0.7リリース。★関連記事Wordpressまとめ
- 7月、Mozilla Foundation設立。
2004
- CSS2.1勧告。
2005
- アドビ社がマクロメディア社を買収。
2006
2007
- 6月、Appleが「iPhone」発売。★関連記事【Apple】iPhone
2008
- 10月、Android搭載スマートフォン発売。
2009

2010

2010
- 4月、Appleが「iPad」を発売。★関連記事【Apple】iPad
2011
- 6月、CSS2.1正式勧告。
2012
- 12月、HTML5発表。
2013
2014
- 10月、HTML5勧告。
  - https://www.w3.org/2014/10/html5-rec.html.ja
2015
2016
- 11月、HTML5.1勧告。
2017
- 12月、HTML5.2勧告。
2018
2019

特徴

ホームページプログラミング、言語

HTML(HyperText Markup Language)：テキストや画像を表示する。テキストで記述する。要素をタグで挟む（囲む）。
CSS（Cascading Style Sheets）：スタイルシート。装飾やレイアウトを設定する。
Java Script：ブラウザー上で動作するプログラム。
jQuery：Java Scriptの簡易記述。ライブラリ。
JSON(JavaScript Object Notation)
DOM(Document Object Model)
ajax：非同期通信
HTML5：動画や音声に対応。
Action Script：Flash上で動作するプログラム。

サーバープログラミング、言語

Apache：Webサーバー機能。
Perl：サーバープログラミング
PHP：サーバープログラミング。ホームページ向け。
MySQL：オラクル社（サン・マイクロシステムズ）。データベース機能。

サーバー、環境

ローカル環境ソフト：ローカル環境で動作。
- XAMPP
バーチャルマシン：仮想マシン上OSで動作。CPUメモリに余裕がある場合。★関連記事バーチャルマシン
- VMware
- VirtualBox
- VirtualPC
自鯖：サーバーマシンを用意して運用。
レンタルサーバー：サーバーサービスを契約して運用。
文字コード：サーバーのOSによって違う。

サーバー、動作

静的なページ：アップロードされたファイルを表示するだけ。
- ホームページ：表示のみ、CMSなし。
動的なページ：サーバープログラムによる処理・生成。管理画面から操作。
- ホームページ：PHPを使用して生成。
- 掲示板：書き込み
- チャット：書き込み
- アップロード：画像ファイルなどの転送。
- ブログ：書き込み。CMSによる管理。記事の追加。
- Wiki：書き込み。CMSによる管理。記事の追加と更新。
- ブログ＋ホームページ：PHPを使用して生成。CMSによる管理

無料サービス、自作

完成形、すぐにスタート←→自作、無からスタート
広告あり←→広告なし
テーマあり←→自作、テーマなし
カスタマイズ・テンプレートに制限あり←→制限なし
サーバープログラム不可←→サーバープログラム可能
プラグイン追加なし←→プラグイン追加可能
ファイル制限あり←→なし
容量制限あり←→なし
ドメインは有料←→有料サービスを利用

ブログ(blog)

Web（インターネット）+log（日付・記録・日記）＝Weblog。Weblogの略語「blog」。
管理画面から操作
記事の投稿は本文だけ。
タイムライン（時系列）表示。
日付の管理
カレンダー表示
タイトルの管理
メニューの管理
カテゴリの管理
タグの管理
テーマの変更
テンプレートとページ
- インデックス：トップページ。
- 記事：記事の個別ページ。
- 月別アーカイブ：月別の記事のページ。
- カテゴリ：カテゴリごとのページ。
- タグ：タグごとのページ。
ページデザインの統一
固定ページに対応していない

CMS(content management system)

管理システムからサイトを制作する。ブログと同じようなシステム

SNS(social networking service)

交流・共有・繋がり・情報発信・情報共有を意識したサービス・サイト。
Facebookフェイスブック：実名
Twitterツイッター：つぶやき、一言、コメント
Google+

SEO(Search Engine Optimization)

検索サイトに最適化する。順位対策。
コンテンツや構造の整理。

Webブラウザー、閲覧ソフト

★関連記事Webブラウザー

ソフトのバージョン・タグの解釈・対応状況より表示が異なる場合あり。
Netscape Navigator：ネットスケープコミュニケーションズ社。
Internet Explorer：Microsoft社。
Opera：Opera社。
Safari：Apple社。
Firefox:Mozilla Foundation。★関連記事Firefoxまとめ
Chrome：Google社。★関連記事Google Chromeまとめ
Microsoft Edge：Microsoft社。Internet Explorerの後継ソフト。

ゲーム機上のブラウザ

古いものは解像度が低いので表示できる内容が狭い、メモリが少ないので読み込みが遅い。

Webオーサリングツール

WYSIWYG HTMLエディタ：表示と編集が同時に行える。

Netscape Communicator：ネットスケープコミュニケーションズ社。
Mozilla Composer：Mozilla Foundation。
- https://www.mozilla-japan.org/lxr/mozilla/source/extensions/help/resources/locale/en-US/composer_help.html
Dreamweaver：マイクロメディア社→Adobe社。
GoLive：Adobe社。開発終了しDreamweaverへの移行。
ホームページ・ビルダー：日本IBM→ジャストシステム。
KompoZer：Mozilla系統のHTMLレンダリングエンジン。
- http://kompozer.net/
- http://kompozer.sourceforge.net/
BlueGriffon：Mozilla系統のHTMLレンダリングエンジン。
- http://bluegriffon.org/
Expression Web：Microsoft社。開発終了し無償化。
- https://www.microsoft.com/ja-jp/download/details.aspx?id=7764

テキストエディター

★関連記事テキストエディター

ブログソフト

Movable Type
- ライセンス：有償（個人は無料）
- 動作環境：PHP、Perl
- 固定ページ作成：対応
- マルチサイト：対応
- 再構築：必要
Wordpress
- https://ja.wordpress.org/
- ライセンス：無料
- 動作環境：PHP、MySQL
- 固定ページ作成：対応（1.5以降）
- マルチサイト：対応（3.0以降）
- 再構築：不要
- ★関連記事Wordpressまとめ

Wikiソフト

PukiWiki
- https://pukiwiki.osdn.jp/
- 動作環境：PHP
MediaWiki
- https://www.mediawiki.org/wiki/MediaWiki/ja
- オープンソース
- 動作環境：PHP、MySQL

HTMLタグ

ファイル構造、その他

HTML　<html></html>
ヘッド部分　<head></head>
ボディー部分　<body></body>
タイトル
スタイルシート
スクリプト
コメント

文章構造

見出し　h1
見出し　h2
見出し　h3
見出し　h4
見出し　h5
見出し　h6
段落

文字

太字・ボールド、　
斜体・イタリック　
下線・アンダーバー　
改行　 
フォント　
強調斜体　
強調太字

引用　<blockquote>
コード　<code></code>
削除部分　<del>
追加部分　<ins>

ハイパーリンク

アンカー　<a>

URL　url=
ターゲット target=

画像

画像　<img>

ソース　src=
縦サイズ　height=
横サイズ　width
タイトル　title=
代替テキスト　alt=

テーブル

テーブル table
セル列　tr
セル横　td

横結合　rowspan=
縦結合　colspan=

セル横ヘッド　th

フォーム

フレーム

フレームセット　<frameset>
インラインフレーム　<iframe>

簡易記述

文法に決まりはない。サイトやソフトによって違いがある。
記号やカッコで囲む。

Wiki文法

構文が充実。

Markdown文法

構文が少ない。

段落　自動、1行空ける
改行　行末にスペースを2つ入れる
見出し1 行頭に#　★ほぼ共通
見出し2 行頭に##　★ほぼ共通
テキストリンク [テキスト](URL)
画像 ![altテキスト](URL)　★ほぼ共通
画像 ![altテキスト](URL "タイトル")　★ほぼ共通
番号なしリスト行頭に+か-か*　★ほぼ共通
番号ありリスト行頭に数字.
定義リスト　テキスト改行　行頭に:テキスト
強調斜体 *テキスト*
強調太字 **テキスト**
削除部分 ~~テキスト~~
テーブル |テキスト|テキスト|テキスト|　1行目ヘッド　2行目スタイル　3行目本　★ほぼ共通
水平線行頭に***　行頭に---または***　★ほぼ共通
引用行頭に>
コード

サービスサイト

ホームページサービス

ジオシティーズ
https://info-geocities.yahoo.co.jp/close/index.html　2019年3月末終了
infoseek
https://plaza.rakuten.co.jp/usersupport/diary/201104210000/　「COOL ONLINE」2011年6月末日終了
http://isweb.www.infoseek.co.jp/　「iswebベーシック」2012年5月21日終了
@homepage
http://homepage.nifty.com/information/2016/01/　2016年11月10日終了
FC2
http://web.fc2.com/

ブログサービス

FC2
http://blog.fc2.com/
Livedoor
http://blog.livedoor.com/
Blogger
https://www.blogger.com/
はてなブログ
http://hatenablog.com/
Seesaa
http://blog.seesaa.jp/

Wikiサービス

@wiki
http://atwiki.jp/
FC2wiki
http://wiki.fc2.com/
Seesaawiki(Livedoorwiki)
http://wiki.seesaa.jp/
WIKIWIKI
http://wikiwiki.jp/

外部リンク

資料

記事

検索

キーワード

■Google

画像

■Google

掲示板

■2ちゃんねる

ニュース

■ニュース1「Web」

■ニュース2「Wordpress」

タグ：

Web ブログホームページ HTML CSS Wordpress インターネット

+ タグ編集

「Web制作」をウィキ内検索

最終更新：2019年04月13日 09:31

|ログイン|

dragonkiller 総合まとめWiki

メニュー

カテゴリー

更新履歴

新規のページ

サイト

外部サイト

関連記事とアイテム

Mac

関連記事【Apple】MacBook Pro

関連記事【Apple】MacBook Air

関連記事【Apple】MacBook

関連記事【Apple】iMac

関連記事【Apple】Mac mini

関連記事【Apple】Mac Studio

PC

関連記事自作PC・PCパーツ

関連記事AMD Ryzen

関連記事PCケース

関連記事DeskMini

関連記事ミニPC

関連記事スティックPC友の会

関連記事【Seagate】HDD

関連記事【Western Digital】HDD

関連記事SSD

PC関連

関連記事NEC Atermシリーズ、Wi-Fi 6

関連記事スイッチングハブ

関連記事ビデオキャプチャー

関連記事Logicool(Logitech)マウス

関連記事Logicool(Logitech)ゲーミングマウス

関連記事トラックボール

関連記事PCスピーカー

DAW

関連記事【DAW】Cubaseシリーズ

関連記事【DAW】FL Studio

MIDI

関連記事【DTM】MIDIキーボード、コントローラー

関連記事【KORG】MIDIキーボード・コントローラー

関連記事【ROLAND】MIDIキーボード・コントローラー

関連記事【novation】シンセサイザーの歴史

関連記事【AKAI】シンセサイザーの歴史

オーディオ

関連記事【DTM】オーディオインターフェイス

関連記事オーディオミキサー

スピーカー

関連記事モニタースピーカー

ボカロ

関連記事【Computer Music】歌声合成ソフトウェア

楽器

関連記事ミニキーボード

関連記事【ROLAND】モデリングシンセサイザー

お絵かき

関連記事画像制作ソフトまとめ

メディアプレーヤー

関連記事メディアプレーヤー

食品

関連記事カップ焼きそば

Nintendo Switch2

Nintendo Switch

関連記事Nintendo Switch（ニンテンドースイッチ）まとめ

関連記事マリオカートシリーズ

関連記事【ゲーム】ロックマンシリーズ

ドラクエ

関連記事ドラゴンクエストIII

関連記事ドラゴンクエストシリーズ

関連記事ドラゴンクエストXI

関連記事すぎやまこういち

関連記事ドラゴンクエストVIII

モンハン

関連記事モンスターハンターシリーズ

レトロゲーム

関連記事ニンテンドークラシックミニ ファミリーコンピュータまとめ

関連記事ニンテンドークラシックミニ スーパーファミコンまとめ

関連記事レトロゲーム

関連記事ゲームセンターCX

PS5

関連記事PLAYSTATION 5まとめ

関連記事【ゲーム】鉄拳シリーズ

関連記事ファイナルファンタジーシリーズ

関連記事ニンテンドークラシックミニファミリーコンピュータまとめ

関連記事ニンテンドークラシックミニスーパーファミコンまとめ

関連記事【アニメ】ドラゴンクエストダイの大冒険