网页制作论文.doc

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