文档介绍：网页设计报告题目:网页实训学号:15姓名::,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。:,深化和拓展学生的理论知识与专业技能。(1)掌握规划网站的内容结构,目录结构,链接结构的方法。(2)熟练掌握网页制作软件FrontPage2003和的基本操作和使用技能。(3)掌握页面的整体控制和头部内容设置的方法。(4)熟练掌握网页页面布局的各种方法。(5)熟练掌握在网页中输入,设置标题和正文文字的方法。(6)熟练掌握在网页中插入图象,flash动画和背景音乐的方法。(7)熟练建立各种形式的超级链接的方法。(8)掌握表单网页制作方法。(9)掌握网页特效制作方法。(10)掌握网站测试的方法。,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。。,严肃认真的科学态度以及独立工作的能力,树立自信心。:1、网站主题我的网站的主旨在于从各个方面全面的介绍我自己,展示自己,包括我的个人资料、个人相片和爱好。另外,网站里还包括我的好友和好友资料,建立一个展示自我形象的平台。同时,网站里的每一个网页都有统一的风格,每一个网页的主题色彩都是浅红色,用以展示自己性格的效果。最重要的是做出自己的风格,给浏览者好的欣赏感受。2、网站材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻。同时,查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等,用以得来更加具有说服力的页面。要想做好自己的网站,能够给浏览者好的欣赏感受,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。精选自己收集的材料,作为自己制作网页的素材,这样就可以做好一个好的网站。3、网站规划我的网站共有5个主页面:首页、相册、简历、图书、好友、留言版和音乐。每一个页面用统一的背景图片,以保证网站统一的页面风格。如下图:我是用自己的姓名和学号命名网站名,用以方便存储和转发。网站整体色调为浅红色,然后点缀其他不同的颜色相配,突出主题,颜色没有过多,过杂,用以避免给人一种杂乱的感觉。版面设计十分灵活,根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格,用框架定位内容的大体结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是用css设计一个样式,以保证随时、准确的调用。另外,为了网页布局的协调,我加入了适当的flash透明动态图片,用以达到更好的浏览效果。4、网站的制作工具做网页时主要使用的是FrontPage2003,但我还使用了Deamweaver。另外,为了处理网页中的其他元素,还使用了Photoshop、GifAnimator等软件。5、制作网站的网页素材、风格、模板都设计好以后,下一步就是具体的制作网页。制作网站时,首先要做的就是站点的规划,建立一个本地站点“mysite”,建立的各个页面都应该放在本地站点中,在网页制作时所需的各个元素都进行了统一的管理,建立统一的文件夹放同一类型的文件,我在制作时建立了“tupian”文件夹来存放图片。同时,由于“相册”页面中的信息太多,于是建立了一个专门的文件夹存放相册信息,网页中的css样式文件也应统一管理,做到有条不紊,我设计的网站的首页如下图:以导航栏为界,上面插入了两个flash动画,用以给浏览者好的视觉享受。左下方有我的个人资料、相片和相关链接。插入相关链接的菜单栏,一方面为了布局合理,弥补左下角的空缺,另一方面给浏览者提供放表的导航,点击其中任意一个都会连接到其他网页,如点击google就会连接到下面网页:根据自己的网页风格,在网上搜集合适的图片,另外网页的页宽一般没有超过900像素,以保证左右不出现滚动条。右下边插入的是表格,表格中添加了浅红色的背景图片。用以体现网站的主题色彩,表格还定位了网页特效、系统时间和flash动画。网页特效为上下滚动的字幕,当鼠标停在字幕上时,字幕停止滚动。特效代码如下: <SCRIPTLANGUAGE="JavaScript"><!--Begin//scrollerwid