一般社団法人真成様のHPを作成させていただきました。 http://www.shin-sei.org/index.html
Jimdoにスライドショーを入れる方法をご紹介します。 今回は、jQuery Cycleを利用してスライドショーを入れてみます。 初心者でも簡単に出来るのでとてもおすすめです！ それでは、やってみましょう！ ※こんな感じスライドショーです。 ①jQuery Cycleのサイ…
私のポートフォリオサイトを紹介します。 フェリカテクニカルアカデミーに在籍している時に作成したものです。
Webデザイナーを目指すなら、Photoshopはマスターしておいた方がいいですよ！ やはり、Photoshopを使う機会が多いです。 私は、Illustratorの方が使いやすいので苦労しています。。。
①新規でドキュメント作成する際は、ドキュメントをWebにする。 ②線の中の”線を内側に揃える”を選択。 ③表示→ピクセルプレビューにチェックを付ける。 ④保存は、Webおよびデバイス用に保存(w)で保存 ・画像サイズのアートボードサイズでクリップのチェックを…
PhotoshopCS6を使っていて、色がカラーになりませんでした。 カラーモードの変更出来ないし。。。。 先輩に訊いたら新規でドキュメントを作成する時にカラーモードがグレースケールにしてしまうと、カラーに出来ないそうです。 へ〜！？そうなの！！ なので…
macで記号や特殊文字入力のショートカットキー 例） · を入力するには、「Shift」＋「Option」＋「9」 • を入力するには、「Option」＋「8」 を入力するには、「Shift」＋「Option」＋「K」 é を入力するには、「Option」＋「E」を押した後に「E」 参考ペ…
ソース（HTML）でスペース（空白）を空ける記述は２種類あります。 ①&nsp; ······ 空白が薄いのでたくさん空けたい場合には向いていない。空白欄に記入するのには良い。 ②<span style="margin-right: 8em;"></span> ······ 空けたい文字数分だけ空けられる。 ※ 8emの部分に空けたい文字数を記述
CSSなしでナビゲーションメニューに画像を貼付けて作成する方法 - ソース - <htmllang="ja"> <head> <metacharset="UTF-8"> <title>ナビゲーション</title> <linkrel="stylesheet"href="css/style.css"> </head> <body> <divid="nav"> <ul> <li><ahref="#"></ahref="#"></li></ul></divid="nav"></body></htmllang="ja">
CSSを使ってナビゲーションメニューに画像を貼付けて作成する方法 - ソース - <htmllang="ja"> <head> <metacharset="UTF-8"> <title>CSS Sprites</title> <linkhref="css/style.css"rel="stylesheet"> </head> <body> <divid="nav"> <ul> <liid="home"><ahref="#"><em>ホーム</em></a></li> <liid="food"><ahref="#"><em>カフェフード</em></a></li>…
今日もグラフィックデザインでした。 作成した作品はこちらです。 文字変形 使用ツール等：ダイレクト選択ツール、グラデーションツール ※文字の変形は、文字をアウトライン化し変形したいパスをダイレクト選択ツールで選択し変形。 日本地図 使用ツール等：…
今日はグラフィックデザインでスイーツ書籍のチラシのデザインをカラー.ver と モノクロ.ver の２種類をしました。 〜授業メモ〜 photoshop 紙媒体(AIで)に切り抜き写真を使うためにphotoshopで切り抜く時は、クリッピングパスを使う。 「Web用に保存」でPNG…
今日の授業で、問合せフォームの作成確認をしました。 先生が作成で使用していたタグの意味をメモしました。 <th scope="col">見出しセル</th>scope属性を指定すると、そのセルがどちらの方向に対する見出しであるかを明示することができます。 値 row … そのセルが、横列に対する…
今日の授業の流れは、 ①CSS3の演習テスト実施 ②Webフォント ③svg画像を作成 ④シンタックスハイライターについて ⑤zen-codingについて 〜メモ〜 ①GoogleFonts i ) GoogleFontsを開く ii ) 使いたいフォントを探す iii ) 選んだら 矢印マーク（Quick Use）を押…
CSS3 演習問題 の解答 【問１】CSS3で影をつける場合の、プロパティ名を２つ書きなさい 【答１】box-shadow text-shadow ※ 答えをクリックすると詳しい内容がわかります。 【問２】CSS3で影をつける場合、プロパティに設定する4つのパラメータ のうち、1つ目…
今日、いいなと思ったWebサイトのピックアップが100件達成しました！ 引き続き紹介は続けて行く予定です！
今日の授業は、書籍チラシを制作しました。 先生から提供されたチラシのデータをもとにIllustratorを使ってコピー作品を制作しました。３時間で完成出来なかったのでへこみましたよ。。。
授業でカフェのフライヤー（CDジャケットサイズ）を作成しました。 白黒.ver カラー.ver カラー.verは、フライヤーではなくチラシになってしまいました。。。 失敗です。。。 先生のアドバイスは、 ①フライヤーとはチラシとは違う ②手にとってもらえるデザイ…
SublimeText 2 を導入しましたので、導入方法を紹介します。 SublimeText 2 をダウンロードする。 公式のサイト（http://www.sublimetext.com/2）から、自分の環境にあったファイルをダウンロードしてきてください。 ※OSは、Windows,Mac,Linux に対応してい…
今日は、SublimeText3をインストールし日本語化、ビオレパッケージデザイン（花王社製品）。 ①SublimeText3をインストールし日本語化。 インストールは出来ましたが、日本語で表示させることが出来ませんでした。。。 メニューバーまでは出来ましたがね。 ②…
今日は、CSS3を使ってグラデーションの設定を学びました。 学校ブログ 7/29を参照 ★mozilla系のブラウザ用の命令 記述例 ）background:-moz-linear-gradient(top, #990, #066); 解説 ) background:-moz-linear-gradient (方向, 開始色, 終了色); 方向の種類 …
今日は、HTML5とCSS3とPHPの授業でした。 午前の授業は、昨日につづきレスポンシブWebデザインです。 午後は、CSS3を使用し角を丸くするborder-radiusと、PHPでブログやYahoo!のトピックスのrssを取得する方法を学びました。 ①レスポンシブWebデザインは、固…
Webサイト制作科 | 習得度確認試験５ 【問１】セクションのヘッダー領域を定義するタグは何か書きなさい 【答１】header 【問２】一般的なドキュメント・セクションやアプリケーション・セクションを定義するタグは何か書きなさい 【答２】section 【問３】…
今日はHTML5でレスポンシブWEBデザイン、ボックスとテキストにシャドウを付ける。 ①可変レイアウトパターン：HTML+CSS 学校のブログ 2014-07-08の記事の「可変レイアウトパターン：HTML+CSS」をもとに進行。 ②ボックスとテキストにシャドウを付ける。 学校の…
Q1. HTML5の説明で正しいものはどれか これまでのHTMLを大幅に改定したHTML第5改訂版 HTMLやXHTMLの文書作成機能を改良し、より構造化しやすいタグが利用できる 次世代のWeb環境に合うように仕様を作成 W3C(World Wide Web Consortium）の管理下で仕様を策定…
①PHPのメールフォーム 青地部を書き換え。 赤字部を追記する。 <table> <tr> <th><label for="name">お名前:<br><span>※必須</span> ３０文字以内</label></th> <td><input type="text" name="name" id="name" size="76" maxlength="30" placeholder="例：東京太郎" value="<?php echo h($name); ?>" required ></td> </tr> <tr> <th><label for="email">ema…</label></th></tr></table>
PHPの基本を書きます。 ①拡張子は「 .php 」で保存する。 ② の <php と ?> の間に記述する。 ※PHPの記述の後にPHP以外の記述が無い場合は、 ?> の記述は無くて良い。 ③文字列を表示させたい場合は、 print ( ' 文字列 ' ); または print ( " 文字列 " ); print ' 文字</php>…
ＩＤの盗難を防ぐ init.phpのsession_start( ); が動いたら cookie が動く。 - index.php -
おすすめのスライダーを紹介します。 それは、bxSliderです。 とても加工が簡単ですしIEでも表示されるのでとてもおすすめです。 ①ファイルをダウンロード bxSliderの公式サイト(http://bxslider.com/)の右上の「Download」ボタンから必要なファイルをダウン…
index.php
