あやこのWebデザイン奮闘記
就活用ポートフォリオサイトの制作過程を載せていくwebデザイナー志望のあやこのブログ。
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
バイトを始めたのです。
写真スタジオのレタッチ＋デザイン作業ですね。
web関連ではないものの、画像補正の技術やらをスピードアップさせつつお金を稼ぐ一石二鳥のバイトです。
webデザイナーしたい人は一度は経験しておくといい職かもしれません。
そして、今回久々にブログを書いたのには訳があります。
現在制作中の29てぃるのサイトですが、徐々に進んできたものの、なぜかlightboxが効かなくて困っているわけです。
なぜか画像だけが表示され、ページの上に黒い半透明の背景のある画像表示状態にはならないのです…。
以下がHTMLタグです。
<!--スタイルシート-->
<link rel="stylesheet" href="./css/lightbox.css" type="text/css" />
<link href="./css/style.css" type="text/css" rel="stylesheet" />
<!--スタイルシートここまで-->
<!--ヘッド内のスクリプト-->
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<!--ヘッド内のスクリプト-->
<!--body内のaタグ-->
<a href="./img/prof/c/ck1.jpg" rel="lightbox[ck]" title="絵画1：ベニヤ板×油彩">1</a>
<!--body内のaタグ-->
lightboxのCSSには、きちんとNext prevの画像urlも直してあるのに・・・。
フォルダ階層も合ってるはずだし、よくわからん・・・。
先生に聞いてみても入れ方は合ってるそうです。
が、なぜかそうなる。
困ったもんだ・・・。
別の先生の協力のもと、試行錯誤の結果、
<body>
<!--body内のaタグ-->
<a href="./img/prof/c/ck1.jpg" rel="lightbox[ck]" title="絵画1：ベニヤ板×油彩">1</a>
<!--body内のaタグ-->
<!--body閉じタグ前のスクリプト-->
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<!--body閉じタグ前のスクリプト-->
</body>
で解決しました。
写真スタジオのレタッチ＋デザイン作業ですね。
web関連ではないものの、画像補正の技術やらをスピードアップさせつつお金を稼ぐ一石二鳥のバイトです。
webデザイナーしたい人は一度は経験しておくといい職かもしれません。
そして、今回久々にブログを書いたのには訳があります。
現在制作中の29てぃるのサイトですが、徐々に進んできたものの、なぜかlightboxが効かなくて困っているわけです。
なぜか画像だけが表示され、ページの上に黒い半透明の背景のある画像表示状態にはならないのです…。
以下がHTMLタグです。
<!--スタイルシート-->
<link rel="stylesheet" href="./css/lightbox.css" type="text/css" />
<link href="./css/style.css" type="text/css" rel="stylesheet" />
<!--スタイルシートここまで-->
<!--ヘッド内のスクリプト-->
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<!--ヘッド内のスクリプト-->
<!--body内のaタグ-->
<a href="./img/prof/c/ck1.jpg" rel="lightbox[ck]" title="絵画1：ベニヤ板×油彩">1</a>
<!--body内のaタグ-->
lightboxのCSSには、きちんとNext prevの画像urlも直してあるのに・・・。
フォルダ階層も合ってるはずだし、よくわからん・・・。
先生に聞いてみても入れ方は合ってるそうです。
が、なぜかそうなる。
困ったもんだ・・・。
別の先生の協力のもと、試行錯誤の結果、
<body>
<!--body内のaタグ-->
<a href="./img/prof/c/ck1.jpg" rel="lightbox[ck]" title="絵画1：ベニヤ板×油彩">1</a>
<!--body内のaタグ-->
<!--body閉じタグ前のスクリプト-->
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<!--body閉じタグ前のスクリプト-->
</body>
で解決しました。
PR
広告
自分用リンク
便利サイトから友人サイト・お気に入りサイトまでごちゃまぜ。
BC
アマゾンの本
己
ＨＮ：あやこ
年齢：38
性別：女性
誕生日：1986/02/18
職業：無職
趣味：何かを作るという事
自己紹介：2008年芸大卒業後、就職するもソフトの知識がなくや業務はデザイン以外の出荷業務や雑務が多く2009年7月には退職。
専門知識を得るべく選んだのは3DCG映像制作。
2009年10月よりデジハリにて映像を学び2010年に卒業後、アルバイトをしながらポートフォリオを制作しようとするものの、アルバイトの方が忙しくポートフォリオの制作ができないまま半年を過ごしてしまう。
2011年3月にバイトを辞めポートフォリオ制作をし、就活を始めるも中々決まらないまま月日は過ぎていってしまう。
2012年12月にようやく遊技機のオーサリングデザイナー職で東京の会社に受かる。 契約社員にて勤務。
仕事はしんどいものの東京生活はなかなか楽しく2年間が過ぎ、2014年12月にて期間満了になり大阪へ戻ってきました。
遊技機での映像制作は派手さをいう面で合わないと判断し、デザイン職での就職を目指し、大阪の会社でアルバイトを2015年1月から始める。
しかしこちらも業務が忙しく、梱包作業や取材等、何から何までしないといけない会社だったため3月には辞め、その後就活を再開。
ひとつきほど仕事を探してみて、webデザインなどができるデザイナーの募集が結構あることに気づき勉強することを決める。
2015年4月より専門学校に通い、現在就活中。
専門知識を得るべく選んだのは3DCG映像制作。
2009年10月よりデジハリにて映像を学び2010年に卒業後、アルバイトをしながらポートフォリオを制作しようとするものの、アルバイトの方が忙しくポートフォリオの制作ができないまま半年を過ごしてしまう。
2011年3月にバイトを辞めポートフォリオ制作をし、就活を始めるも中々決まらないまま月日は過ぎていってしまう。
2012年12月にようやく遊技機のオーサリングデザイナー職で東京の会社に受かる。 契約社員にて勤務。
仕事はしんどいものの東京生活はなかなか楽しく2年間が過ぎ、2014年12月にて期間満了になり大阪へ戻ってきました。
遊技機での映像制作は派手さをいう面で合わないと判断し、デザイン職での就職を目指し、大阪の会社でアルバイトを2015年1月から始める。
しかしこちらも業務が忙しく、梱包作業や取材等、何から何までしないといけない会社だったため3月には辞め、その後就活を再開。
ひとつきほど仕事を探してみて、webデザインなどができるデザイナーの募集が結構あることに気づき勉強することを決める。
2015年4月より専門学校に通い、現在就活中。