Web開発(a)の基礎

ソフトウェアアーキテクチャ

C / Sの構造

コンセプト:

  Cはを参照するクライアントのユーザーのための、クライアント、クライアント、

  Sは、意味のサーバロジック、サーバー、処理ソフトウェアを

  例えば: QQ オフィスおよびその他のソフトウェア

特徴:

  ユーザーがクライアントアクセスサーバーを介して、クライアントソフトウェアをインストールする必要があります

  ソフトウェアのアップデート、サーバとクライアントを更新する必要がある場合

  C / Sのアーキテクチャは、クロスプラットフォームのソフトウェアことができません

  比較的安全な自由を使用して、クライアントとサーバーの通信プロトコル、

B / Sの構造

コンセプト:

  Bはを参照ブラウワー、ブラウザ、特別なクライアントとして見ることができます

  たとえば、次の公式サイトJingdongは、ほとんどのネット公式を知っています

特徴:

  ユーザーがWebフォームにアクセスするには、ブラウザを介してサーバーにアクセスします

  唯一のサーバーを更新する必要があります

  クロスプラットフォーム(ブラウザでのみのシステム)

  クライアントとサーバは、一般的な使用して通信するHTTP プロトコルを、比較的安全でない(HTTPS 以外のhttp 安全なサイト)

 

ウェブサイトの利用者に提示された結果を受信して​​解析するために、サーバにアクセスする際の一連の文書、サーバー、クライアント(ブラウザ)を返すことです

あなたは、ネットワークを介してユーザに送信されるHTMLやその他の文書をPythonの開発サービス側を使用することができます

 

 

 

フルスタックの開発

開発プロセス

 

 

 

パスの勧告を学びます

HTML

構造

ページを記述する要素を持ちます

CSS

ショー

要素のスタイルを設定します

JS

行動

ユーザ操作

 

関連団体

W3C ワールドWIDウェブコンソーシアム、World Wide Webコンソーシアム)

  関連する規格によって設定された特殊なWebページを定義するには

WHATWG (ウェブハイパーテキスト応用技術作業部会)

  HTML5の推進するネットワークの目的のために確立された基準組織を

コーディングの問題

アリー

  バイナリ

  オクタル

  小数

  ヘキサン: 1。2. 4. 3. 11 9 ABCD .. 12はFです。

コーディング

バイナリ(に一定のルールによれば、キャラクタ 01 のプロセスにおいて)

デコーディング

文字のプロセスに特定のルールによれば、バイナリコード

文字セット

コンセプト:符号化及び復号化のためのルールは、文字セットが続いています

一般的な文字セット

  ASCII 、アメリカ製、7 ビットの2進数128 -characterエンコーディング

  8859-1-ISO 、ヨーロッパ製、8 ビットのバイナリ数

  GBK 、中国の内部コード仕様上方サポートISO 10646.1 国際基準、下方GB 2312 互換エンコーディング

  GB2312 、中国語の文字符号化文字集合、中国のシステムでデフォルトエンコーディングの情報交換

  ユニコード(2バイト16 文字、元のバイナリで表される)ASCIIのゼロパディング高いコード

  8 UTF UTF ユニコード変換フォーマット)resolveはUnicodeの拡大によって引き起こされる高ゼロアップスペース。Unicodeのサポートグローバルテキスト

  ANSIは、ファイルを保存するための自動デフォルトの符号化方式を指し、

    簡体字中国語のWindows オペレーティングシステムでは、ANSI の符号化表現GBK コードします。

    繁体字中国語でのWindows オペレーティングシステムでは、ANSIは代表にコーディングBig5のを

    日本語のWindows オペレーティングシステム、ANSIは、の表現符号化されたシフトJIS コードを

文字化け

根本的原因:

  一貫性のない使用される文字セットのエンコードとデコード

  ブラウザ中国のシステムでは、デフォルトで使用 GB2312のデコード

ソリューション

  文字の均一なセットを使用して

  例えば、内のHTML 設定< メタ  のcharset = "UTF-8"  />

開発ツール

テキストエディタ

メモ帳

メモ帳++

IDE 統合開発環境

Dreamweaverの(有料)

WebStorm (有料)

HBuilder

フォトショップ

ショートカット

ピクセル単位でのスケールと文字を設定します。

編集 - 設定 - 単位・定規

スタッフ

Ctrlキー+ 2

拡大/縮小

Altキー+ プーリー

100%のサイズ

Ctrlキー+ 1

画面にフィット

0 + Ctrlキー(ゼロ)

情報を表示

F8

表示/非表示ガイド

Ctrlキー+ H

連続撤退

Ctrlキー+ Altキー+ Z

生産スプライト図(画像統合技術)

psのcanvas要素にドラッグ;キャンバスの延長方向のサイズを調整して保存し、ウェブ、通常使用される形式PNG

絵で使用することができ、ロゴは内に配置したスプライトマップ

統合技術の写真は、上の背景画像に適用可能なのimg 要素は使用できません

スクリーンショットスキル

PS 押しながらAltキーをカットし、その後、唯一のその層の上に絵を見ることができ、目のレイヤーをクリックして、

三次元画像の効果、そして PSはその日陰のままにしますPNGを

背景のグラデーション、インターセプトのために 1ピクセル、画像- カット- として記憶されているウェブ使用されるフォーマット、背景画像を繰り返し、達成勾配効果

難しい撮影ロゴ、モバイルツールを、自動的に選択したレイヤーを選択し、補助線は取らロゴをロゴ一般的に透明な背景には、インターセプトのでロゴ、背景には、隠された透明な背景として示され、その後、として保存され、ウェブ使用される形式

おすすめ

転載: www.cnblogs.com/dreamer-lin/p/11703444.html