第12章网页制作和网站建设主要内容 12.1网页基础 12.2HTML语言 12.3DreamweaverCS4的使用 12.4网站的发布和维护12.1网页基础 12.1.1网页的分类1.静态网页静态网页是指纯HTML格式的网页，一般以.htm、.html、.shtml或.xml为后缀名。访问者请求浏览时，网页在Web服务器中不会发生动态改变。12.1网页基础 12.1.1网页的分类静态网页的特点：（1）有固定的URL，而且URL以.htm、.html、.shtml等常见形式为后缀，不包含“?”（2）每个静态网页都是一个独立的文件（3）相对稳定，因此容易被搜索引擎检索（4）没有数据库的支持，在网站制作和维护方面工作量较大（5）交互性差12.1网页基础 12.1.1网页的分类2.动态网页动态网页一般指用asp、php、jsp或.net等网络编程语言编写的运行于服务器端的代码。访问动态网页网址中有一个标志性的“?”。12.1网页基础 12.1.1网页的分类动态网页的特点：（1）有数据库支持，可以降低网站维护的工作量（2）交互性好，可以实现更多的功能（3）动态网页实际上并不是独立存在于服务器上的网页文件（4）在搜索引擎检索方面不如静态网页效果好12.1网页基础 12.1.2网页的基本构成（1）文字（2）图像（3）超链接（4）
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
格（5）动画（6）其他元素12.1网页基础 12.1.3网页常用制作工具（1）网页编辑工具：Dreamweaver、FrontPage（2）动画制作工具：flash（3）图形图像处理工具：Photoshop、Fireworks、CorelDRAW、Illustrator12.1网页基础 12.1.4网站制作流程（1）网站定位（2）收集网站素材和
策划
活动策划ppt下载游戏策划下载民宿策划下载游戏策划shu下载英文歌曲大赛策划免费下载
栏目内容（3）提出页面设计
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
（4）制作页面（5）程序设计（6）测试发布12.2HTML语言HTML是超文本标记语言（HyperTextMarkupLanguage）的英文缩写，它是构成网页文档的标记语言。HTML文件其实是一个纯文本文件，不需要编译就能运行。HTML通过标记把文字、图片、多媒体等各种网页元素组织形成网页。HTML的格式非常简单，只是由文字及标记组合而成，基本上只要明白了各种标记的用法便掌握了HTML。12.2HTML语言 12.2.1HTML文档结构一个完整的HTML文件包含两部分内容：头信息部分和正文部分。其中<>包围的是HTML语言的标记，用来控制网页中各元素的显示状态。<html><head>头信息部分</head><body>正文部分</body></html>12.2HTML语言 12.2.1HTML文档结构1.<html></html><html>标签位于HTML文档的开头位置，是HTML文档开始的标志。2.<head></head><head>和</head>之间的内容定义了HTML文档的头部分，它包含了网页的一些基本信息。3.<body></body><body></body>定义了HTML文档的主体部分，必须是结束标签与起始标签成对使用。12.2HTML语言 12.2.1HTML文档结构3.<body></body><body></body>定义了HTML文档的主体部分，必须是结束标签与起始标签成对使用。<body>标签可以设置以下一些主要属性：text、link、alink、vlink、background、bgcolor、leftmargin、topmargin、bgproperties12.2HTML语言 12.2.2文本控制1.字体属性标题字体、字体颜色、字体大小、字体样式2.文本布局12.2HTML语言 12.2.3表格表格由<table>标签来定义。每个表格均有若干行（由<tr>标签定义），用<th>定义表格的列名，每行被分割为若干单元格（由<td>标签定义）。<tr>、<td>、<th>的结束标志</tr>、</td>、</th>都是可选的，但一般为了明确，最好不要省略。<tableborder="1"><tr><td>1行，1单元</td><td>1行，2单元</td></tr><tr><td>2行，1单元</td><td>2行，2单元</td></tr></table>12.2HTML语言 12.2.4超级链接1．站外链接站外链接是指单击超链接打开站外页面，通常链接目标位置写的是一个网址或是一个绝对地址。2．站内链接站内链接是从站内的一个页面链接到另一个页面，链接目标只要写相对地址。例1：<ahref="./bbs/1.html">站内链接1</a>12.2HTML语言 12.2.4超级链接3．锚点如果一个页面内容很多，可以在页面不同位置设置锚点标记，单击超链接跳转到同一页面的相应位置。锚点链接首先设置跳转目标点，也就是锚点，然后设置链接起始点，也就是鼠标单击的位置。12.2HTML语言<tablecellspacing="20"><tr><td><ahref="#m1">第一章</a></td><td><ahref="#m2">第二章</a></td><td><ahref="#m3">第三章</a></td><td><ahref="#m4">第四章</a></td><td><ahref="#m5">第五章</a></td><td><ahref="#m6">第六章</a></td></tr></table><h2><aname="m1">第一章</a></h2>这是第一章内容<h2><aname="m2">第二章</a></h2>这是第二章内容<h2><aname="m3">第三章</a></h2>这是第三章内容<h2><aname="m4">第四章</a></h2>这是第四章内容<h2><aname="m5">第五章</a></h2>这是第五章内容<h2><aname="m6">第六章</a></h2>这是第六章内容12.2HTML语言 12.2.5图像插入图像：<imgsrc="images/img1.jpg">（1）width和height属性设定图片在网页中的显示尺寸，值可以是像素和百分比。<imgsrc="images/img1.jpg"width="120"height="100">（2）border属性在图像加上边框，border属性用来设定边框线的粗细。<imgsrc="images/img1.jpg"width="120"height="100"border="2">（3）alt属性当图片不能正常显示时，则显示alt属性中设置的替代文字。<imgsrc="images/img1.jpg"width=40%alt="我是替代文字">12.2HTML语言 12.2.6层叠样式表单CSS层叠样式表单（CascadingStyleSheets简称CSS）是用于定义各种样式的一套
规范
编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载
，它的原则是“先定义后使用”，也就是先定义好一些样式，再把这些样式指定给网页的某些元素。一个网站中的所有页面风格和样式应该是统一的，这样显得整齐和美观，所以通常设计中使用CSS来控制网站样式，达到一致性的效果。CSS样式可以定义在HTML文档里，也可以单独作为一个文件，可以作用于多个页面或整个站点，修改CSS样式，涉及到的网页都会被修改，维护很方便。12.2HTML语言 12.2.6层叠样式表单CSS1.CSS的工作过程<html><head><title>CSS例1</title><style><!--h2{font-family:黑体;color:red;}--></style></head><body><h2>第一个红色黑体二级标题</h2><h2>第二个红色黑体二级标题</h2></body></html>12.2HTML语言 12.2.6层叠样式表单CSS2.定义CSS（1）标签作为选择器h2标签就是一个选择器，比如我们再定义一个CSS样式：h2{font-family:黑体，Arial，Helvetica;color:red;}font-family属性定义了3个属性值，用逗号隔开，这个表示3个属性值可供浏览器选择，增加浏览器的适应性，如果浏览器中没有黑体，则选择Arial，否则选择Helvetica，如果都没有，则用浏览器默认字体来显示。12.2HTML语言 12.2.6层叠样式表单CSS（2）类作为选择器<html><head><title>类选择器例子</title><style><!--.c1{font-family:黑体;color:red;}--></style></head><body><pClass="c1">这里使用了c1定义的样式</p><h2Class="c1">这里也使用了c1定义的样式</h2></body></html>12.2HTML语言 12.2.6层叠样式表单CSS3.在HTML中使用CSS（1）在<head>标签中定义CSS把样式定义写在注释标签中，然后放进<style>标签，最后写在HTML文档的<head>标签中。12.2HTML语言 12.2.6层叠样式表单CSS3.在HTML中使用CSS（2）在元素标签中定义CSSCSS定义除了能放在<head>标签中，还能放在<body>部分的各个标签中。<html><head><title>元素标签中使用CSS例子</title></head><body><h2style="font-family:黑体;font-style:italic">这是个使用了CSS样式的标题</h2><h2>这是个普通标题</h2></body></html>12.2HTML语言 12.2.6层叠样式表单CSS3.在HTML中使用CSS（3）采用链接形式调用CSS文件采用链接形式调用外部CSS文件要在<head>标签中使用link语句：<linkrel="stylesheet"href="css文件路径"type="text/css"/>12.2HTML语言 12.2.6层叠样式表单CSS3.在HTML中使用CSS（3）采用链接形式调用CSS文件.c1{font-family:黑体;font-style:italic;color:red}h2{font-family:楷体_GB2312;color:green}<html><head><title>使用链接调用CSS文件的例子</title><linkrel="stylesheet"href="css_test.css"></head><body><h2Class="c1">这个标题使用了外部CSS文件中定义的c1类样式</h2><h2>这个标题使用了外部CSS文件中定义的h2样式</h2></body></html>12.3DreamweaverCS4的使用 12.3.1DreamweaverCS4工作环境12.3DreamweaverCS4的使用 12.3.2创建和管理本地站点1.创建本地站点单击菜单“站点→新建站点”（1）“基本”对话框第一步先给站点起个名字。（2）选择文件的操作方式。一般选择第一项，即在本地编辑完成后再上传到服务器，选择完后，还要指明本地文件的存放位置。（3）选择连接到远程服务器的方式，可以先选择“无”。12.3DreamweaverCS4的使用 12.3.2创建和管理本地站点2.创建新文档12.3DreamweaverCS4的使用 12.3.3添加页面内容 1、文字 2、图像 3、表格 4、超链接12.3DreamweaverCS4的使用 12.3.3添加页面内容 4、超链接（1）文字超链接选中文字，在“属性”窗口中链接一栏需要写入链接的目的地址。或者鼠标直接按住“指向文件”图标，拖拽到“文件”面板中目的文件上放开。12.3DreamweaverCS4的使用 12.3.3添加页面内容 4、超链接（2）图像超链接整幅图片超链接热点12.3DreamweaverCS4的使用 4、超链接（3）锚记链接创建锚记链接分为两步：（1）把光标停在文档中需要链接到的目的处，打开菜单“插入→命名锚记”插入锚记并命名，比如“m1”。（2）选中需要设置链接的文本，在“属性”面板中“链接”一栏输入“#”和锚记名称，比如“#m1”。12.3DreamweaverCS4的使用 12.3.4在Dreamweaver中使用CSS1.创建样式表12.3DreamweaverCS4的使用 12.3.4在Dreamweaver中使用CSS2.使用样式表12.3DreamweaverCS4的使用 12.3.4在Dreamweaver中使用CSS2.使用样式表12.4网站的发布和维护 12.4.1网站发布前的准备 1.
申请
关于撤销行政处分的申请关于工程延期监理费的申请报告关于减免管理费的申请关于减租申请书的范文关于解除警告处分的申请
域名 （1）域名的注册规范 （2）域名的设计原则 （3）域名的注册方法12.4网站的发布和维护 12.4.1网站发布前的准备 2.申请网站空间 （1）自己购买或单独租用服务器 （2）采用一些ISP(InternetServiceProvider，互联网服务提供商)提供的虚拟主机形式（即收费空间） （3）采用一些网站提供的免费空间 （4）动态域名解析方案12.4网站的发布和维护 12.4.1网站发布前的准备 3.本地测试 （1）网页正确性和兼容性测试 （2）程序及数据库测试12.4网站的发布和维护 12.4.2上传网站 1.使用Dreamweaver上传 2.使用IE浏览器上传 3.使用FTP工具上传12.4网站的发布和维护 12.4.3网站的推广1.传统媒介推广2.搜索引擎推广3.资源合作推广4.服务附加推广5.其他推广方式12.4网站的发布和维护 12.4.4网站的更新、管理和维护 （1）改善组织结构和导航 （2）验证和更改超链接 （3）网站内容的更新 （4）网站设计技术的升级 （5）服务器维护和升级12.4网站的发布和维护 12.4.5网站评估网站评估就是估算一个网站的价值。网站评估除了考虑传统评估因素之外，还要考虑网站的模式运作。（1）收入源（2）运营成本（3）资产（4）访问量END
浙公网安备 33021202002483