山东省春季高考信息技术类专业基本技能考核分析
项目一网页制作
一、技能考试大纲
1．技术要求
（1）能够根据提供的素材，创建相应的静态站点。
（2）使用Photoshop绘制、处理网页所需要的图像。
（3）能够使用Flash 制作Banner动画效果。
（4）会使用表格、模板及AP Div进行页面的布局与排版，正确插入、设置各种网页元素。
（5）能将创建的网页进行正确链接。
（6）能够运用行为完成网页特效的制作，会利用CSS样式美化网页。
2．硬件环境
电脑要求：CPU Intel酷睿i3以上；内存4GB以上；硬盘空闲空间200GB以上；显存1GB以上；耳麦。
3．软件环境
Windows 7 、Dreamweaver CS3、PhotoShop CS5、Flash CS5、Microsoft Office 2010、ACDSee 10、WinRAR，以上软件均为中文版。
二、网页案例
1．使用表格布局页面并用CSS样式美化网页（见“01基本操作练习”文件夹）
操作要求：
（1）根据素材创建站点“环境保护”
（2）创建首页index.html
①修改首页页面属性，上边距和左边距为0，修改网页的标题为“环境保护网”
②插入表格1列6行，宽度1024像素，边框、填充、间距都为0；
③在第一行插入图片banner.jpg
④在第二行插入嵌套表格1行4列，创建导航条，并用CSS样式去掉超文本下划线，且鼠标指向时显示浅绿：#6F6。
⑤在第3行网页中实现文字“保护环境，人人有责”从左向右滚动。
⑥第4行设置单元格背景图像huajingbaohu.jpg，并插入Flash设置为透明背景
⑦第6行输入：版权所有©环境保护
html网页设计的标题（3）将网页另存为fg.html，并在第4行复制如下文字，通过样式表设置文字大小为14px，字体: "宋体"; 行高: 30px；颜: #333；首行缩进: 26px；上、左、右距表格边框线20px;
2014年4月24日，十二届全国人大常委会第八次会议表决通过了《环保法修订案》，被称为“史上最严厉”的新法将于2015年1月1日施行。
成都已完成对8727家违法排污企业的整治，前三季度PM2.5浓度较2013年同期下降10%。大庆市也已责令33家存在污水处理设施运行不正常和超标排放的各类工业企业限期整改，关停取缔国家明令淘汰的小造纸厂8家。此外，2014年苏州的各级环保部门出动执法人员12万人次，其中9件环境违法案件移送公安机关，20多名犯罪嫌疑人被行政拘留。
为配合“史上最严”的新环保法“动真格”，环保部2014年10月发布按日计罚、查封扣押、限产停产、信息公开的4套具体办法，并在中国环境网上公开征集意见。8种环境违法行为纳入按日计罚，按日计罚的最大处罚期限为30天。
违法成本低、守法成本高是当前环境问题难以解决的一个重要原因。而“按日计罚”的最大特点，就在于重罚。业内人士算过一笔账，2005年松花江水污染事故造成严重损害，根据原来处罚的办法最多罚100万元，九牛一毛。新环保法实施后，启动按日计罚，那可能就是每天罚900多万元。这恐怕没有哪家企业能够承担。
但值得注意的是“按日计罚”再狠，总归是一种以经济为主的行政处罚。遏制企业违法排污，不能光算经济账，尤其在“违法排污”和“接受处罚或停产”之间，还存在更加隐蔽的违法排污选择可能。事实上，2013年6月19日，最高法院、最高检察院就发布了《关于办理环境污染刑事案件适用法律若干问题的解释》，明确了14种“严重污染环境”的入刑标准。不过在具体司法实践中，存在入刑主体的甄别以及环境行政执法与刑事司法如何衔接的问题。
另外，还有一个“赏罚分明”问题。既然对污染企业有严格惩罚，那对于守法企业，也应有相应的激励措施，比如在税收政策上有所倾斜等。违法成本奇低，守法成本却畸高，这既有失公平，也是一种不好的负面暗示，不利于环境守法氛围的形成。
（4）将index.html保存为gongyi.html并在第4行插入视频文件huanbaogy.flv，宽度720，高度576像素；
（5）修改index.html，浏览网页index.html时，自动打开guanggao.html页面。
2．使用模板进行布局（见“02模板”文件夹）
操作要求：
（1）复制模板素材文件夹到D盘，并重命名为gsxs，创建站点“古诗欣赏”，站点文
件夹为D:/gsxs打开index.html，将其保存为模板ymsh;
（2）打开ymsh.dwt ，根据样图替换其banner图片为ymei.jpg
（3）将第3行第2个单元格中的表格删除，插入1个4行1列的表格，宽度为100%，在嵌套表格第2行插入yongm.jpg，第3行单元格创建可编辑域，第4行输入文本“第1>2>3页”，设置大小为14像素，颜为”#DB5AAD”保存并关闭模板；
（4）复制ymsh.dwt并改名为yhsh.dwt，并替换banner图片为yhe.jpg，嵌套表格第2行图像替换为yongh.jpg；关闭并保存；
（5）利用模板ymsh.dwt创建ymsh1.html、ymsh2.html、ymsh3.html，并插入相应图片。
（6）打开yhsh1.html，修改→模板→应用模板到页，选择模板yhsh.dwt，并用同样的方法将模板应用到yhsh2.html、yhsh3.html文件。
3．使用Div进行布局（见“03CSS+Div练习”文件夹）
操作要求：
（1）利用CSS样式和Div进行布局，创建如下图所示网页
（2）提示：创建4个div，并命名为div01，在里面分别插入对应图片和用于显示文字的div，命名为txt01；通过CSS样式表来控制div的显示。
DivCSS样式：
#div01 {
height: 170px;
width: 130px;
float: left;
margin-right: 20px;
border: 1px dashed #F00;
text-align: center;
margin-bottom: 10px;
padding-top: 3px;
}
Div中图片CSS样式：
#div01 img {
border: 1px solid #00F;
}
Div中文字CSS样式：
#txt01 {
font-size: 14px;
color: #00F;
height: 20px;
width: 130px;
padding-top: 5px;
}
网页主体部分：
<body>
<div id="div01"><img src="images/mei.jpg" width="100" height="137" />
<div id="txt01">梅花</div>
</div>
<div id="div01"><img src="images/lan.jpg" width="100" height="137" /><div id="txt01">兰花</div></div>
<div id="div01"><img src="images/ju.jpg" width="100" height="137" />
<div id="txt01">菊花</div></div>
<div id="div01"><img src="images/zhu.jpg" width="100" height="137" />
<div id="txt01">竹子</div></div>
</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。