關於對最新HTML總結PPT講稿的分享

若是你們還記得HTML，那麼2009年的時候可能當時仍是HTML1.0時代，而國際化的標準纔剛剛開始，對於TABLE表格的使用，還有就是一些經常使用的標籤都是及爲簡單的，由於當時的代碼都是接近於短碼，因此對於許多的兼容問題都仍是有某些存在的，而如今的一些老網站，也仍是存在一些這樣的問題。

網站的建設能夠簡單的劃分爲兩個部分，第一個就是前臺的開發，第二個固然就是後臺的開發，後臺的開發就是代碼性的開發；而第一個前臺的開發通常會使用到PS的美化。網頁的設計也有過程與對象之分。

固然咱們所說的過程就是使用開發設計好的工具進行網站設計與調試，而寫代碼的方式要學會一種語言，若是咱們學習了PS的方式，也就是咱們的知道的圖片設計與切割。

若是使用樣式，樣式的種類：

1、內部樣式

2、內聯樣式

3、外部樣式表文件

●若是有使用標籤，能夠進行某些網站特定的設置：

1、字體

2、顏色

3、粗細

5、陰影

●網頁的表單能夠進行用戶註冊：

1、文本域

2、複選框

3、選擇域

4、圖像域

●若是使用可視化盒模型設計，通常就是CSS+DIV：

1、固定定位

2、絕對定位

3、浮動定位

4、居中定位

5、浮動佈局

 

●網頁設計通常包括五大部分：

1、編輯軟件：DREAMWEAVER

2、網頁標記語言HTML

3、網頁表現語言CSS

4、網頁特效腳本語言JAVASCRIPT

5、動態設計語言：ASP,PHP,JSP

若是咱們不使用動態設計語言，客戶端與服務器端程序要進行區分。

如今的CSS3.0與HTML5.0有進行更新，廢棄與新增是存在的。

FLV視頻與FLASH動畫標籤不能使用太多。

●網頁的設計模式主要五點：

化繁爲簡

向下兼容

支持合理

實用性

用戶優先

 

●網站的相關術語：

1、因特網

2、瀏覽器

3、TCP/IP

4、IP地址

5、域名

6、URL

7、HTTP

8、FTP

9、站點

10、發佈

11、導航條

12、超級連接

 

●網站的分類：

1、專業網站

2、我的網站

3、門戶網站

4、職能網站

 

●網站的設計要求：

1、站名要有創意

2、總體規劃

3、動畫不能過多

4、導航要明朗

5、製做通用網頁

6、主題鮮明

7、優化圖像

8、定時更新

項目職責：●項目職責：

網站設計總策劃人，PS設計，代碼的編寫，網站的發佈。

PS前臺美化設計說明文：

1、PS軟件功能介紹：

專業測評

平面設計

廣告攝影

影像創意

網頁製做

後期修飾

視覺創意

界面設計

Photoshop的專長在於圖像處理，而不是圖形創做。圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果，其重點在於對圖像的處理加工；圖形創做軟件是按照本身的構思創意，使用矢量圖形等來設計圖形。 平面設計是Photoshop應用最爲普遍的領域，不管是圖書封面，還招帖、海報，這些平面印刷品一般都須要Photoshop軟件對圖像進行處理。 廣告攝影做爲一種對視覺要求很是嚴格的工做，其最終成品每每要通過Photoshop的修改才能獲得滿意的效果。 影像創意是Photoshop的特長，經過Photoshop的處理 能夠將不一樣的對象組合在一塊兒，使圖像發生變化。 網絡的普及是促使更多人須要掌握Photoshop，由於在製做網頁時Photoshop是必不可少的網頁圖像處理軟件。 在製做建築效果圖包括許三維場景時，人物與配景包括場景的顏色經常須要在Photoshop中增長並調整。 視覺創意與設計是設計藝術的一個分支，此類設計一般沒有很是明顯的商業目的，但因爲他爲廣大設計愛好者提供了廣闊的設計空間，所以愈來愈多的設計愛好者開始學習Photoshop，並進行具備我的特點與風格的視覺創意。 界面設計是一個新興的領域，受到愈來愈多的軟件企業及開發者的重視。在當前尚未用於作界面設計的專業軟件，所以絕大多數設計者使用的都是該軟件。

2、PS設計使用的技術：

若是開發一個好的網站，須要使用上面介紹的任意一點的完美結合，那麼一個優秀的網站就這樣出來了。

主要工具：

工具箱

控制面板

繪圖模式

檔案格式

文件大小

色彩設定

顏色模式

工具

文件操做

圖像調整

編輯文字

圖層操做

以上的是PS網頁設計必需要使用的助手。若是咱們是網頁設計，也就是使用HTML格式。

若是咱們要進行網頁圖片切割，天然要使用切割工具。

若是咱們要使用圖片設置，天然也要使用移動工具。

若是咱們要使用美化圖片，可使用:

●模糊、銳化、塗抹工具

●畫筆修復工具、修補工具

●文字、直排文字、直排文字蒙板

項目業績：一個好的網站，要使用數據庫，還要進行動態的設計。

固然主要也要看咱們設計的是什麼樣的一個網站，不一樣的網站有不一樣的設計方式。

●主要的網站數據庫：

Oracle

Mysql

Sybase

DBII

Hbase

Mongodb

Redis

ACCESS

SQL Server

FoxPro

若是咱們要設計一個文庫網站，使用ACCESS就能夠了。

若是咱們要建一個企業級網站，使用DB,Oracle的可能性大一點。

若是咱們要建一個公司網站，可能你們都會使用SQL。

若是咱們要建一個購物網站，可能MYSQL的多一點。

好比還有一些社交網站，還有一些一站式的網站等等，都有成套的選擇。

 

●HTML經常使用標籤：

a

abbr

acronym

address

applet

area

article

aside

audio

b

base

basefont

bdo

big

blockquote

body

br

button

canvas

caption

center

cite

code

col

colgroup

command

datalist

dd

del

details

dfn

dir

div

dl

dt

em

embed

fieldset

figcaption

figure

font　

footer

form

frame

frameset

h1toh6

head

header

hgroup

html

iframe

img

input

ins

keygen

isindex

kbd

label

legend

li

link

map

mark

menu

meta

meter

nav

noframes

noscript

object

ol

optgroup

option

output

p

param

pre

progress

q

rp

rt

ruby

s

samp

script

section

select

small

source

span

strike

strong

style

sub

summary

sup

 

若是你們還記得HTML，那麼2009年的時候可能當時仍是HTML1.0時代，而國際化的標準纔剛剛開始，對於TABLE表格的使用，還有就是一些經常使用的標籤都是及爲簡單的，由於當時的代碼都是接近於短碼，因此對於許多的兼容問題都仍是有某些存在的，而如今的一些老網站，也仍是存在一些這樣的問題。

網站的建設能夠簡單的劃分爲兩個部分，第一個就是前臺的開發，第二個固然就是後臺的開發，後臺的開發就是代碼性的開發；而第一個前臺的開發通常會使用到PS的美化。網頁的設計也有過程與對象之分。

固然咱們所說的過程就是使用開發設計好的工具進行網站設計與調試，而寫代碼的方式要學會一種語言，若是咱們學習了PS的方式，也就是咱們的知道的圖片設計與切割。

若是使用樣式，樣式的種類：

1、內部樣式

2、內聯樣式

3、外部樣式表文件

●若是有使用標籤，能夠進行某些網站特定的設置：

1、字體

2、顏色

3、粗細

5、陰影

●網頁的表單能夠進行用戶註冊：

1、文本域

2、複選框

3、選擇域

4、圖像域

●若是使用可視化盒模型設計，通常就是CSS+DIV：

1、固定定位

2、絕對定位

3、浮動定位

4、居中定位

5、浮動佈局

 

●網頁設計通常包括五大部分：

1、編輯軟件：DREAMWEAVER

2、網頁標記語言HTML

3、網頁表現語言CSS

4、網頁特效腳本語言JAVASCRIPT

5、動態設計語言：ASP,PHP,JSP

若是咱們不使用動態設計語言，客戶端與服務器端程序要進行區分。

如今的CSS3.0與HTML5.0有進行更新，廢棄與新增是存在的。

FLV視頻與FLASH動畫標籤不能使用太多。

●網頁的設計模式主要五點：

化繁爲簡

向下兼容

支持合理

實用性

用戶優先

 

●網站的相關術語：

1、因特網

2、瀏覽器

3、TCP/IP

4、IP地址

5、域名

6、URL

7、HTTP

8、FTP

9、站點

10、發佈

11、導航條

12、超級連接

 

●網站的分類：

1、專業網站

2、我的網站

3、門戶網站

4、職能網站

 

●網站的設計要求：

1、站名要有創意

2、總體規劃

3、動畫不能過多

4、導航要明朗

5、製做通用網頁

6、主題鮮明

7、優化圖像

8、定時更新

項目職責：●項目職責：

網站設計總策劃人，PS設計，代碼的編寫，網站的發佈。

PS前臺美化設計說明文：

1、PS軟件功能介紹：

專業測評

平面設計

廣告攝影

影像創意

網頁製做

後期修飾

視覺創意

界面設計

Photoshop的專長在於圖像處理，而不是圖形創做。圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果，其重點在於對圖像的處理加工；圖形創做軟件是按照本身的構思創意，使用矢量圖形等來設計圖形。 平面設計是Photoshop應用最爲普遍的領域，不管是圖書封面，還招帖、海報，這些平面印刷品一般都須要Photoshop軟件對圖像進行處理。 廣告攝影做爲一種對視覺要求很是嚴格的工做，其最終成品每每要通過Photoshop的修改才能獲得滿意的效果。 影像創意是Photoshop的特長，經過Photoshop的處理 能夠將不一樣的對象組合在一塊兒，使圖像發生變化。 網絡的普及是促使更多人須要掌握Photoshop，由於在製做網頁時Photoshop是必不可少的網頁圖像處理軟件。 在製做建築效果圖包括許三維場景時，人物與配景包括場景的顏色經常須要在Photoshop中增長並調整。 視覺創意與設計是設計藝術的一個分支，此類設計一般沒有很是明顯的商業目的，但因爲他爲廣大設計愛好者提供了廣闊的設計空間，所以愈來愈多的設計愛好者開始學習Photoshop，並進行具備我的特點與風格的視覺創意。 界面設計是一個新興的領域，受到愈來愈多的軟件企業及開發者的重視。在當前尚未用於作界面設計的專業軟件，所以絕大多數設計者使用的都是該軟件。

2、PS設計使用的技術：

若是開發一個好的網站，須要使用上面介紹的任意一點的完美結合，那麼一個優秀的網站就這樣出來了。

主要工具：

工具箱

控制面板

繪圖模式

檔案格式

文件大小

色彩設定

顏色模式

工具

文件操做

圖像調整

編輯文字

圖層操做

以上的是PS網頁設計必需要使用的助手。若是咱們是網頁設計，也就是使用HTML格式。

若是咱們要進行網頁圖片切割，天然要使用切割工具。

若是咱們要使用圖片設置，天然也要使用移動工具。

若是咱們要使用美化圖片，可使用:

●模糊、銳化、塗抹工具

●畫筆修復工具、修補工具

●文字、直排文字、直排文字蒙板

項目業績：一個好的網站，要使用數據庫，還要進行動態的設計。

固然主要也要看咱們設計的是什麼樣的一個網站，不一樣的網站有不一樣的設計方式。

●主要的網站數據庫：

Oracle

Mysql

Sybase

DBII

Hbase

Mongodb

Redis

ACCESS

SQL Server

FoxPro

若是咱們要設計一個文庫網站，使用ACCESS就能夠了。

若是咱們要建一個企業級網站，使用DB,Oracle的可能性大一點。

若是咱們要建一個公司網站，可能你們都會使用SQL。

若是咱們要建一個購物網站，可能MYSQL的多一點。

好比還有一些社交網站，還有一些一站式的網站等等，都有成套的選擇。

 

●HTML經常使用標籤：

a

abbr

acronym

address

applet

area

article

aside

audio

b

base

basefont

bdo

big

blockquote

body

br

button

canvas

caption

center

cite

code

col

colgroup

command

datalist

dd

del

details

dfn

dir

div

dl

dt

em

embed

fieldset

figcaption

figure

font　

footer

form

frame

frameset

h1toh6

head

header

hgroup

html

iframe

img

input

ins

keygen

isindex

kbd

label

legend

li

link

map

mark

menu

meta

meter

nav

noframes

noscript

object

ol

optgroup

option

output

p

param

pre

progress

q

rp

rt

ruby

s

samp

script

section

select

small

source

span

strike

strong

style

sub

summary

sup