基礎コース– category –
-
j-9動きのあるアコーディオン
htmlでリストデザインしておく。全体のul クラスは accordion 親リストタイトルは段落とspanで囲む ↓ リストデザインはcss等で完成させておく ↓ jqwery本体読み込み ↓ jsの読み込み <script> $('.accordion p').click(function() { $('.accordion p... -
3-4WEB素材作成のためのイラレ基礎
イラストレーター WEBサイトは閲覧者がまずチェックする企業や店舗の顔とも言えます。 美しい画像や、デザインでサイトに訪れた閲覧者の関心を集めましょう。 イラストレーター全機能の……40パーセント程度を扱います。 図形……1 長方形を作る ツールボック... -
8-1コーディング
htmlで組み立てる デザインパーツが仕上がったら材料をhtmlに挿入してコーディングしていきます。 文章がまだ仕上がっていない場合は仮文章で配置します。 → dreamweaverを起動 → 新規サイトを定義参考lesson1 → imagesフォルダを作成、もしくはphotoshop... -
3-2素材作成photoshop
フォトショップ フォトショップの主な機能 写真の修正、加工、合成 イラストの書き起こし 起動してみる フォトショップのアイコンをダブルクリック(mac) スタート→すべてのプログラム→フォトショップ（windows） 基本画面 メニューバー………………各種機能 パレ... -
j-8ある程度スクロールしたら現れる「上へ」ボタン
→長めに作成したhtmlファイルを開く scrolltopcontrol.jsをダウンロードを実装 →「上へ」の画像を用意しておく →新規jsファイルを作成 内容は下記 //** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicd... -
10-1その他htmlサイトでできること
静的なhtmlサイトは完成したと思います。 基礎コース最後の回では質問などをして疑問の残らないようにして次のステップに進んでください。 この回ではその他できる事を簡単に見ていきます。 JavaScript JavaScriptは、プログラムを記述するための言語のひ... -
j-7入力フォームが空のときに入力案内を表示
htmlにテキストボックスを挿入 → index.html（新規ファイル）を開く → テキストフィールドを挿入・・・挿入→ フォーム→ テキストフィールド → inputタグ内で半角スペース→ value → 表示したい文字をいれ、JavaScript部分をinputタグ内に書き込む onFocus="... -
4-3クラスルール
ｃｓｓでclass属性を使用する スタイルシートにより見出しタグには色を付けたりなどデザインできますが、「内容上一部分だけ太字にしたい」「色を変えたい」などの時もスタイルシートを使用します。 理由は今まで通り、変更があった際に一気に変更できる為... -
7-2 スライスツール
パーツごとに保存する デザインが完成したらそれをパーツごとに保存します。 先に学んだとおり、パーツ一つ一つを保存するのもいいのですが、今回はphotoshopのスライスツールを使用し効率よく保存します。 スライスツールを使ってサイト全体図からパーツ... -
9-2ファビコン
ファビコンの設置 ファビコンとはタイトル横に表示されるアイコンのことです 大手のサイトは大体設定しています ファビコン Favorite icon（フェイバリット・アイコン）という英語の語句を縮約したもの ファビコンの作成 → イラストレーター等で正方形GIF... -
9-1SEO対策
seo 検索エンジン最適化 （英: Search Engine Optimization, SEO：サーチ・エンジン・オプティマイゼーション） 検索結果でより上位に現れるようにウェブページを書き換えること。 または、その技術のこと。 検索エンジンの検索結果が上位、特に1ページ目... -
j-5モーダルウィンドウ
モーダルウィンドウ クリックすると表示される子ウィンドウ。また、一度開いたダイアログボックスを閉じるまで、他の操作をでき なくする CSS Modal demo ・・・シンプルでクール jsをつかわず、cssのみでできる Pop Easy Demo ・・・ポップでキュート C... -
7-1webデザイン
webサイトをデザインする前に デザインを始める前にwebサイトデザインの作り方基本をおさらいします。 下記ソフトの何を使用してデザインしても構いません。 ただし、コーディングを他の方に依頼する等の場合はファイル形式を合わせる必要もあり、シェアの... -
6-1自分のサイトを作ろう！
今まで学んだことを生かし、LESSON-1の手順に沿って自分のサイトを制作していきましょう 1.目的の設定 あなたはどんなサイトが作りたいですか？ 学校紹介のサイト（コーポレートサイト） 趣味の二胡を販売するサイト（ショッピングサイト、ブランドサイト... -
j-4まとめる
世界を旅するカメラマンさんのサイト jQuery 様々な処理を短く簡単に書ける 先ほどのsort.htmlにcolorboxを追加 → sort.htmlを別名保存(sort++.html) → jquery.colorbox.jsを読み込む[download id="3"](済) → htmlに記述 → colorbox.cssを読み込む[downloa...
