网页制作论文.doc

目录
一引言 2
二页面的排版设计 2
三字幕设计 3
四图片插入 3
五字体大小 4
六超链接 5
七心得体会 5
网页制作论文
柳兴其指导教师:胡一波
(西安外事学院国际经济管理系 2009级国际经济与贸易专业)
【摘要】网页设计作为用户界面交互设计的延伸,是在新的媒体和新的技术支持下实现一个全新的设计创作领域。设计创作网页应遵循其特有的特点和结构思路,具备实际可行性和外观的时尚。本论文讲述了网站建设的一般步骤,并结合丰富的色彩应用与网页设计理论,通过个人网页制作实例,阐述了网页设计的视觉效果和具体操作。
关键词页面字幕图片链接布局
一引言
经过一个学期的计算机学习,我们学习了Fireworks的基本操作美化,课程Dreamweaver程序设计初步和更深层次的flash动画,下面我将要简要介绍一下关于我的网页制作过程。
来源:(http://blog./s/) - 网页制作论文(1)_落紫堂_新浪博客二. 页面的排版设计
我要建的网站名为“I love NBA”,分为一个首页,五个子网页现在将网页布局展示如下:
网站
首页
球员简介
球队
球员之最
我喜欢的球员
新闻
首页展示如下:
三字幕的设计
做网页是可以做一条滚动字幕,这样可以使网页加入丰富的动态效果,设计出生动活泼的网页。首先进入"设计"视图,将插入点放到要添加的新Web组件的位置。然后单击"插入/Web组件",然后再单击字幕。我把字幕的内容设为"我爱NBA"。设计字幕的大小需在代码内设计为〈Font size=7〉这样字幕就足够大了。
四图片的插入
当把一个与主题相关的图片作为网页的背景,可能会更加吸引人们的眼球。因为我做的是关于"我爱NBA"的网页,所以我所选的背景是一幅NBA球星集合的画面。我把图片保存在我的磁盘上,在"设计"模式下,用鼠标右击该网页,选择快捷菜单上的"网页属性",在"网页属性"的对话框中,单击"格式"选项卡,选择"背景图片"复选框,然后单击"浏览",确定背景图片的文件,单击"打开"。就这样可以增添背景了
为了使网页达到图文并茂的效果,需要在网页中插入一些NBA的图片。在制作之前我先在“NBA网站”里找了大量的有关的图片,保存在我的可移动磁盘里。只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛,而且有利于节省存贮空间。
下面我就可以把图片插入到网页中因首先把光标定位在需要插入图片的位置,然后选择"插入/图片"命令,单击"常用"工具栏中的"插入文件中的图片"按纽。在默认情况下,插入图片,就这样就完成了图片的添加了。但图片需要保存在磁盘了,否则下次打开时图片可能打不开。
来源:(http://blog./s/) - 网页制作论文(2)_落紫堂_新浪博客
五字体的设制字体设置:
选上文字,打开格式工具栏的"字体"下拉列表框,在里面选择相应的字体就可以了。字的颜色:单击"格式"工具栏"字体颜色"按钮旁的向下箭头,选择适当的颜色,字的颜色就改变了。
还可以对字体进行一些其他设置。选择"格式"菜单的"字体"命令,在这里我们还可以作进一步的设置。这里除了"格式"