ショートカット一覧他

ショートカット一覧 すべて選択 Ctrl+A 切り取り Ctrl+X コピー Ctrl+C 貼り付け Ctrl+V やり直し Ctrl+Z やり直しの取り消し Ctrl+Shift+Z 保存 Ctrl+S 別名保存 Ctrl+Shift+S ブラウザーで確認 F12 セカンドブラウザーで確認 Ctrl + F12 ホームページパーツの呼び方 ホームページの基本構造 <html> </html> <head> </head> <meta> </meta>...

CSSだけで画像のマウスホバー

参考サイト design-plus1.com… マウスホバー時の画像変更は、通常ロールオーバー用の画像を用意するのですが、面倒な時やブログなどで頻繁に使うときは、CSSだけでhover時に画像を半透明にさせる方法もあります。   追記 もう100%どのサイトにも入れてます CSSに下記を追記(不透明度60%)。 a img.linkimg{ background:none!important; } a:hover img.linkimg{ opacity:0.6;...
この WordPress のデータベースはすでに最新のものです !

この WordPress のデータベースはすでに最新のものです !

ダッシュボードに入れない! wordpress3.8以降くらいからwordpressが自動更新になりました。 下記みたいなメールが来て自動更新をお知らせしてくれる。(してくれなくてもいいのに。。。) そうかそうか更新したかと自分のサイトに訪れると… ダッシュボードに入れない! こんな表示と共には入れません。あら~。。。だから勝手にしなくていいのに~ とはいえ原因をググります。 原因はプラグインWP File Cache 表示速度高速化の記事でも書いたプラグインが原因のようです。 サーバー側からWP File...

データベースの接続エラーの表示

追記 治し方→index.phpとwp-config.phpを再アップロードしたら治った・・・ お客さんが見た時に表示が変だと困るので下記処置 参考サイト kachibito.net… db-error.phpというファイルを作成、内容は下記 <?php header( 'HTTP/1.1 503 Service Unavailable' ); header( 'Expires: Wed, 11 Jan 1984 05:00:00 GMT' ); header( 'Last-Modified: ' ....

1-1WEB制作基礎

この教科書について 誰でも見ることができるが、転用は禁ずる 受講に当たっての欠席と振替受講規定について 受講日当日に、欠席の連絡をいただいた場合 欠席となり、振替受講料、有料 受講日前日午後6時までに、欠席の連絡をいただいた場合 1コースの中で3回まで、振替受講料、無料。 その後1回ごとに、振替受講料、有料 遅刻について…授業時間前に、連絡を入れること。終了時間は変わらず。 授業開始後30分、連絡がない場合は、当日欠席とする アプリケーションについて アプリケーションはすべてadobe社のソフトを使用します...

1-2WEBサイトの仕組み

作成したWEBサイトはどのように閲覧者が見ることができるのか WEBサイト作成は皆さんのパソコンで行いますが、そのままでは誰も見ることはできません。そこで誰もがアクセス可能な「サーバー」にアップロードすることで自分のパソコンで制作したホームページを世界中の人に見てもらうことが出来ます。 専門用語 サーバー・・・ホームページサーバー(WEBサーバー)、ここから全世界に配信されます 専門用語 ローカル・・・あなたのパソコンの事です。 作成したサイトはサーバーにアップする前にはあなたのパソコンにあります つまりローカルにあるのです...

1-3WEB制作の手順

WEBサイト作成はなんとなく作り始めるのではなく、明確な目的を持ってはじめなければなりません。 なぜなら、ページ数によりレイアウトが変わったり、素材を自分で作成する場合は素材一つ一つのサイズを 細かく決めていかなければならないからです。 1.目的の設定 目的は何か、ターゲットは誰か?( 宣伝、広告、販売、集客・・・) 目的を明確にすることでサイトのイメージが決まる。 例:)相川貿易 例:)ベスト不動産 例:)アールマナー 例:)LED製品販売 例:)nanfan shanghai 例:)yahoo 例:)urbanroots...
1-4ホームページの裏側を知ろう

1-4ホームページの裏側を知ろう

専門用語 HTML・・・WEBサイトを記述するための言語実際に見てみましょう 任意のホームページを開く → 右クリック → ページのソース 専門用語 タグ・・・<  > このこのカッコををタグといいます HMLを理解する メモ帳を開き、下記を記入。 <html> <head> <title></title> </head> <body> </body> </html> 12345678910111213...

1-5DreamWeaver

DreamWeaverとは Dreamweaverは html、css(後で説明)を記述などだけでなく、WEBサイトの制作・管理に特化したソフトです。さてDreamweaverなのですが、ホームページ作成用のアプリケーションは多数ある中で何故Dreamweaverを使うのか?現在のWEB業界では基本的にはDreamweaverを使用できることが常識になっています。大多数のシェアを占めているということはそれだけ使い勝手のよいソフトということです。...
2-1スタイルシート(css)とは

2-1スタイルシート(css)とは

CSS(Cascading Style Sheets)とは 簡単に言うとサイトのデザインを定義するもの 世界標準であるし、SEO対策にもなる CSSは、HTMLと組み合わせて使用します。 HTMLがウェブページ内の各要素の意味や情報構造を定義するのに対して、CSSではそれらをどのように装飾(デザイン)するかを指定します。 拡張子は「.css」になります。 文書の内容と表現(デザイン)を分ける HTMLは本来文書の定義をするべきで、デザインするべきではない。 デザインはスタイルシートで記述。 メリット ●...

2-2イメージの挿入、リンク

イメージの挿入 WEBサイト用画像の種類 このコースでは基本的にjpgとgifを使用します 1.jpg・・・主に写真やグラデーション 2.gif・・・主にナビゲーションバーなどのアイコン、イラスト (はっきりとした線になる。任意の色を透明化することが出来たり、動く画像が作れます) イメージの挿入 イメージを挿入したい場所にカーソルを置く 方法1.画面右下のファイルパネルの中からの中から挿入したい画像をドラッグする 方法2.挿入 → イメージ → ファイルを選択 代替テキストは記入しておく...

3-1divとは

div いままではhtmlタグにしかルールを定義できませんでしたが、それでは十分ではありません そこでdivを使用します。 divとは簡単に言うとボックス(囲んだ範囲をひとかたまり)の意味です 下図のようにボックス分けをして位置を指定してあげないと、ただ上から順番に並べただけのサイトになってしまいます divを挿入してcssルールを適用させていきます divの挿入時の名称 任意の名前をつけてかまいませんがこのコースでは下記のように統一します DreamWeaverでdivの挿入をするときは # を記入する必要はありません...
1 / 512345