网页设计与制作.docxVIP

..

.v.

网页设计与制作

第1章开发根底

1.2开发流程

1.总体筹划：〔1〕目标用户定位和的主题定位〔2〕整体风格创意设计〔3〕网页的色彩搭配〔4〕的层次构造和链式构造〔5〕版面布局设计

2.设计和制作素材：搜集的素材一般包括跟主题有关的文字图片资料；一些优秀的页面风格；开放的源代码。设计和制作的素材包括的Logo、Banner、背景图片、列表图表、横幅广告等。

3.建立站点：安装和配置IIS；在Dreamweaver中创立站点。

4.制作网页：创立CSS样式；制作首页；制作的其他页面；制作超

5.测试和发布：发布前必须要测试，测试网页内容、的正确性和在不同浏览器中的兼容性等。发布先申请站点域名和租用效劳器空间，然后通过FTP工具把上传到效劳器上。

1.4HTML的概念：HTML是一种用来制作超文本文档的简单标记性语言。

标签

标签表示：标签名称属性

1.标签元素/标签,标签的作用范围:标签→标签.例：h2demoh2,即将demo这段文本以2号标题来显示，这对标签之外的文本不受这组标签影响。

2.标签属性名=〞属性值〞元素/标签

一个标签可以包含多个属性属性之间无先后次序，用空格分开。

例：bodybackground=〞back_ground.gif〞text=〞red〞hello/body,其中background属性用来表示HTML文档的背景图片，tect属性用来表示文本的颜色。

3.标签

空标签：标签单独出现，只有开场标签而没有完毕标签。

(1)html和/html在最外层，表示这对标签里的代码是HTML语言。

(2)head和/head标签里是网页中的头部信息，如网页总标题，网页关键字等。无头部信息可不要这对标签

(3)title和/title.在head和/head这对双标签的中间还包含着title和/title这对标签，网页标题的内容，标题出现在IE浏览器窗口。

考点：

1.p和/p.文本段落的标签。

2.br:换行符。br标签是空标签(它没有完毕标签，因此这是错误的:br/br)。

快捷键：F12预览网页；Shift+Enter分段(行间距小)；

前风光、背风光的调整：前风光是alt+del背风光是ctrl+del前后交换是X

HTML文档的根本构造p18-p19

html

head

title一个简单的网页/title〔头部信息〕

/head

/body〔网页内容：文本、、图像、动画等〕

h1欢送光临/h1

br

frontsize=〞5〞face=〞华文行楷〞color=〞red〞

这是我的第一个主页，欢送大家的！/front

/body

/html

Ps:去掉第6、7、8、10行是HTML的根本构造。

第2章DreamweaverCS5根底

2.1.2Dreamweaver软件界面P23图2-3

视图模式种类及其适应情况

1〕代码视图(写代码，主要用于这个，利用Dreamweaver工具编辑网页代码)，

2〕拆分视图(编写代码边看视图，直观地编辑网页中的元素，又可以观察到相关的代码〕

3〕设计视图(可视化设计，以所见所得的方式编辑网页)

第3章制作网页内容

1.创立超的方法：给文字创立超；给图片创立超；添加email，mailto:(冒号后不能空格)电子地址；添加空连接。

2.创立超的路径：

1)绝对路径:是被文档的完整URL,包括所使用的传输协议〔网页通常是：〕。在创立外部时必须使用绝对路径。

2〕文档相对路径：就是以以前文档所在位置为起点到被连接文档经由的路径。主要用于创立内部。如：images/google.gif

3〕站点根目录相对路径：是指所有路径都开场于当前站点的根目录。站点根目录相对路径以一个正斜杠开场，该正斜杠表示站点根文件夹，如/images/google.gif.移动含有根目录相对连接的文档时，不需要更改。

4.DW新建CSS规那么选择器的类型及其特点。

1类：定义的时候前面必须加点〔.〕,格式是.**x，可以在一个页面中调用屡次；

2.ID〔用于任何HTML元素〕名称以“#〞开头，一般中只用在网页中的一个元素上

3．标签〔重新定义HTML元素〕可以实现用CSS重新定义HTML标签外观的功能。

4.复合内容〔基于选择的内容〕：a:link超的正常状态，无任何动作

a:visited过的超状态

a：hover鼠标指针指向超的状态