スケジュール
どうやって？
HTML基礎知識
HTML
タグについて
最近の投稿
- nginxローカルネットワーク公開用追加設定 2016年5月10日
- 作ってみたいサイト気に入ったサイト2016 2016年4月26日
- 練習サイト 2015年9月28日
- 作ってみたいサイト気に入ったサイト2015 2015年9月21日
- タグ情報 2014年12月4日
カテゴリー
- NEW (20)
SNOW BLOG
カテゴリー：NEW
nginxローカルネットワーク公開用追加設定
2016年5月10日
nginxローカルネットワーク公開用追加設定
server {
listen 8000;
location / {
proxy_pass 192.168.33.12;
}
}
homebrewアドレス
作ってみたいサイト気に入ったサイト2016
2016年4月26日
1.本文
１、やってみたいこと
⇒自分のHPをかっこよくつくりたい
２好きなHP
⇒昔、小学館の児童書のHPがかっこよかった。
３今までに受けた授業は、アニメーションの授業と画像処理
４グラフィックソフト
フォトショップ、FLASH
５かっこよくHPが動く技を知りたい
1.やってみたい事
パソコンは得意ではないのですが、ホームページの作り方やデザインの仕方を学んで、今後に役立たせたいと思っています。
2.好きなホームページ、タイトル：リンク、なにが好き？
『灰みみのシルバニアタウン作り』：http://ashmimi.com/language/ja
モノを作ることや、建築物にも興味があります。上記のホームページでは、ハンドメイドで小物を作ったり、建物を作ったりしているので、見ていて面白いです。
3.今までに受けたことのある情報関連の授業
情報処理基礎㈵・情報処理基礎㈼
4.今までに使ったことのあるグラフィックソフト
（例：フォトショップ・イラストレータ・Flash）
使ったことはありません。
5.授業への要望
ついていけるように頑張りますが、もう少しだけゆっくり進めていただけると助かります。
1.やってみたい事
パソコンを使うのは得意ではないので、この授業を通して、使いこなせるようになりたいです。
2.好きなホームページ、タイトル：リンク、なにが好き？
『灰みみのシルバニアタウン作り』: ashmimi.com/language/ja/
モノを作ることが好きで、建築物などにも興味があります。上記のホームページは、ハンドメイドで小物や建物を作る方法などが載っているので、見ていて面白いです。
3.今までに受けたことのある情報関連の授業
情報処理基礎㈵・情報処理基礎㈼
4.今までに使ったことのあるグラフィックソフト
（例：フォトショップ・イラストレータ・Flash）
使ったことはありません。
5.授業への要望
少しゆっくりしたスピードで
1.自分のホームページを作ってみたい。
2.TOP VIVA LA ROCK 2016 vivalarock.jp/2016/
3.情報処理基礎Ｉ
4.ありません
5.PC操作がすごく苦手なのでゆっくり授業を進めてほしいです。
1.本文
１街や地域紹介のホームページの作成
２好きなもの 現代アート 西洋美術
３なし
情報の授業を受けたことがないため授業についていけるかの不安がありますが、よろしくお願いします。
１、ディズニー関連のHPを作りたい
２、ジャニーズネット（分かりやすさ）
３、情報基礎㈼
情報と文化演習㈵
４、フォトショップ、ピクトベアー
５、特になし
６、分からないことだらけで迷惑をおかけしてしまうと思いまずが、頑張りますのでよろしくお願いします。
1.グラフィックソフトや授業で習ったことを使って、今までの自分ではできなかったようなサイト制作をしてみたい。
2.TSUBAKI×蜷川実花 TSUBAKI１０周年記念サイトhttps://www.shiseido.co.jp/tsubaki10th/collaboration/
鮮やかな写真、サンリオが好きです
3.ないです
4.ないです
5.パソコンが苦手なので、少しゆっくりやってほしいです。よろしくお願いします。
1.カーソルをかざすだけでメニューなどが動くようなＷｅｂデザイン
2.立命館大学映像学部のホームページ
好きな点は、開いた時に一瞬出る学部名の動きと、メニューバーの作り
3.情報と文化演習㈵（画像処理）
情報処理基礎㈵
4.フォトショップ
5.グラフィックソフトの利用経験が少ないので、丁寧に教えていただけると嬉しいです。頑張ってついていきたいと思います。
1 学生記者の活動紹介
大学案内の冊子の記事の一部を現役大学生記者として１年時から担当しています。
その活動内容についてまとめてみたいです。
2 http://www.sanrio.co.jp/
ごちゃごちゃしてるのがキャラクターサイトらしくて好きです。
ただ自分の作成するサイトはシンプル目にしたいと考えています。
3 情報処理基礎㈵（１年前期）、情報処理基礎㈼（１年後期）
情報と文化演習㈵：画像処理（本講座と並行して受講中）
基礎心理学特講１０：グラフィックプログラミング（本講座と並行して受講中）
4 特になし
5 情報処理に精通していないので、一抹の不安を抱えています。
しかし来春からSEとして就職する予定なので、学生時代のうちに
やっておけることはないかなと思い、受講を決意しました。
どうぞよろしくお願いいたします。
練習サイト
2015年9月28日
jwu02.i-elements.net/jwu-practice/
jwu02.i-elements.net/jwu-practice/css/style.css
jwu3.i-elements.net/2013l/shinji02/
jwu3.i-elements.net/2013l/shinji02/css/structure.css
作ってみたいサイト気に入ったサイト2015
2015年9月21日
1.サクラボのページを自力で色々いじれるようになりたい！
2.帝国劇場 http://www.toho.co.jp/stage/teigeki/
劇団四季 https://www.shiki.jp/
TVアニメ『東京喰種トーキョーグール』公式サイト
http://www.marv.jp/special/tokyoghoul/
3.情報処理基礎、画像処理、webアニメーション、
4.フォトショップ、Flash、イラストレータ(少し)
1.本文
1.サークル（日本女子大学管弦楽団）のHPをつくりたい。
2.http://utapri.tv/
3.情報処理基礎㈵と㈼、画像処理、Webアニメーション
4.Photoshop、Flash、Illustrator（少し）、FireAlpaca
5.前期では大変お世話になりました。自分にとってとても良い経験になり、他にも積極的に情報系の授業をうけています。後期もどうぞよろしくお願いいたします。
1.やってみたい事
サイドバーの作成、SNSリンクの貼り付け
視覚的なサイトの作成
2.好きなホームページ、タイトル：リンク、なにが好き？
絵本の国のアリス
3.今までに受けたことのある情報関連の授業
情報処理基礎㈵
4.今までに使ったことのあるグラフィックソフト
（例：フォトショップ・イラストレータ・Flash）
5.授業への要望
初心者なので、わかりやすく説明してください。又、わかりにくい部分は実際にやってみせてほしいです。よろしくお願いします。
タグ情報
2014年12月4日
ボックスサイズの算出方法
box-sizing: border-box;
スタイルシートのリンク
<link rel="stylesheet" type="text/css" href="css/style.css" />
クリアフィックス
.clearfix {
width: 100%;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
無料ホームページ
2014年11月10日
FC2
宿題２ 11月10日必須
2014年10月27日
11月10日必須
11月10日から制作に入ります。それぞれの制作が始められるように準備して来てください。
以下は制作を始めるにあたっての宿題です。
手書きでラフなものでもかまいません。
1.企画書
どんなホームページを作るかの企画書です。
ホームページタイトル
ホームページ目的
ターゲットユーザ
コンセプト
2.スケルトン
ページの構成を考えます。どんな風に伝えるか。
または、見に来た人がなにを知りたいか。
そういう事を考えて構成しましょう。
ページの構成をスケルトン形式で
デザインラフ等
3.スケジュール表
スケジュールを考えましょう。
どんな作業が必要か、洗い出す必要があります。
初めは大雑把に考えておけば良いです。
ガントチャート
作ってみたいサイト気に入ったサイト2014
2014年10月27日
1.サークルでの企画を元にHPを作ってみたいです。
テーブルを活用したいと思っています
2.
www.square-enix.co.jp/kingdom/3d/
テーブルの参考にしたいのと、カーソルが特殊になっていて面白いため
１．自分の所属しているサークルのhpを作りたい。すでに存在しているが、デザイン性や、利便性についてもっと追及できるところがあると思うので最初から作り上げてみたい。
２．「幻想エメラルド」
エレベーター風のメニューは遊び心があり、工夫されていてひきつけられるものがあった。
「花蟲」http://hanamushi.jp/index2.htm
作品とhpの融合というアイデアに衝撃を受けた。
1.今私が所属しているゼミの紹介ページを作りたいです。
2.
トップの「「世界のヒトツ」がここにある」というフレーズが印象的。
中央の画像がｽﾗｲﾄﾞしていくのも素敵だと思ったから。
１：一通りホームページを自分で完成させたいです。
２：八十八ヶ所巡礼Official Site
ごちゃごちゃとしてないけど安っぽくもなくかつインパクトがあるから。
２：MURO FESTIVL 2014
イベント開催前も、随時重要な情報などを見やすいように表示していたから。終了後のフォトギャラリーもサクサクみられて良いです。
1.自力でwebを作れるようになる
2.ファッションコーディネートWEAR
スタイリッシュで面白い動きをするので見ていて楽しい
1.webのHPをきちんと作れるようになりたい。
2.
好きなクラブチームのHPだから。
1.ホームページ作成。ファッションページや、写真集などの公開。
2.イング通販HPリンク
動きのあるHPやそのレイアウト、商品を閲覧者に見やすく見せる技術がよく表されていると思ったので、お気に入りです。
1.画像をポインタすると画像が反転（シルエットがふつうのイラストに、とか）して、クリックするとそれが広がってサイトになる、みたいな…。
2.
鬱になると名高い（やったことはないのですが）ゲームのサイトです。
一番初めに入るところのロールオーバーがかっこよくて好きです。
1.今まで作ったのはタグを手で入力して作るホームページだったので、学生が作ったとは思えないようなサイトづくりをしてみたい。ホームページを作る中でFlashなども使ってみたい。
2.
インパクトが強いが、ゴチャゴチャしていなくてスッキリまとまっていると感じたから。リンクなどもわかりやすいと思ったから。
1.きれいなデザインのWebページが作りたい
2.
すごく使いやすい。設定が細かいので知りたい情報
が知れるのがよいと思います。
1.所属している日本女子大学の方のサークルの紹介サイトを個人で作成したい
2.
自分の所属しているサークルで、背景の色や構成が気に入った。
1.ネット上で見つけたお気に入りのファッションを掲載できるような、
服飾系のサイトを作ってみたい。
2.
Ne-net：http://ne-net.net/index.html
かわいらしい洋服が沢山掲載されているから。
1.自分の体験を活かしたHPを作りたい。(例：1人旅など）
2.
絵の描き方が載っていて見やすいため。
１．サイト作成についての基本的な知識を身につけたいです。
動物や妖怪が好きなのでその辺りの紹介ページとか作ってみたいです。
２．
www.shiseido.co.jp/mj/index.html
オンマウスでの変化がわかりやすくて好きです。あとデザイン凝ってるのに見やすくてすごいなと思いました。
1.絵と連動して（FLASH？とか）、ある部分をクリックするとあるページへ行って、違う部分をクリックすると違うページへ飛ぶ・・・というようなことをやりたい。
2.HAL研究所
FLASHバージョンでサイトを閲覧したときのIDEA CUBEの発想が面白いと思ったから。また、TOPの部分で丸いピンクのものを動かすことができたり、遊び心があるなと感じたから。
１.自分の創作作品の世界観紹介のサイト
２.アリア
シンプルで見やすく、ページに統一感があるから。
marginal4.net/(MARGINAL#4ポータルページ)
情報量の多さを綺麗にまとめていると感じたから。
作ってみたいサイト、気に入ったサイト 2014
2014年10月27日
1.サークルでの企画を元にHPを作ってみたいです。
テーブルを活用したいと思っています
2. http://www.square-enix.co.jp/kingdom/3d/
テーブルの参考にしたいのと、カーソルが特殊になっていて面白いため
１．自分の所属しているサークルのhpを作りたい。すでに存在しているが、デザイン性や、利便性についてもっと追及できるところがあると思うので最初から作り上げてみたい。
２．
「幻想エメラルド」http://www.genrouemerald.com/
エレベーター風のメニューは遊び心があり、工夫されていてひきつけられるものがあった。
「花蟲」http://hanamushi.jp/index2.htm
作品とhpの融合というアイデアに衝撃を受けた。
１．自分の所属しているサークルのhpを作りたい。すでに存在しているが、デザイン性や、利便性についてもっと追及できるところがあると思うので最初から作り上げてみたい。
２．「幻想エメラルド」http://www.genrouemerald.com/
エレベーター風のメニューは遊び心があり、工夫されていてひきつけられるものがあった。
「花蟲」http://hanamushi.jp/index2.htm
作品とhpの融合というアイデアに衝撃を受けた。
１：一通りホームページを自分で完成させたいです。
２：八十八ヶ所巡礼Official Site
ごちゃごちゃとしてないけど安っぽくもなくかつインパクトがあるから。
1.今私が所属しているゼミの紹介ページを作りたいです。
2.http://www.hanjiro.co.jp/
トップの「「世界のヒトツ」がここにある」というフレーズが印象的。
中央の画像がｽﾗｲﾄﾞしていくのも素敵だと思ったから。
１：一通りホームページを自分で完成させたいです。
２：八十八ヶ所巡礼Official Site
ごちゃごちゃとしてないけど安っぽくもなくかつインパクトがあるから。
MURO FESTIVL 2014
イベント開催前も、随時重要な情報などを見やすいように表示していたから。終了後のフォトギャラリーもサクサクみられて良いです。
1.やってみたい事
自力でwebを作れるようになる
2.自分のお気に入りのページへのリンク、なぜ気に入ったか
ファッションコーディネートWEAR(http://wear.jp/)
スタイリッシュで面白い動きをするので見ていて楽しい
1.やってみたい事
webのHPをきちんと作れるようになりたい。
2.自分のお気に入りのページへのリンク、なぜ気に入ったか
好きなクラブチームのHPだから。
1.やってみたい事
ホームページ作成。ファッションページや、写真集などの公開。
2.自分のお気に入りのページへのリンク、なぜ気に入ったか
イング通販HPリンク http://www.ingni-store.com/
動きのあるHPやそのレイアウト、商品を閲覧者に見やすく見せる技術がよく表されていると思ったので、お気に入りです。
1.やってみたい事
画像をポインタすると画像が反転（シルエットがふつうのイラストに、とか）して、クリックするとそれが広がってサイトになる、みたいな…。
2.自分のお気に入りのページへのリンク、なぜ気に入ったか
鬱になると名高い（やったことはないのですが）ゲームのサイトです。
一番初めに入るところのロールオーバーがかっこよくて好きです。
1.やってみたい事
今まで作ったのはタグを手で入力して作るホームページだったので、学生が作ったとは思えないようなサイトづくりをしてみたい。ホームページを作る中でFlashなども使ってみたい。
2.自分のお気に入りのページへのリンク、なぜ気に入ったか
インパクトが強いが、ゴチャゴチャしていなくてスッキリまとまっていると感じたから。リンクなどもわかりやすいと思ったから。
1きれいなデザインのWebページが作りたい
transit.loco.yahoo.co.jp/
すごく使いやすい。設定が細かいので知りたい情報
が知れるのがよいと思います。
1.やってみたい事 所属している日本女子大学の方のサークルの紹介サイトを個人で作成したい
2.自分のお気に入りのページへのリンク、なぜ気に入ったか
keiowind.com/ 自分の所属しているサークルで、背景の色や構成が気に入った。
1.ネット上で見つけたお気に入りのファッションを掲載できるような、
服飾系のサイトを作ってみたい。
2.Ne-net：http://ne-net.net/index.html
かわいらしい洋服が沢山掲載されているから。
1.自分の体験を活かしたHPを作りたい。(例：1人旅など）
2.http://iradukai.com/m-SAI.htm
絵の描き方が載っていて見やすいため。
１．サイト作成についての基本的な知識を身につけたいです。
動物や妖怪が好きなのでその辺りの紹介ページとか作ってみたいです。
２．http://www.shiseido.co.jp/mj/index.html
オンマウスでの変化がわかりやすくて好きです。あとデザイン凝ってるのに見やすくてすごいなと思いました。
1.やってみたい事
絵と連動して（FLASH？とか）、ある部分をクリックするとあるページへ行って、違う部分をクリックすると違うページへ飛ぶ・・・というようなことをやりたい。
2.自分のお気に入りのページへのリンク、なぜ気に入ったか
HAL研究所：http://www.hallab.co.jp/
FLASHバージョンでサイトを閲覧したときのIDEA CUBEの発想が面白いと思ったから。また、TOPの部分で丸いピンクのものを動かすことができたり、遊び心があるなと感じたから。
１自分の創作作品の世界観紹介のサイト
２http://bj.grats.jp/index.html(アリア)
シンプルで見やすく、ページに統一感があるから。
marginal4.net/(MARGINAL#4ポータルページ)
情報量の多さを綺麗にまとめていると感じたから。
授業記録 2014年
2014年10月26日
９・２２ ０１ ガイダンス なにをする？どうやって？ドリームウィーバーを少し触ってみよう。
９・２９ ０２ HTMLタグCSS作成 jwu-web.i-elements.net/html-tag_css/
１０・ ６ （台風休講）
１０・１３ ０３ HTMLタグCSS作成 jwu-web.i-elements.net/html-tag_css/
１０・１０ （学園祭代休）
１０・２７ ０４ HTMLテクニック http://jwu-web.i-elements.net/html-tec/
使用教材 jwu-web.i-elements.net/wp-content/uploads/2013/08/9f4b9247940c18fa66bad875d0e8c18e.png
１１・０３ ０５ （文化の日通常授業）
１１・１０ ０６
１１・１７ ０７
１１・２４ ０８
１２・０１ ０９
１２・ ８ １０
１２・１５ １１
１２・２２ １２
１２・２９ （冬期休暇）１２・２３〜１・０３
１・ ５ １３
１・１２ （成人の日）
１・１９ １４（授業最終日）
１・２６ １５（後期試験日）