网页制作设计报告

《网页制作设计报告》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、为了适应公司新战略的发展，保障停车场安保新项目的正常、顺利开展，特制定安保从业人员的业务技能及个人素质的培训计划网页制作设计报告　　JIANGXIAGRICULTURALUNIVERSITY　　本科课程报告　　题目：网页制作实验报告　　学院：软件学院姓名：徐潇学号：XX1506专业：软件工程班级：软件1002班指导教师：唐建军、胡昶　　二0一一年十二月　　实验一、认识HTML　　一、实验目的：了解HHTML中涉及的技术。　　HTML语言的组成及特点，学会利用HTML语言编辑网页。了解CSS。　　了解网站开发的流程。　　二、实验内容　　1.参考书节，利用记事本实现唐诗实例。　

2、　(1):在“记事本”中输入虞美人的文本。　　(2):选择“文件”—>“保存”命令，将该文件保存为“虞美人.html”，此时该文档将显示IE图标。　　(3):打开图标。　　如图所示：　　2.在Dreamweaver中输入如下代码：　　3.请写出以下效果的HTML代码目的-通过该培训员工可对保安行业有初步了解，并感受到安保行业的发展的巨大潜力，可提升其的专业水平，并确保其在这个行业的安全感。为了适应公司新战略的发展，保障停车场安保新项目的正常、顺利开展，特制定安保从业人员的业务技能及个人素质的培训计划　　角标的实现：在拆分视图下的文本编辑区域输入X1，然后看其在代码编辑区的变

3、化。想要实现上下角标要用到角标在字母的上方;角标在字母的下方。　　红色字体的实现：在文本编辑区域回车编写“这是红色的字”然后选中这行字在属性面板中选择颜色为红色。　　粗体字的实现：在文本编辑区域回车编写“这是粗体字”然后选中这行字在属性面板中点击粗体。　　斜体字的实现：在文本编辑区域回车编写“这是斜体字”然后选中这行字在属性面板中点击斜体　　4.我上网浏览了谷歌　　他的URL：http：//　　目标：谷歌的目标是“万能搜索”　　此网站的导航利用超连接及表单等实现导航的　　实验二、Dreamweavor应用　　一、实验目的：掌握如何在Dreamweaver中进行网页编辑；掌握

4、Dreamweaver中站点的设置；　　掌握网站空间的申请及网页的上传。　　二、实验内容　　1.将实验1中的内容，利用DreamWeavor完成，并注意在拆分视图下，观察它是如何将格式操作变成HTML代码的。　　2.按书中要求，制作唐诗宋词网站的首页。目的-通过该培训员工可对保安行业有初步了解，并感受到安保行业的发展的巨大潜力，可提升其的专业水平，并确保其在这个行业的安全感。为了适应公司新战略的发展，保障停车场安保新项目的正常、顺利开展，特制定安保从业人员的业务技能及个人素质的培训计划　　3.在Dreamweaver中设置站点，并为唐诗宋词网站规划网站文件夹结构。　　网页设

5、计心得体会报告　　网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。目的-通过该培训员工可对保安行业有初步了解，并感受到安保行业的发展的巨大潜力，可提升其的专业水平，并确保其在这个行业的安全感。为了适应公司新战略的发展，保障停车场安保新项目的正常、顺利开展，特制定安保从业人员的业务技能及个人素质的培训计划　　通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网

6、页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现

7、象发生。2、调用Style时可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制