锐客网

  1. 首页 > 睿知 > >

web前端个人网站实验报告，个人网页制作实训报告

经验分享睿知

1，个人网页制作实训报告http://search.download.csdn.net/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E5%92%8C%E5%88%B6%E4%BD%9CCSDN上面有，自己去淘吧！【web前端个人网站实验报告，个人网页制作实训报告】
2 ， 网站设计实训总结首先我要做的就是要选择好题目和网站的风格，之后我就分步骤准备在制作网站前所要做好的准备工作 。我浏览了中国美食网的一些特点 ， 借监这些网站的优秀之处，不好的地方在自己的网站上加以改良，从而使自己的网站更加美观 。回顾这次课程设计，至今我仍感慨颇多 。的却 。从选题到开始制作 ， 从理论到实践，在实训机房日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识 ， 而且学到了很多在书本上所没有学到过的知识 。在选择好题目和网站的风格之后，我就开始了实训项目的进程，按照实训方案的规定，先是将网站的总体策划以书面的形式展现出来 ， 通过老师审核之后 ， 在相应的时间段找相关的素材，搜集与主题相关的文字、图像等 。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构 。然后创建本地网站，建立网站的目录结构 。制作首页、二级子页、内容页，创建超级链接 。最后就是测试与浏览网页 ， 如果还有什么不理想的地方再改进再预览，如此反复，最后达到最好效果！在此次网站的设计与制作过程中，难免会遇到过各种各样的问题 ， 这毕竟是第一次独自设计网站、制作网站 。但值得高兴的是：在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，没有能完全达到自己预期的效果 ， 还好通过老师的细心指导才能达到最终效果……一周网页设计与制作的实训课程结束了，回顾这次课程设计实训，至今我仍感慨颇多 。的确，从选材到开始制作，从理论到实践，在两周的实训日子里，可以说得是苦多于甜 ， 但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识 。更懂得并亲身体会到了理论与实际相结合的重要性 ， 只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力 。
3，高分求网页制作实验报告http://www.4oa.com/bggw/sort02902/sort02954/184825.html 网页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点 。二、仪器用具 1、生均一台多媒体电脑 ， 组建内部局域网，并且接入国际互联网 。2、安装Windows XP操作系统；建立IIS服务器环境，支持ASP 。3、安装网页三剑客（Dreamweaver MX；Flash MX；Fireworks MX）等网页设计软件； 三、实验原理 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点 。四、实验方法与步骤 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) 在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1” 。2) 选中插入的表格，将“背景颜色”设置为“黑色”（#0000000） 。3) 在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”（#FFFFFF） 。4) 设置完毕 ， 保存页面，按下“F12”键预览 。五、实验结果 六、讨论与结论 本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异 。表格的背景颜色和单元格的背景颜色容易混淆 ， 在实验中要认
4 ， 网站设计与开发实验报告一实验报告图1主页<html><head><title>实验报告1</title></head><frameset rows="10%,*,25%" frameborder="1" bordercolor="purple"><frame src="http://www.lisdn.com/mnsj/hhjy/top.html"><frame name="cd"><frame src="http://www.lisdn.com/mnsj/hhjy/bottom.html"></frameset></html>top：<html><head><title>实验报告1</title></head><body background="4.jpg"><tablealign=center valign=bottom><tr align=center height=63><td width=200><a href="http://www.lisdn.com/mnsj/hhjy/1-1.html" target="cd"><font size=6>牡丹的历史</font></a></td><td width=200><a href="http://www.lisdn.com/mnsj/hhjy/1-2.html" target="cd"><font size=6>牡丹之乡</font></a></td><td width=200><a href="http://www.lisdn.com/mnsj/hhjy/1-3.html" target="cd"><font size=6>牡丹花</font></a></td><td width=200><a href=mailto:123456@qq.com?cc=mudan@qq.com&subject=与我联系&body=谈谈牡丹和经济><font size=6>与我联系</font></a></td></tr></table></body></html>bottom：<html><head><title>bottom</title></head><body background="6.jpg"><center><marquee direction=left behavior="scroll" scrolldelay="150"><img src="http://www.lisdn.com/mnsj/hhjy/mudan1.jpg" width=120 height=125> <img src="http://www.lisdn.com/mnsj/hhjy/mudan2.jpg" width=150 height=125> <img src="http://www.lisdn.com/mnsj/hhjy/mudan3.jpg" width=120 height=125> <img src="http://www.lisdn.com/mnsj/hhjy/mudan4.jpg" width=120 height=125> <img src="http://www.lisdn.com/mnsj/hhjy/mudan5.jpg" width=120 height=125> <img src="http://www.lisdn.com/mnsj/hhjy/mudan6.jpg" width=120 height=125> <img src="http://www.lisdn.com/mnsj/hhjy/mudan7.jpg" width=120 height=125> </marqee></body></html>其他的小网页和图片自己添加把！框架都给你了！5，高分求网页设计实验报告不要网页http://www.wustwzx.com,这里有 。http://www.4oa.com/bggw/sort02902/sort02954/184825.html 网页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点 。二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网 。2、安装windows xp操作系统；建立iis服务器环境，支持asp 。3、安装网页三剑客（dreamweaver mx；flash mx；fireworks mx）等网页设计软件； 三、实验原理 通过“站点定义为”对话框中的“高级”选项卡创建一个新站点 。四、实验方法与步骤 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) 在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1” 。2) 选中插入的表格，将“背景颜色”设置为“黑色”（#0000000） 。3) 在表格中选中所有的单元格 ， 在“属性”面版中将“背景颜色”设置为“白色”（#ffffff） 。4) 设置完毕，保存页面，按下“f12”键预览 。五、实验结果 六、讨论与结论 本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果 ， 间距的作用主要在于表现这种颜色差异 。表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果 。“表格宽度”文本框右侧的表格的宽度单位 ， 包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果 ， 设置错误就会严重影响实验效果 。实验四：创建锚点链接 一、实验目的及要求： 本实例的目的是创建锚点链接 。二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网 。2、安装windows xp操作系统；建立iis服务器环境 ， 支持asp 。3、安装网页三剑客（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) 保存页面 ， 按下“f12”键预览 。五、实验结果 六、讨论与结论 添加瞄记的作用是可以帮读者快速找到自己想要的文章，同时也可以使页面更加精简 。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果，同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的文章 ， 否则瞄记可能不能用 。熟练程度低在实验中不能很好地使用各种工具，无法一次准确地寻找到适当的位置 。实验中忘记选择“不可见元素”，几次实验都失败 ， 最后才得出正确的结论 。因此在实验前要先做好预习，否则实验过程会比较吃力 。实验五：设置css样式 一、实验目的及要求： 本实例的目的是通过设置css样式创建表格的虚线边框 。二、仪器用具 1、生均一台多媒体电脑 ， 组建内部局域网 ， 并且接入国际互联网 。2、安装windows xp操作系统；建立iis服务器环境，支持asp 。3、安装网页三剑客（dreamweaver mx；flash mx；fireworks mx）等网页设计软件； 4、安装acdsee、photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件 。三、实验原理 通过设置css样式创建表格的虚线边框 。四、实验方法与步骤 1) 在网页中创建一个表格 。2) 在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮 。3) 在弹出的对话框中进行设置 ， 完成后单击“确定” 后面的看我发的那个网站！

    推荐阅读


    上一篇：2022年性价比最高的平板电脑，性价比高的平板电脑

    下一篇：百度转化分析,如何将百度转化为电脑版