网页设计和制作实用技术探析

《网页设计和制作实用技术探析》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计和制作实用技术探析　　摘要掌握网页设计和制作实用技术，学会对图片、字幕、动画和链接的实际运用，不仅可以顺利制作网页，还能够让网页变得丰富多彩，提高视觉效果。文章介绍网页技术要领，重点就网页制作中的图片插入、添加动画、制作滚动字幕、建立超级链接等实用技术进行阐述。关键词网页设计；制作；图片；字幕；动画；实用技术中图分类号：TP393文献标识码：A文章编号：1671-7597（2013）21-0104-02网络运用越来越广泛，熟悉网页设计基本程序，掌握一点网页制作实用技术，对提高网络使用效率非常有帮助。

2、特别是网页制作中的实用技术，也是平时工作和学习的需要，熟悉其技术要领，能够给我们带来更多便利。计算机已经进入寻常人家，网络把整个世界都联系在一起。网络研究也不再是专业技术人员的专利，普遍电脑爱好者掌握相关软件的使用，也是极其平常的事情。网页设计和制作技术普及当然有重要意义。1网页设计技术要领6网页设计经历不同发展时期，借助的工具也在不断更新之中。网页设计技术也随之软件更新中不断得到简化，如果不是特别需要，简单网页设计早已变得很容易。1.1HTML语言网页制作要借助一定的工具才能实现。我们最常熟悉的网页，也是

3、大家都会制作的Windows文本网页。这是借助Windows软件工具完成的。可这还不是我们真正需要学习的网页设计，随着人们对网页制作要求的不断提高，制作动态超级链接的网页已经成为人们的普遍需要。要学习网页设计，首先要了解HTML语言，因为这是网页制作的基础。HTML语言是专业术语，就是指计算机标记语言，通过HTML源代码解读和撰写实现网页设计。随着更多实用性软件的问世，HTML语言对计算机爱好者来说，已经没有那么重要了。大家关注的是网页的实效性，能不能给人以视觉冲击，制作也有更多的简单便捷的软件可供选择。因

4、此，网页设计制作对HTML语言的依赖越来越少，只有在特别需要的时候要用上HTML语言。了解HTML语言是必要的，特别是要写脚本语言程序时，HTML语言就不可或缺。1.2版面设计网页版面设计时，要对版面风格进行定位，对页面文字和图片等内容做统筹考量，不仅要安排有序得当，还要体现整齐美观大方的视觉效果。版面设计其实是一种艺术，而不是一般意义的技术了。网页就是制作者的思想品位素养的直观表达，阅读网页就是对制作者的审视和评价。6版面设计首先要做好主页制作工作。主页就是人的脸面，要体现网页内容风格，就要注意突出什么，

5、要有醒目的文字和图片，而且文字和画面要有自己的特色，一味堆砌当然不会有好效果。一般情况下，有特色的主页要包含这样几个要素：文字、图片、色调和排版方式。几种要素不可或缺，还要注意相互之间的协调和搭配，和谐统一才能体现整体美。2网页制作实用技术网页制作可以借助的软件很多，Frontpage是一款比较适合初学者网页制作的入门工具。Frontpage的界面和操作和Word比较相似，非常容易学习。2.1插入图片在网页中插入图片是常常要遇到的，有丰富图片内容可以让网页显得丰满生动，其操作方法并不复杂。在制作的网页中选择

6、适当位置，确定插入点，然后在网页上部点击菜单“插入”选择“图片”，再点击“来自文件”，进入对话框，查找需要插入的图片位置，最后点击插入按钮就可以完成图片插入。如果图片格式不是GIF或者JPEG也不要紧，在网页保存时Frontpage会自动转换格式。图片插入后还要对图片进行适当调整和修正，点击图片选中，单击便可以随意拖动图片，进行大小调整。6图片确定后还要对图片进行环绕样式选择。在网页中右键点击图片，在“图片属性”中选择“外观”，然后是“环绕样式”，找到文本图形周围流动方式，在“布局”中选择“图片对齐方式”，

7、根据需要进行详细设置。2.2添加动画网页添加动画文件可以让网页动态十足，给人带来不一样的活力感觉。与图片相比，动画需要有多幅图片构成。首先要准备好动画文件，动画文件可以网络下载，也可以自己制作。添加动画和图片插入基本相同。打开网页，确定动画插入位置，点击“插入”选择“图片”，在对话框中选择“从计算机上选择一个文件”，找到动画源文件点击“确定”，动画就插入到网页当前位置。如果要插入用Flash技术制作的动画，操作就要复杂一些。首先要在Flash中生成动画文件moon.Swf，然后启动Frontpage，先建立

8、一个新网页文件，点击“插入”选择“高级”到“插件”，这时会出现“插件属性”对话框，选择“浏览”找到moon.Swf源文件，确定之后回到“插件属性”找到“数据源”，并将其中的文件途径删掉，只保留文件名moon.Swf。确定之后还要选择“文件”到“保存”，将动画文件moon.Swf保存。2.3制作滚动字幕6滚动字幕的运用可以让网页显得活泼，其制作技术也比较简单。首先是打开Frontpage编辑界面，确定插入滚动字幕的