关于对最新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