WEBテキスト– category –
-
w-2wordpressの記事を書く
ログインしてみようWordPressログインページ「ドメイン名/wp-admin」へアクセスし、ログインします。ダッシュボードを見てみよう管理者がログイン後に、表示されるページです。 ダッシュボードトップには、現在の投稿数やクイック投稿といった機能がありま... -
w-5wordpressのテーマを変更
WordPressの重要な機能のひとつに、テーマの変更があります。 テーマの変更をすることで、サイトのデザイン、機能をワンクリックで、簡単に変えることが出来ます。CMSで、WordPressを使う理由にテーマの多さも挙げられます。 世界中で使用されているWordPr... -
w-3wordpressの基本設定
初期設定：自分のサイトの情報を入力しよう wordpressはhtmlサイト制作の時にやったTitle属性やseo対策にもなるキーワード設定をダッシュボードから行います。 一般設定：ダッシュボード→サイドバー「設定」 → 「一般」 サイトのタイトル： 検索に引っか... -
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.目的の設定 あなたはどんなサイトが作りたいですか？ 学校紹介のサイト（コーポレートサイト） 趣味の二胡を販売するサイト（ショッピングサイト、ブランドサイト... -
w-1wordpressの設置
wordpressとは wordpressはブログを作成したり、応用すれば動的なWEBサイトも作れるプログラムです 設置にはphpというプログラムを使用します。 WordPress 日本語版バージョン 3.2〜3.5 の動作環境 PHP バージョン 5.2.4 以上 MySQL バージョン 5.0 以上 W... -
j-4まとめる
世界を旅するカメラマンさんのサイト jQuery 様々な処理を短く簡単に書ける 先ほどのsort.htmlにcolorboxを追加 → sort.htmlを別名保存(sort++.html) → jquery.colorbox.jsを読み込む[download id="3"](済) → htmlに記述 → colorbox.cssを読み込む[downloa... -
j-3クリックで画像をグループ分け-framework-
デモページ jQuery 様々な処理を短く簡単に書ける jQueryを読み込む → 新規ファイル(sort.html)を開き<head>部分に記述 → framework.jsを読み込む[download id="8"] → cssを読み込む[download id="9"] → < body >部分にリストを記入、仮リンク... -
j-2マウスオーバーで画像の上に文字-slidemoji-
デモページ jQuery 様々な処理を短く簡単に書ける jQueryを読み込む → 新規ファイル(slidemoji.html)を開き<head>部分に記述 → htmlに記述 → cssを読み込む[download id="5"] → < body >部分に1枚画像を挿入 → マウスオーバーで表示する文字を...
