001.web フロントエンド - 学んで理解する_html/css_WEB-ITnose

Web フロントエンド開発の基本テクノロジーを学ぶには、HTML、CSS、JavaScript 言語を習得する必要があります。これら 3 つのテクノロジーが何を実現するために使用されるかを見てみましょう:

1.html (ハイパーテキスト マークアップ言語)?? 構造 ハイパーテキスト マークアップ言語

HTML は Web コンテンツのキャリアです。コンテンツとは、Web ページ作成者がユーザーが閲覧できるようにページに配置する情報であり、テキスト、写真、ビデオなどが含まれます。

2. css (カスケード スタイル シート)?? スタイル カスケード スタイル シート

CSS スタイルは式です。ウェブページのコートのようなものです。たとえば、タイトルのフォント、色の変更、またはタイトルに背景画像や枠線などを追加します。コンテンツの外観を変更するために使用されるこれらすべてのものは、プレゼンテーションと呼ばれます。

3.js (javascript)?? 動作

JavaScript は、Web ページで特殊効果を実現するために使用されます。たとえば、ドロップダウン メニュー上でマウスをスライドすると、ドロップダウン メニューがポップアップ表示されます。または、テーブルの上にマウスを置くと、テーブルの背景色が変わります。話題のニュース（ニュース写真）もローテーションします。アニメーションとインタラクションは一般的に JavaScript を使用して実装されていることがわかります。

開発環境

Photoshop (カット、編集、測定)
Dreamweaver、EditPlus 3、Sublime Text、Notepad++...

ブラウザ (2 つのカテゴリ):
IE ブラウザ: IETester (IE6、IE7、IE8、 IE9)、IE10、IE11...
標準ブラウザ: firefox (fireBug)、chrome、safari、oprea...

画像について

PSD (ソースファイル) //ps ソースファイル /GIF/PNG (エクスポート画像) //高解像度の大きな Web ページ画像はサイズが大きいです

JPG: 透明と半透明はサポートされておらず、すべての空白領域は白で塗りつぶされます

GIF: 透明はサポートされていますが、半透明はサポートされていません // 小さいアイコン、アニメーション写真

png8: 透明度をサポート、半透明度はサポートしません //小さなアイコン

png24: 透明度をサポートし、半透明度もサポートします // 半透明の写真