优秀网站网页设计(中职《网页设计》技能竞赛常见问题的速效处理)

《网页设计》已逐渐成为中等职业技能大赛的主要项目之一。然而，在《网页设计》技能大赛中，选手通常会遇到一些难以解决的问题，影响比赛结果。本文探讨了中等职业学校运动员在《网页设计》比赛中常见的几个问题。1.简化布局图表1。问题：在网页表格布局教程中，修改文本的完整图片是单独插入的，参赛者使用表格布局需要更多的时间。2.解决方案3360在dreamweaver提供的布局模式下(以下简称为DW)，您可以绘制一个长度和宽度与整个图片相同的布局表格，将整个图片设置为表格的背景，然后在需要插入文本的地方绘制布局单元格。例如，对于对以下的布局(长宽为：800100)，具体操作如下：(1)DW中的进入布局模式；(2)画一张长宽为(800100)的桌子；(3)退出布局模式，选择表单，将上面的图片设置为表单的背景图片；(4)进入布局模式；(5)在需要嵌入字符的地方绘制布局单元格，即图中的字1、字2。这样做还有另一个好处，因为有背景图片作为参考，所以在绘制单元格时不需要手动输入位置。需要注意的是，当采用表格布局时，如果表格有背景图片，有时背景图片会重复出现，导致整个页面变形。为了避免变形，应该设置表格的CSS样式：2.透明背景的巴布亚新几内亚图1。问题： IE6.0以下的当前浏览器版本不支持背景透明的巴布亚新几内亚图，因此在IE6中保持巴布亚新几内亚图的透明背景是由代码控制的，这增加了参赛者的负担。2.解决方案：在网站设计中，一些材料通常被设置为透明背景，漂浮在网页的其他图片上让人感觉很“自然”。由于IE6.0的巴布亚新几内亚是不透明的，我们不应该从工业工程开始，简单地把材料做成不透明的巴布亚新几内亚或聚苯乙烯中的JPG，或者工业工程支持透明背景的主权财富基金。这种窃取列的方法没有代码，所以适合学生采用。(1)在PS中处理巴布亚新几内亚的透明背景。如果透明的巴布亚新几内亚图片在网页中浮动在其他图片上或透明地过渡到其他颜色，“其他图片和其他颜色”将暂时被称为巴布亚新几内亚的背景。传统上，当我们处理材料时，我们分别处理巴布亚新几内亚和透明巴布亚新几内亚图像的背景，并将它们保存在不同的文件中。为了改变这种习惯，在PS中，巴布亚新几内亚的背景与透明巴布亚新几内亚图形一起被处理，并且只有巴布亚新几内亚的背景被放置在巴布亚新几内亚图形的下层，然后被保存为巴布亚新几内亚或JPG文件。这张带有背景的巴布亚新几内亚或JPG图片在工业工程和公共工程中具有相同的透明效果。应该注意的是，当保存JPG图片时，应该选择“最佳”质量以达到巴布亚新几内亚24或巴布亚新几内亚32的效果。(2)在flash中处理巴布亚新几内亚的透明背景。带有透明巴布亚新几内亚图形的Swf在ie中仍然是透明的。因此，如果使用透明的巴布亚新几内亚图表作为制作SWF动画的素材，这与通常处理素材的习惯是一样的。在PS中，这些材料被单独处理并形成透明的PNG，然后导入flash。需要注意的是，flash cs3不能直接导入PNG图。要解决这个问题，您可以先导入一张JPG图片，然后在库中选择图片，右键单击，选择“属性”，在“属性”中选择“导入”，找到巴布亚新几内亚图片并打开它。虽然巴布亚新几内亚的图片在图书馆里仍然是JPG格式的，但是拖放到舞台上，包括SWF文件，是透明的。3.关于Javascript响应鼠标传递事件1。问题：有太多的代码响应鼠标通过事件，这不利于参赛者的记忆。2.解决方案：当我们浏览网页，鼠标经过网页上的一些文字或图片时，会有丰富美丽的提示；此外，当鼠标经过一排小图片时，每个小图片的大图片将显示在另一个相同的位置，这些鼠标响应事件为网页增加了活力。与纯css控件或swf相比，使用css javascript控件在思想上更清晰，代码上更简单，便于参赛者记忆。(1)当鼠标经过时，出现漂亮的提示。鼠标通过文字或图片显示丰富美丽的提示，也就是将提示放入或。有更多的控制规则

具体操作如下：将提示内容放入or，即图层中，设置div的标识，如“abc”(此标识被javascript引用)。同时，设置div样式的属性值。div的位置和大小可以根据实际情况给出，但是有两个属性值，即位置的属性值应该设置为绝对，显示的属性值应该设置为无；在鼠标传递的单词或图片的html标签中添加onmouseover和onmouseout事件。其中：

onmouseover事件的值为：

" document . GetElementBYid(' ABC '). style . display=' block ' "；

onmouseout事件的值为：

document . GetElementBYID(' ABC '). style . display=' none ' .

事件值中的“abc”是div的标识号。当然，您也可以将事件值定义为Javascript的函数，然后在onmouseover和onmouseout事件中调用已定义的函数。

(2)鼠标通过小图片显示大图片。

在同一个网页中，鼠标经过小图片，每个小图片的大图片出现在另一个相同的位置。在过去，iframe是为了处理而插入的，但是当iframe是为了处理而插入的时候，只有当鼠标点击时才会出现一个大的图片，没有“移动”的绘图效果；如果将其制成主权财富基金，步骤复杂，时间昂贵，而且不适合竞争。这种“移动”的绘画效果可以用简单的javascript实现，具体的操作如下：

(1)在大图像的Html标签中设置标识，如" ABC "；

在缩略图的Html标签中添加onmouseover事件。onmouseover事件的值为：“document . getelementbyid(‘ABC’)”。src='大图路径'。