架空の女子大つくって有名にさせようぜｗｗｗｗｗｗｗ

全部 1- 101- 最新50

1 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:19:36.04 ID:bRO5oiGh0: 【大学名】百合原女子大学（略称：百合女）
【偏差値】56
【所在地】東京都中野区
【教育理念】清く正しく、人をなびかせる
【学生数】1500人
【学部】人文学部、音楽部、外国語学部、法学部、仏教学部
【創設者】森口仏
【学長】小比類巻　龍之介
【校章のデザイン】オリーブと梵鐘
http://ux.getuploader.com/yurihara/thumbnail
【創立年】1932年
【大学のウリ】退かぬ、媚びぬ、顧みぬ

【関連リンク】
避難所：http://ex14.vip2ch.com/test/read.cgi/part4vip/1350378785/
wiki: http://www58.atwiki.jp/yurihara_univ/
うｐろだ：http://ux.getuploader.com/yurihara/
公式サイト：http://www.yurihara.jp/
Twitter：https://twitter.com/Yurihara_Univ
2 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:19:51.57 ID:bRO5oiGh0: 《まとめ転載禁止》
　まとめブログの管理人へ
　検索結果等に弊害が出るため本スレをまとめるのを控えて下さい。
　情弱釣りの為に協力をお願いします。
　また、過去スレの記事もあれば消していただきたいです。

！注意！
　何かするときは作業量に見合う結果が得られるかどうか考えてからやるようにしてください。
　勝手にするのではなく一度本スレか避難所に〇〇需要ある？と確認取るといいでしょう。
　基本的に作業リストを上からやることになります　あまり横道に逸れないように注意！！！
3 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:19:52.50 ID:jQLp3Q1B0: きたか
4 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:21:39.60 ID:EQHJwr+K0: おお
5 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:21:56.58 ID:bRO5oiGh0: 人員募集中
6 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:22:00.42 ID:zHhe88Dg0: キタキタ
7 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:22:48.61 ID:hurRq8r00: 意外と人来たな
8 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:26:28.08 ID:bRO5oiGh0: 今は公式サイトを制作しています
各コンテンツの文章や素材を作ってくれる人募集
9 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:26:43.73 ID:hurRq8r00: 公式HPをまずどうにかしないと
10 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:29:04.74 ID:iGyHHqMR0: 支援
11 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:30:53.90 ID:iGyHHqMR0: 結局釣塔とは連携とれるのか？
12 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:33:30.18 ID:hurRq8r00: >>11
連携OK
13 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:36:33.83 ID:95q5iwFu0: しえん
14 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:43:48.83 ID:bz24+zRQP: 北海道には百合が原って場所がある
15 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:50:39.80 ID:bRO5oiGh0: あげ
16 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 20:57:09.52 ID:hurRq8r00: 保守
17 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:00:43.99 ID:iGyHHqMR0: 人来ねえな
18 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:05:01.59 ID:dSPqIc1t0: きた
19 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:05:40.36 ID:Woigteja0: 百合原
20 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:09:16.72 ID:oSCpju3s0: ROM
21 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:15:24.64 ID:bRO5oiGh0: あげ
22 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:18:01.04 ID:j5YHyKdO0: あげとこ
23 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:23:17.73 ID:iGyHHqMR0: 今日は何するんだぜ？
24 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:26:40.83 ID:hurRq8r00: 校章は決まったんだっけ？
25 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:29:54.54 ID:+GNRwlnEO: 次は校歌だな
26 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:31:38.45 ID:hurRq8r00: 歌詞もまだだよな
27 名前：忍法帖【Lv=31,xxxPT】(1+0：15) []投稿日：2012/10/17(水) 21:32:10.48 ID:VDmN0GDm0: あげ
28 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:32:43.11 ID:nmpP7rgS0: 私立化国立化
29 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:34:30.60 ID:hurRq8r00: 私立じゃね
30 名前：忍法帖【Lv=40,xxxPT】(1+0：15) []投稿日：2012/10/17(水) 21:34:34.24 ID:AUUIJzdh0: あげ
31 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:36:08.14 ID:ieRb3pO40: 乙
何もできないけど支援
32 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:45:06.48 ID:OOn74+Gb0: ほ
33 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 21:53:12.59 ID:hurRq8r00: 保守
34 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:00:02.03 ID:bRO5oiGh0: 百合女のマスコットキャラの名前でも安価しようかね
35 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:00:14.03 ID:hurRq8r00: 校歌の歌詞募集
36 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:02:14.18 ID:dSPqIc1t0: ほ
37 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:03:31.94 ID:BDqJDmdH0: みなさんごきげんよう
38 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:04:14.89 ID:OOn74+Gb0: 保守ばっかりで誰も何も作らんのか
39 名前：忍法帖【Lv=40,xxxPT】(1+0：15) []投稿日：2012/10/17(水) 22:04:32.59 ID:1lItSkzs0: ども！
なんか手伝いに来たよ！特に何もないけど！
40 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:05:19.85 ID:95q5iwFu0: 校歌
「純潔なれ」
（花言葉より）
41 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:06:43.74 ID:iGyHHqMR0: 女の品格()を表した歌詞にしようぜ
42 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:13:53.37 ID:OOn74+Gb0: ほ
43 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:16:29.98 ID:EAPykjEW0: （何もしないけど）きたよ
44 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:17:35.06 ID:EQHJwr+K0: サイト作成は無理だけど何かしら決めることがあれば手伝えるかも
45 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:18:06.98 ID:hCCRY+r7I: 他スレに迷惑かけちゃう
46 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:22:41.85 ID:OOn74+Gb0: 学科考えたら？
47 名前：忍法帖【Lv=40,xxxPT】(1+0：15) []投稿日：2012/10/17(水) 22:22:49.02 ID:1lItSkzs0: 絵とかなら少しは書けるよ！
48 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:25:06.85 ID:95q5iwFu0: >>46
前スレで考えたよ
49 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:28:37.47 ID:bRO5oiGh0: スキルがある人は、避難所のほうにトリつけて書き込んでくれ
50 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:29:29.99 ID:OOn74+Gb0: これ？
http://hayabusa.2ch.net/test/read.cgi/news4vip/1350376098/694
51 名前：忍法帖【Lv=40,xxxPT】(1+0：15) []投稿日：2012/10/17(水) 22:29:30.93 ID:1lItSkzs0: >>49
スキルって例えばどんな
52 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:30:19.45 ID:bRO5oiGh0: >>51
画像でも文章関連でもなんでもおｋ
53 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:32:39.02 ID:ieRb3pO40: 694 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2012/10/16(火) 21:42:56.86 ID:sLmnqtAB0 [8/11]
人文学部
人間学部学科
法律経済学科

音楽学部
音楽学科
音楽教育学科

外国語学部
英語学科
フランス語学科
イスパニア語学科

法学部
法律学科
政治学科

仏教学部
仏教学科
54 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:33:31.33 ID:hurRq8r00: 無理にスキルを求めなくてもまとめ役でもwiki編集人でもなんでも手伝ってくれる人は歓迎
55 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:34:45.12 ID:ieRb3pO40: 705 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2012/10/16(火) 22:03:55.73 ID:sLmnqtAB0 [10/11]
どや

華道部
茶道部
書道部
劇壇部
英語部
文芸部
美術部
新聞部
マンドリンクラブ
ハンドベル部
百合原コーラス
吹奏楽部
アンサンブル・百合原
写真部

合気道部
弓道部
硬式テニス部
ソフトテニス部
バトミントン部
ラクロス部
バスケットボール部
バレーボール部
チアダンス部
56 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:37:15.41 ID:OOn74+Gb0: 一人で一所懸命書いてたようだけど
誰にも良いとも悪いとも言われずスルーされてたからなあ
57 名前： ◆/opa5KaH5M []投稿日：2012/10/17(水) 22:40:35.62 ID:1lItSkzs0: 避難所？の方に書き込んどいたぞ

あそこでいいのかね
58 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:42:27.96 ID:hurRq8r00: 学部は大体>>53でいいと思う
人間学部学科ってなんかおかしいから人間科学科とかでどうかね
59 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:43:05.14 ID:dSPqIc1t0: >>55
バドミントン部な
60 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:44:43.53 ID:bRO5oiGh0: 仏教学部もあるし、人文学部に哲学科もいれてもいいかもしれない
61 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:46:52.00 ID:hurRq8r00: 人文学部に文学部がないとはこれいかに
62 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:49:59.52 ID:ieRb3pO40: 昨日も言ったけど1500人程度の大学だからあんまり学部増やしてもどうかなとは思う

>>61
文学科じゃなくて？
63 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:52:41.51 ID:bRO5oiGh0: >>62
学部数が5つだから、1学部平均約300人ぐらいか
64 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:53:49.08 ID:hurRq8r00: >>62
文学科だね包茎学部は法学部と被ってるから抜いてもいいと思う
65 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:54:41.88 ID:95q5iwFu0: >>63
そうなると1学部2学科くらいが妥当？
66 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:54:49.30 ID:OOn74+Gb0: >>63
4年制なら単純計算で1学年1学部75人くらいじゃね？
67 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:56:08.85 ID:hurRq8r00: 学部→学科
また間違えた
68 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:56:10.51 ID:bRO5oiGh0: おいサイトのトップ書き換えた奴誰だｗｗｗｗ
69 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 22:57:54.96 ID:bRO5oiGh0: あ、twitter垢持ってる人よかったらフォローオナシャス
70 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:05:00.10 ID:hurRq8r00: 人文学部
哲学科
文学科
人間科学科

音楽学部
音楽学科
音楽教育学科

外国語学部
英語学科
フランス語学科
イスパニア語学科

法学部
法律学科
政治学科

仏教学部
仏教学科

まとめるとこんな感じかね
71 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:12:40.44 ID:OOn74+Gb0: ほ
72 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:20:26.91 ID:OOn74+Gb0: ほ
73 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:23:14.97 ID:hurRq8r00: 仏教学部は1学部しかないから定員は少なめでもいいんじゃなかろうか
74 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:27:29.05 ID:AKJmz77q0: 少人数制で看板学部の仏教学部か若しくは、新たに仏教哲学科とか作ったり？
75 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:27:32.82 ID:Se+gz+Ap0: ヒマならサイトのテーマカラーでも決めないか
76 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:29:52.08 ID:hurRq8r00: 無理全学部の定員を同じにしなくてもいいと思う

>>75
普通にオリーブ色？
77 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:37:10.39 ID:hurRq8r00: 保守
78 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:45:12.46 ID:hurRq8r00: 保守
79 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:45:37.03 ID:iGyHHqMR0: あげ
80 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:51:34.86 ID:OOn74+Gb0: ほ
81 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:55:11.17 ID:5JFuU7EG0: ほ
82 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/17(水) 23:59:38.15 ID:ieRb3pO40: サークルは昨日話し合った>>55で大丈夫？
83 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:00:44.14 ID:k19tzGat0: だいたいいいと思う
また追加したければ追加していけばいいと思うし
84 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:02:43.21 ID:AGwH5UAe0: もっと偏差値高くて良いと思う
85 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:12:40.68 ID:azZn7i9M0: ほ
86 名前：以下、名無しにかわりましてVIPがお送りします[sage]投稿日：2012/10/18(木) 00:18:18.69 ID:fllkiF0t0: 完成度高すぎワロタｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
87 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:19:57.69 ID:azZn7i9M0: ほ
88 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:26:38.16 ID:k19tzGat0: 保守
89 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:32:18.36 ID:k19tzGat0: ほ
90 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:41:52.99 ID:k19tzGat0: し
91 名前：塔大からきますた[]投稿日：2012/10/18(木) 00:43:40.10 ID:x7gmFAsW0: 突然ですがWordPressの使い方講座を始めてもよろしいでしょうか
92 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:46:17.52 ID:k19tzGat0: 本当に突然だなｗｗｗ

また今日の夕方とか週末辺りに立てなおして
立てた直後あたりから始めれば人もきていい気がするがどうだろうか
93 名前：塔大からきますた[]投稿日：2012/10/18(木) 00:47:04.21 ID:x7gmFAsW0: じゃあ予行演習ってことで
94 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:48:25.60 ID:k19tzGat0: 聞いときます
95 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 00:53:52.58 ID:x7gmFAsW0: 百合原女子大学ホームページに導入されたCMS「WordPress」の使い方を
HTML/CSSの基礎から適当に説明します
長さとか考慮してないので途中で終わるかも知れません

--------------------------
第一章　HTMLとは？
--------------------------
まずはホームページの仕組みから

【用意するもの】

●テキストエディタ →HTMLを書くために利用します
オヌヌメ：ez-html HTML/CSSに対応するHTMLエディタ
http://www.w-frontier.com/software/ezhtml.html

次点：TeraPad　メモ帳より使いやすいテキストエディタ
http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html

まあメモ帳でもいいよ

●インターネットブラウザ→ホームページの表示のために利用します
オヌヌメ　Google Chrome
オヌヌメ　Mozilla Firefox
次点　　　Opera
次点　　　Safari
選外　　　Internet Explorer
96 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:55:13.09 ID:k19tzGat0: 期待
97 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:58:11.29 ID:azZn7i9M0: wktk
98 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 00:58:50.30 ID:k19tzGat0: 俺と先生しか居ない予感
99 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:05:17.11 ID:x7gmFAsW0: ●ホームページが表示される仕組み
文書や画像などをインターネット上のサーバ（Webサーバ）が保持しており、
ブラウザからのリクエストに応じてそれを表示します

ブラウザ「このページくれ」
Webサーバ「はいどうぞ」
ブラウザ「ありがと。このページ読んでたらxxx.jpgって画像があるんだけどそれもくれ」
Webサーバ「はいどうぞ」

こんなやりとりをしてます

●URL（Uniform Resource Locator）
インターネット上の住所にあたるのがURLです
本当は1xx,24,xx,222などと数字で表されるのですが、
管理も記憶もしにくいためローマ字と記号で住所が表されます

ブラウザのアドレス欄はおなじみですね！
http://yurihara.jp/index.php

この中でhttp：//がサーバとの通信方法の指定yurihara.jpというのがサーバの住所
後ろのjpは国別に与えられるドメインであり日本のことです
このドメインの後にスラッシュ（/）で続いているindex.phpがファイルの名前です

httpという決まり事にのっとって日本のyuriharaさんちのindex.phpというファイルをよこせという意味になります
100 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:07:13.55 ID:x7gmFAsW0: ちなみにindex.phpやindex.htmlは省略することが多々あります
これはフォルダにアクセスした場合、まず最初にindexのつくファイルを渡すという決まり事があるためです
（正確にはサーバの設定ですが）
101 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 01:07:51.30 ID:k19tzGat0: ふむ
102 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:12:09.83 ID:x7gmFAsW0: さてちょっと話がそれてる気がしますが気にせず行きましょう

ホームページの文書の基本となるのがHTMLファイルです
HyperText Markup Languageの略です
ハイパーテキストをマークアップするための言語という意味ですが
　　ハイパーテキスト：文書同士がハイパーリンク（リンク）で関連付けられている文書
　　マークアップ：文書の構造（見出しとか段落とか）を指定すること

前述のURLとハイパーテキストこそがWWWをWWWたらしめているといっても過言ではないかも知れません
103 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 01:13:48.38 ID:PkpFf47F0: 特任教授として
ギャージンの名前を連ねましょう
104 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 01:16:13.36 ID:azZn7i9M0: 俺でもまだかろうじてわかる
105 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:19:49.56 ID:x7gmFAsW0: うんちくはこれくらいにして実践をば

まずはどこでもいいので作業用のフォルダを作ってください

テキストエディタを開いて下記の内容を入力し
http://i.imgur.com/dLuGw.png
----------
<!DOCTYPE html>
<html>
<head>
<title>タイトル</title>
</head>
<body>
<h1>テストページですよ</h1>
<p>テストですよ</p>
</body>
</html>
-----------

作ったフォルダに「index.html」と名前を付けて保存します。
http://i.imgur.com/jx1HN.png
106 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:22:24.01 ID:x7gmFAsW0: 作ったファイルを右クリックしてブラウザから開くと

http://i.imgur.com/RIGhY.png

こんな感じで表示されます
107 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:25:53.47 ID:x7gmFAsW0: まだサーバにはアップロードしていないため皆がアクセスすることはできませんが
最低限度のホームページはこれだけでできました！

なんて簡単なんでしょう！

さて、大体わかるかもしれませんがHTMLファイルの中身（ソース）を確認していきましょう

まずはある特徴が見て取れるかと思います
<html></html>　<head></head>　のように
<>で囲まれた単語とそれにスラッシュが付いた単語が目につきますね

----------
<!DOCTYPE html>　
<html>
<head>
<title>タイトル</title>
</head>
<body>
<h1>テストページですよ</h1>
<p>テストですよ</p>
</body>
</html>
-----------
108 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 01:27:07.09 ID:H1BAqc4F0: ご飯食べて戻ってきたら、なんか講義が始まってた
109 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 01:28:19.62 ID:k19tzGat0: この調子だと朝までかかりそうな予感
110 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:32:21.52 ID:x7gmFAsW0: この<>で囲まれた単語をHTMLタグと呼びます

特にスラッシュがついていないもの（<h1>など）を開始タグ
スラッシュがついているもの（</h1>など）を終了タグと呼び

２つに挟まれた間の文書が何であるかを示しています

----------
<!DOCTYPE html>　 
<html>　　　　　　　　　　
<head>　　　　　　　　　 
<title>タイトル</title>　
</head>
<body>　　　　　　　　　　
<h1>テストページですよ</h1> 
<p>テストですよ</p>　　　　　　　
</body>
</html>
-----------

ちなみにに囲まれた部分はコメントといって表示には影響しません
111 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 01:37:06.97 ID:azZn7i9M0: なんてやさしい講座なんだ
112 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:39:46.65 ID:x7gmFAsW0: もうひとつ例をあげましょう

jpg画像を用意してください
先ほどのindex.htmlとは別にtest.htmlを以下の内容で保存します

-----------
<!DOCTYPE html>
<html>
<head>
<title>リンクと画像のテスト</title>
</head>
<body>

<a href="http://yurihara.jp">百合女</a><br>
<a href="index.html">最初に作ったページヘ</a><br>
<img src="test.jpg">

</body>
</html>
------------

これをブラウザで表示するとこうなります
http://i.imgur.com/s5adW.png
113 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:40:52.45 ID:x7gmFAsW0: おっとミスった先ほどのjpg画像はtest.jpgという名前で同じフォルダに放り込んでおいてくださいね
114 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:42:10.92 ID:x7gmFAsW0: つまりフォルダの中身はこんな感じです

http://i.imgur.com/pFQlu.png
115 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 01:45:10.23 ID:k19tzGat0: 折角だしtest.jpgはこれで
http://dl10.getuploader.com/g/yurihara/12/test.jpg
116 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:52:10.64 ID:x7gmFAsW0: ●タグの属性
<a href="～">というここまでにない表記が目につきます
タグの中にスペースを開けて href="～"　と表示されている部分を
タグの「属性」と呼び、タグだけでは表せない補足の情報を指定します
（正確には「=」より左の単語を属性と呼び、「=」より右の「""」で囲まれた部分を値と呼びます）

●<a>タグ　　ハイパーリンク
hrefはリンク先を指定する属性です

●<br>タグ　　改行
開始タグと終了タグという組み合わせではなく一つで改行を意味します。

●<img>タグ
画像を表示するタグです
srcはsourceの略でファイルの場所を表す属性です
-----------
<!DOCTYPE html>
<html>
<head>
<title>リンクと画像のテスト</title>
</head>
<body>

<a href="http://yurihara.jp">百合女</a><br>　　
<a href="index.html">最初に作ったページヘ</a><br> 
<img src="test.jpg"> 

</body>
</html>
------------
117 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:52:46.74 ID:x7gmFAsW0: >>115
あざっす
http://i.imgur.com/Bmi7o.png
118 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 01:58:00.77 ID:x7gmFAsW0: ●絶対パスと相対パス
srcやhrefなどの属性の値に画像や文書の場所を指定する方法は主に２通りあります

・絶対パスはhttp://などで始まるURL（＝Web上の住所）で文書や画像の場所を指定する方法です

・相対パスは今開いているファイルの場所を基準として場所を表記します

"test.jpg"あるいは"./test.jpg"とすれば同じフォルダのtest.jpgというファイルを
"image/test,jpg"あるいは"./image/test,jpg"同じフォルダにあるimageというフォルダの中のtest.jpgを参照するという感じです
"../test.jpg"とすれば１つ上のフォルダのtest.jpg
"../../test,jpg"とすれば２上のフォルダのtest.jpgを示します

あ、忘れてたけどimgタグも１つのタグで画像の表示を意味します
119 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:03:18.08 ID:x7gmFAsW0: ●よく使うタグ
<h1>～<h7>　見出し　数字が小さいほど上位の見出し
<div> 文書の中身の区切り（division）を表す
<p>　段落
<table>　表
<ul><ol> リスト　（<li>と合わせて使う）

これくらい覚えとけばまあ大体十分です
知らないものが出てきたらggrましょう
120 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 02:08:34.03 ID:LMs4G/6Q0: ほ
121 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:10:41.58 ID:x7gmFAsW0: ●見た目の装飾について

htmlの中には見た目を装飾するためのタグも存在します
index.htmlを以下のように書き換えます

-------------------
<!DOCTYPE html>
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor="#fffff00">
<h1>テストページですよ</h1>
<p>テストですよ</p>

<p><font size="5" color="red">フォントのテスト</font></p>

</body>
</html>
-------------------

ブラウザで開くとこうなります
http://i.imgur.com/uWqav.png

<font>タグは文字の大きさや色を指定することができます
また<body>のbgcolor属性は背景色を指定します
122 名前：以下、名無しにかわりましてVIPがお送りします[sage]投稿日：2012/10/18(木) 02:11:56.37 ID:s0I/yce30: h7ってまだあったっけ
123 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 02:11:57.66 ID:CVly4c1N0: 釣るの面白そうｗｗｗ
124 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:13:18.01 ID:x7gmFAsW0: ただしhtmlタグによる見た目の装飾は現在では推奨されない方法です

元々htmlとは文書を構造化するための規格であり、
検索エンジンなどコンピュータにとっては見た目は余計な情報だからです

そこでhtmlとCSS（Cascading Style Sheet）の併用によるデザインと内容の分離が推奨されるようになりました

※今でも一部、ガラケー対応などにfontタグなどが使われることはあります
125 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:17:25.83 ID:x7gmFAsW0: ●CSS（Cascading Style Sheet）
※以下スタイルシートと呼ぶこともあります

CSSによるデザインの指定方法には大きく分けて３種類あります

１．Style属性として指定する方法
２．<style>タグを用いてHTML文書内に書く方法
３．<link>タグを用いて外部CSSファイルを読み込む方法

>>122
なかったっけ？使わないから
126 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:22:11.12 ID:x7gmFAsW0: １．style属性として指定する方法
-------------------
<!DOCTYPE html>
<html>
<head>
<title>タイトル</title>
</head>
<body bgcolor="#fffff00">
<h7>テストページですよ</h7>
<p>テストですよ</p>

<p style="color:red; font-size:120%">フォントのテストその２</p>

</body>
</html>
-------------------

style属性の値として「プロパティ：プロパティの値;」という形で複数の条件を指定できます
color:red;　←色を赤にしろ
font-size:120%　←文字サイズを通常の120%の大きさにしろ

<font>タグを使うよりは幾分マシですが
これでは内容と見た目がまだ分離されておらずソースが読みにくいです
127 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 02:30:12.92 ID:azZn7i9M0: 実は画像表示させるところで詰まってたんだがブラウザ変えたら解決した
128 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:33:52.29 ID:x7gmFAsW0: ２．<style>タグを用いてHTML文書内に書く方法
-【index.html】------------------
<!DOCTYPE html>
<html>
<head>
<title>タイトル</title>
<style type="text/css">
body { background-color:#ffe;}
h1 {color: red;}
p { font-size : 150%;}
p.min { font-size : 90%; }
#green {
background-color:#f90;
color : green;
}
</style>
</head>
<body>
<h1>百合原女子大学</h1>
<p>百合女最高</p>
<p class="min">百合女最高</p>
<p id="green">フヒヒ</p>
</body>
</html>
------------------------------

<head>の中に<style>タグを書いて指定します
{}で括られている内部は１と同じ表記ですが
{より前でその装飾を適応するタグを指定します（セレクタと云います）
セレクタ { プロパティ1: 値1；プロパティ2:値2;　…}
129 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:45:40.58 ID:x7gmFAsW0: http://i.imgur.com/furxP.png
ブラウザでの表示はこうなってます

ここでセレクタについて見ていきましょう

●タグ名の指定
p{ }やh1{ }などの指定は　全ての<p>や<h1>に対してその設定を適用します

●クラス
「.」（ドット）の後に適当な文字をつなげるとクラスを指定できます。
htmlタグのclass属性で設定を適用します
htmlタグ名.クラス名 { } とすれば該当のhtmlタグの中でclass="クラス名"が設定されたものだけを指します

●ID
「#」の後に適当な文字を指定するとID（identity）を指定します
htmlタグ名.ID名 { }とすれば該当のhtmlタグの中でid="クラス名"が設定されたものだけを指します
クラスとの違いは１ページの中で同じIDを複数の要素に指定できないということです。
（実際は複数あってもある程度機能しますが）

●入れ子
div p { } ←divタグの中のpタグ
div p a { } ←divタグの中のpタグの中のaタグ
div#main p { }　←id属性にmainが指定されているdivタグの中のpタグ
などのように、適用する対象を限定することができます

●複数
h1, h2, h3 { } のようにカンマで区切れば一度に複数の対象に設定を適用できます

※複数の指定が被った場合は指定が上書きされます
130 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:47:02.23 ID:x7gmFAsW0: body（本文）のソースは１の属性で指定するケースと比べスッキリとしました
しかしまだ<head>部に長々とスタイルの指定が入っています
131 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:53:11.99 ID:x7gmFAsW0: ３．<link>タグを用いて外部CSSファイルを読み込む方法
index.htmlを書き換え、さらにstyle.cssを下記の内容で同じフォルダに保存します
--【index.html】---------------
<!DOCTYPE html>
<html>
<head>
<title>タイトル</title>

<link rel="stylesheet" type="text/css" href="style.css" /> 

</head>
<body>
<h1>百合原女子大学</h1>
<p>百合女最高</p>
<p class="min">百合女最高</p>
<p id="green">フヒヒ</p>
</body>
</html>
--【style.css】---------------
body { background-color:#ffe;}
h1 {color: red;}
p { font-size : 150%;}
p.min { font-size : 90%; }
#green {
background-color:#f90;
color : green;
}
--------------------------
http://i.imgur.com/mbqnC.png
これで先ほどと同じスタイルが読み込まれます
132 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:55:53.98 ID:x7gmFAsW0: ちなみにクラス名やID名に色の名前などを付けるのはあまり良くないそうです
あくまでそのタグが文書の中でどんな役目を果たしているかを考えてつけましょう

CSSのプロパティは腐るほどあるので割愛します
ggrましょう

ここまでを理解すればホームページのhtmlソースをほとんど読めるようになるはずです
（あとはJavascriptくらいのもんです）
133 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 02:58:14.42 ID:x7gmFAsW0: ここまでWordPressのワの字も出てきてません
なんということでしょう
今日のところはCSSまでで勘弁してやります

最後にHTMLとCSSの理解を深めるための方法についてです
134 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 02:58:36.83 ID:azZn7i9M0: 理解が追い付かない
135 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:00:38.68 ID:tai3WC/00: 今北産業
136 名前：以下、名無しにかわりましてVIPがお送りします[sage]投稿日：2012/10/18(木) 03:00:41.79 ID:s0I/yce30: CSSに入ったあたりからだいぶ端折ってるからな
137 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:01:58.60 ID:k19tzGat0: >>135
もう
すぐ
終わり
138 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 03:07:08.70 ID:x7gmFAsW0: 手っ取り早いのは先人が作ったありがたいホームページのソースを拝見することです
例えば百合女のホームページ
http://yurihara.jp/

右クリックしてソースを表示（表現はブラウザによる）を選ぶと
http://i.imgur.com/ioQrk.png

毎度おなじみのhtmlソースが見られます
http://i.imgur.com/SYZAS.png

スタイルシートも
<link rel="stylesheet" type="text/css" media="all" href="http://yurihara.jp/wp/wp-content/themes/twentyeleven/style.css" />
と指定されているので
http://yurihara.jp/wp/wp-content/themes/twentyeleven/style.css
で見られます

ここどうなってるんだろうと思ったらソースを読んでみると非情に参考になります

>>134
駆け足ですしね
実例を見ているうちにわかってくるかと
139 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:09:58.40 ID:k19tzGat0: 非情に参考になるわ
140 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:18:42.17 ID:azZn7i9M0: ふう…今日はこの辺にしといてやろう
141 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 03:19:44.92 ID:x7gmFAsW0: ページが複雑すぎてソースを読むのが面倒なこともあります

そんな時はChromeちゃんの「要素を検証」が便利です
Firefoxたんでは「要素を調査」という名前です
IEでもFireBug Liteとか導入すれば似たような機能を使えます
http://i.imgur.com/N85CC.png

http://i.imgur.com/oYXyY.png
１．タグの上で右クリックして要素を調査を選ぶとhtmlソースの該当部分が表示され（オレンジ枠）
２．さらにタグの大きさや入れ子の情報なども視覚的に表示されます
３．右ペインにはスタイルの情報とどのファイルのどの行で指定されているかまるわかりです。（青枠）

そして一番の肝はCSSやHTMLタグのリアルタイム変更機能です
http://i.imgur.com/OOh71.png
ブラウザ上で表示を確認しながらCSSやHTMLを試すことができます

自身が書いたソースのミスを検証するのにも使えます
困ったら右クリックして要素を検証
これ最強
142 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 03:24:37.45 ID:x7gmFAsW0: 要素を検証ではHTMLとCSSのほか
Javascriptのデバッグやページの読み込み速度まで丸わかりです。
http://i.imgur.com/EtlxY.png

ありがとうGoogle！ありがとうMozilla ！　ファxxxン　Microsoft！

あ、一応IEでもF12キーで開発者ツールとかいう機能を起動できるよ！
143 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 03:26:02.46 ID:x7gmFAsW0: CSSまではこんなとこです

ごせいちょうありがとうございまいたねむい
144 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:27:04.71 ID:k19tzGat0: 乙おれもねむい
145 名前：塔大からきますた＠転載禁止[]投稿日：2012/10/18(木) 03:27:52.65 ID:x7gmFAsW0: CSSが第二章でよかった気がガガガ

まあいいや
146 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:28:57.80 ID:O2J1lhoI0: もう校歌ってあるの？
147 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:29:35.81 ID:k19tzGat0: 詩も曲もまだ
148 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:29:52.83 ID:H1BAqc4F0: >>146
未定

歌詞もこれから
149 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:30:14.16 ID:azZn7i9M0: なるほど
つまりこの先俺が一生使うことのない機能ってことだな

乙でした
150 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:31:18.00 ID:O2J1lhoI0: ありがとう
なるほどね
歌詞ができたら教えてくれ！
151 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:33:29.40 ID:k19tzGat0: おおっ　作曲職人か
152 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:35:40.64 ID:k19tzGat0: 最後に避難所を
http://ex14.vip2ch.com/test/read.cgi/part4vip/1350378785/
153 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:36:38.31 ID:H1BAqc4F0: >>150
作曲してくれるなら、一度避難所のほうにトリつけて書き込んでくれ
154 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:39:21.64 ID:k19tzGat0: 酉は強制しなくてもいいんじゃね　それだと新規さんが入りづらいだろう
スレ立ってないときは避難所でやってるから気が向いたらよろです
155 名前：以下、名無しにかわりましてVIPがお送りします[]投稿日：2012/10/18(木) 03:43:09.46 ID:O2J1lhoI0: 書き込んでみた！すぐには必要ないだろうから当分覗いてるね！

37 KB

全部最新50