网页制作设计报告.docx

网页制作设计报告 JIANGXIAGRICULTURALUNIVERSITY 本科课程报告题目:网页制作实验报告学院:软件学院姓名:徐潇学号:XX1506专业:软件工程班级:软件1002班指导教师:唐建军、胡昶二0一一年十二月实验一、认识HTML 一、实验目的:了解HHTML中涉及的技术。 HTML语言的组成及特点,学会利用HTML语言编辑网页。了解CSS。了解网站开发的流程。二、实验内容 ,利用记事本实现唐诗实例。(1):在“记事本”中输入虞美人的文本。(2):选择“文件”—>“保存”命令,将该文件保存为“”,此时该文档将显示IE图标。(3):打开图标。如图所示: : :在拆分视图下的文本编辑区域输入X1,然后看其在代码编辑区的变化。想要实现上下角标要用到角标在字母的上方;角标在字母的下方。红色字体的实现:在文本编辑区域回车编写“这是红色的字”然后选中这行字在属性面板中选择颜色为红色。粗体字的实现:在文本编辑区域回车编写“这是粗体字”然后选中这行字在属性面板中点击粗体。斜体字的实现:在文本编辑区域回车编写“这是斜体字”然后选中这行字在属性面板中点击斜体 :http:// 目标:谷歌的目标是“万能搜索”此网站的导航利用超连接及表单等实现导航的实验二、Dreamweavor应用一、实验目的:掌握如何在Dreamweaver中进行网页编辑;掌握Dreamweaver中站点的设置; 掌握网站空间的申请及网页的上传。二、实验内容 ,利用DreamWeavor完成,并注意在拆分视图下,观察它是如何将格式操作变成HTML代码的。 ,制作唐诗宋词网站的首页。 ,并为唐诗宋词网站规划网站文件夹结构。网页设计心得体会报告网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。2、调用Style时可以单击鼠标右键选择CustonStyle来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门