还剩14页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
网页设计实验报告网页设计实验报告「篇一」
一、实验目的•及要求本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网
2、安装windows xp操作系统;建立iis服务器环境,支持asp
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
三、实验原理通过“站点定义为”对话框中的“高级”选项卡创建一个新站点
四、实验方法与步骤1)执行“站点管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令2)在弹出的“站点定义为”对话框中单击“高级”选项卡3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框
三、实验原理通过“站点定义为”对话框中的“高级”选项卡创建一个新站点
四、实验方法与步骤1)执行“站点管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令2)在弹出的“站点定义为”对话框中单击“高级”选项卡3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕
五、实验结果
六、讨论与结论实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真实验前先熟悉好操作软件是做好该实验的关键实验二页面图像设置
一、实验目的及要求:本实例的目的是设置页面的背景图像,并创建鼠标经过图像
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网
2、安装windows xp操作系统;建立iis服务器环境,支持asp
3、安装网页三剑客dreamweaver mx;flash mx;fireworks mx等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件
三、实验原理设置页面的背景图像,并创建鼠标经过图像
四、实验方法与步骤1在“页面属性”对话框中设置页面的背景图像2在页面文档中单击“插入鼠标经过图像
五、实验结果
六、讨论与结论实验结束后我们可以看到页面的背景变成了我们插入的图像,并且要鼠标经过的时候会变成另一个图像,这就是鼠标经过图像的效果当然这种实验效果很难在实验结果的截图里表现出来这个实验的关键在于背景图像的选择,如果背景图像太大不仅会影响网页的打开速度,甚至图像在插入会也会有失真的感觉,因此在插入前对图像进行必要的处理能使实验的效果更好实验三表格制作
一、实验目的及要求本实例是要创建边框为1像素的表格
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网
2、安装windows xp操作系统;建立iis服务器环境,支持asp
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件
三、实验原理创建边框为1像素的表格
四、实验方法与步骤1)在文档中,单击表格“”按钮,在对话框中将“单元格间距”设置为“[,,1O2)选中插入的表格,将“背景颜色”设置为“黑色”(#0000000)3)在表格中选中所有的单元格,在“属性”面版中将“背景颜色”设置为4设置完毕,保存页面,按下“fl2”键预览
五、实验结果
六、讨论与结论本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果,间距的作用主要在于表现这种颜色差异表格的背景颜色和单元格的背景颜色容易混淆,在实验中要认真判断,一旦操作错误则得不到实验的效果“表格宽度”文本框右侧的表格的宽度单位,包括“像素”和“百分比”两种,容易混淆,要充分地理解这两种单位表示的意义才能正确地进行选择,否则就不能达到自己想要的效果,设置错误就会严重影响实验效果实验四创建锚点链接
一、实验目的及要求本实例的目的是创建锚点链接
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网
2、安装windows xp操作系统;建立iis服务器环境,支持asp3^安装网页三剑客dreamweaver mx;flash mx;fireworks mx等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件
三、实验原理创建锚点链接
四、实验方法与步骤1)在页面中插入1行4列的表格,并在各单元格中输入导航文字2)分别选中各单元格的文字,单击按钮,在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”3)在文档中输入文字并设置锚记名称“01”,按下“enter”键换行,输入一篇文章4)在文章的结尾处换行,输入文字并设置锚记名称“02”,按下“enter”键换行,输入一篇文章5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”,并输入文章6)保存页面,按下“门2”键预览
五、实验结果
六、讨论与结论添加瞄记的作用是可以帮读者快速找到自己想要的文章,同时也可以使页面更加精简本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果,同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称,并记得输入对应的文章,否则瞄记可能不能用熟练程度低在实验中不能很好地使用各种工具,无法一次准确地寻找到适当的位置实验中忘记选择“不可见元素”,几次实验都失败,最后才得出正确的结论因此在实验前要先做好预习,否则实验过程会比较吃力实验五设置css样式
一、实验目的及要求本实例的目的是通过设置css样式创建表格的虚线边框
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网
2、安装windows xp操作系统;建立iis服务器环境,支持asp
3、安装网页三剑客dreamweaver mx;flash mx;fireworks mx等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件
三、实验原理通过设置css样式创建表格的虚线边框
四、实验方法与步骤1在网页中创建一个表格2在“css样式”面板中单击“”按钮,在弹出的对话框中进行设置,完成后单击“确定”按钮3)在弹出的对话框中进行设置,完成后单击“确定”按钮
五、实验结果
六、讨论与结论对话框中各项指标和属性的设置存在一定的难度,如果没熟练掌握就容易出错使实验失败对“CCS”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度,只要充分地掌握了软件的各种操作,对各属性所代表的含义有充分的认识就能很好地完成这个实验4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕网页设计实验报告「篇二」一实验过程
1.资料的搜集
2.熟悉制作软件
3.构建站点框架打开dremweaver后第一步便是新建站点4设计主页及二级页面5实现网页间的链接链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了6向静太网页插入动态效果具体情况如下通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通所以我结合所学专业的内容制作了个人网站,作为实习的成果其内容是多样化的制作网页用的软件是d reamweaver,banner软件dreamweaver大大加速了网络时代电子交易应用中的项目交付它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现主图是一个网页的门面,它能体现出这个网页的整体风格制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈于是网站主题确立然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,中国简介,中国历史,用户登录注册页面留言,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样再后是收集资料与素材,大量浏览相关网站,收集关于中国的一些事迹历史图片,好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等再后是设计网页图片,用flash制作网页的bannero再后是建立站点,站点分布如下再后是制作网页了,使用dreamweaver制作首页内容精彩丰富,简洁明快,语言风趣,通俗易懂页面可爱清爽首页主要是导航作用首页制作时,时刻考虑着网页的基本原则统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体而且制作过程中,不忘以下原则简洁实用这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次当然雅俗共赏是人人都追求的利用我们所学的框架集,制作更完美的页面将动态网页与静态网页结合起来再后,调试过程,好多次本来在dream里好好的,把字调的好好的,位置很对,可在浏览器里御览就出毛病了,不是靠上了,就是靠下了,很不老实,经过再三调试,整理,加了好多表格,终于满意了,很是麻烦,想请问老师,为什么会出现这种情况啊,还有怎么解决啊,不用这么反复调整的办法,还有什么好办法啊?还有,在最超链接过程中,明明在页面属性里设置的是超链接的文字是原色,点击链接后也是原色,可一链接上就变色了,想了老半天,也做了很多研究,实验,终于知道怎么回事了,原来应该对文字所在的单元格整体做链接,而不是只选中文字做链接还有,这次的网站大部分用的是表格,层用的很少,因为它太灵活了,不好控制,用的很少再后,是网页的上传与发布,用ftp将制作好的网站上传制作过程中,才发现,原来自己懂的太少了,好多不知道的地方,才赶紧查书,开始的时候只是会建立模版,可不会应用,操作,可这样要修改模版可就麻烦了,要一个网页一个的修改,于是赶紧上网学习相关内容,阅览书籍,最后才知道文件这有个资源,点击进入资源面板,点击到数第二个的模版,选项,所有模版就都显示了,点击资源面板左下角的应用命令,好了,这个模版就应用到你建立的网页中去了这只是在制作过程中出现的问题之一,其它问题也是类似相同现在想想,自己所会的东西太少了,现在做的网站只是一些简单的网站,看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的因此反映出学习的还不够,缺点疏漏需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力同学告诉我,要做好网页,一定要学从C++,java,php,asp,数据库以后要学的实在是太多了,而且我也很喜欢这方面,在以后的日子里,会努力填充自己,丰富自己的希望以后有不懂的地方,老师能多多指点二实验心得在internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用因此网站建设在intemet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视对于现在的社会,科技的飞速发展已经成为社会发展的标志其中计算机的发展可谓快中之快,而在计算机的发展中计算机网络的发展又是首当其冲的计算机网络从为我们所知,到现在才经历的短短的几年时间,在这几年中随着计算机网络的广泛应用,特别是internet的普及和发展,网络已经成为了不可或缺的通信手段不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种it动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得但是什么为这所有的一切提供平台的呢我们又是通过什么来获取这些消息的呢对就是网页现如今,数以万计的网站以网页的方式提供了丰富、精彩的信息在人类社会进入信息时代的时候,在网络成为通信的主要手段的时候,在计算机网络普及的今天,网页也在它自己的岗位上做出了突出的贡献网页是我们在网络上的代言人我们将什么样的信息传达给浏览者,要讲述什么样的事情,网页在这里起着重要的作用企业网站在企业的网络营销当中占有及其重要的地位,只要是涉及网络宣传的企业,都应该建立属于自己的个性企业网站他不仅能够让企业在网络上展示自己的产品,促进实际销售的增长,更能够通过一根网线,向目标客户展示企业自身的形象对于企业网站设计的观点,偏重网站的形象设计,即在功能务实、体系完善的情况下,重点结合企业理念打造网站的形象log就能很好的表现企业的形象企业标志(logo)是指用于代表企业形象的独特的、有意义的图案,是企业形象识别当中最核心的环节,可用于与企业形象相关的所有环节由于企业标志所处的特殊地位,决定了其不能够随意更换,因此能否设计一个有内涵、有文化、便于识别的标志,并建立相关的应用系统,关乎到企业长远的发展,不容小视建设网站的一般过程包括前期内容确立、网站架构搭建、创意策划、设计、网站建设网站的功能版块一般分为首页(含引导页)、新闻部分、产品部分、信息交流部分、定制系统、零散页面等根据不同的企业需求,各网站的功能版块数量、布局、结构各异(-)页面的设计方面网页设计跟学习别的东西一样,也需要兴趣,所谓的兴趣也不是三分钟热度,是一种执著页设计需要耐心,如果没有耐心,就学不好网页设计,应为当你碰到一个问题时,如果不能立刻得到问题的答案,你可能需要很长时间去解决,我就碰到过一个问题,用了很长时间才解决页设计需要坚持,坚持不断的学习,因为设计网页的软件在不断的更新,因此我们要不断的学习并且页设计不要掉入技术的陷阱,如果你的网页设计技术一流,并且对软件的掌握程度已经达到一定水平,但是你设计的网页确不堪目睹,这是因为网页设计是介于平面设计和编程技术两者之间的边缘科学.不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能并且我认为网页设计应该注重实用性,因为它是让人浏览的,是用户可以抚摸,可以评论,可以交互的因此我提倡简单的美二网页视觉效果视觉形象识别即我们通常所说的vi visualidentity,与bi一起用于深化表现企业理念,同时也受到bi的影响所谓视觉形象识别,就是指能够被目标客户通过视觉来认知与企业相关的一切事物,从最基础的企业标志、吉祥物、标准色到企业日常业务中的信纸、服装、名片等等,在将其系统化以后就形成了企业的视觉形象识别系统视觉形象识别系统在整套cis中处于最表层的位置,其中所有的设计都将与目标客户发生直接的接触
(三)网页的整体布局和导航网页的布局通常指的是网页的整体架构,说的通俗一点就是排版如何突出最重要的内容,即让用户第一眼就看到这个网页所想要传达的信息这一点至关重要在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型网页布局是主要考虑以下几点
1、首先要考虑整个网页的长和宽,以及长度和宽度之间的比例
2、其次就应该考虑导航条的设置了
3、正文的框架设置(横向因素和纵向因素交错)
(四)网页中文字、图像图象我利用网上搜索和自己所学过的banner进行处理,这样做起来节约了很多时间
(五)网页制作过程中的其他注意事项不要过于注重色彩的灿烂,只要简单就行我们最终追求的主要是实用价值通过这次实习,在制作时想想使自己的网页更加丰富多彩,在网页中插入图象,动画,动态特效可是总遇到这样那样的问题,但在同学的帮助和自己摸索的情况下完成了这个实习的成果看到了一些知名的网站开发出的网页,不仅栏目内容丰富,信息量大,而且页面图文并茂,五彩缤纷,使得网民赞叹不已,流连忘返以我们的经验,当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的因此反映出学习的还不够,缺点疏漏虚在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页而努力近一个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获总体来说这次是对我的综合素质的培养,锻炼和提高网页设计实验报告「篇三」实验一站点设置、实验目的及要求本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网
2、安装windows xp操作系统;建立iis服务器环境,支持asp
3、安装网页三剑客dreamweaver mx;flash mx;fireworks mx等网页设计软件;。