网页制作实验总结

1、 网页制作实验总结（一） 网页设计实验报告（一） 网页制作实验总结（二） 网页设计与制作 实验报告 许世 院系名称 管理学院 专业班级 电子商务11级3班 学生姓名 谦学 号 201117050308 2013年6月4日 实验一HTML语言实验 一、实验目的 1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表 格的能力；3、掌握利用HTML语言编写表单的能力。二、实验课时 2学时三、实验内容 1、表格实验的结果 实验一v/title vcaption vh2试验 l A BC D E F G H I 2、表单实验的结果 vtitle试验第一题v/title 姓名vtdvin

2、put 密码vtdvinput 性别 男 td align=center width=200 篮球 vinput type=ncheckboxn name=check2n value=yesn checked足球 vinput typecheckbox” nameheckS valuejes”乒乓球 籍贯vtdxselect name=”jiguarT v option开封 voption 郑州 洛阳v/select 四、实验小结 通过这次试验,我掌握了许许多多以前不知道的代码细节,让我对网页设计 与制作有了更深层次的了解,同时我对编写代码也渐渐的熟悉了。刚开始编写的 时候有点漫无目的，但是慢

3、慢的就找到了感觉,最高兴的是最后当自己的代码在 网页中显示出来的时候f自己的努力是值得的，越来越喜欢网页制作了！ 实验二Fireworks和CSS实验 、实验目的 1、掌握为给定效果图规划切图方式的能力；2、掌握利用FieWoks切图 的能力；3、掌握利用CSS+DIV制作网页的能力。二、实验课时 2课时三、实验内容 1、规划切图方式的思路 首先,将网页的布局了解清楚,然后,根据不同的模块分类,导航条分为一 类,其余的各归各类,之后利用Fireworks切图。 2、利用Fireworks切图的步骤 运用Fireworks将图片切为自己所需要的部分和比例,如图所示 3、CSS+DIV制作网页的结

4、果 效果图jpg body .topfmargin: Opx auto;border:Opx;text-align: center; .topmain margin: Opx auto; width: 940px;height: 25px;padding: Opx;text-align: cente; .topmain ul margin: Opx;padding: Opx;list-style-type: none;text-align: center; .topmain ul li width: 72px; float: left; height: 25px;text-align: cen

5、ter; .topmain ul li a width: 72px; height: 25px;text-align: center;contentl margin: Opx auto;border:Opx;text-align:center;.content2 margin: Opx auto;border:Opx;text-align:left;position:absolute; left:168px; top:352px;width:301px;height:533px .content3 margin: Opx auto;border:Opx;text-align:left;posi

6、tion:absolute; left:468px;top:352px;width:465px; height:533px content4 margin: Opx auto;border:Opx;text-align:left;position:absolute; left:933px;top:352px;width:211px; height:529px; bottom margin: Opx auto;border:Opx;position:absolute; left:168px; top:885px;width:977px; height:105px;text-align: cent

7、er; vimg src二images/效果图_2_cjpg border二v/div vu卜 vimg src二images/效果图4_cjpg border=0 网页制作实验总结（三） JIANGXI AGRICULTURAL UNIVERSITY 本科课程报告 题目 网页制作实验报告 学院 软件学院 姓名徐潇 学号 20101506 专业软件工程 班级 软件1002班 指导教师 唐建军、胡昶 二0年十二月 实验一、认识HTML 、实验目的了解HHTML中涉及的技术。 HTML语言的组成及特点,学会利用HTML语言编辑网页。了解CSS。 了解网站开发的流程。 二、实验内容 参考书1节，利用

8、记事本实现唐诗实例。 :在记事本”中输入虞美人的文本。 :选择文件- 保存命令，将该文件保存为虞美人.html” ,此时 该文档将显示IE图标。 :打开图标。 如图所示 在Dreamweaver中输入如下代码 请写出以下效果的HTML代码（包括分行及分段效果） 角标的实现在拆分视图下的文本编辑区域输入XI然后看其在代码编辑区的 变化。想要实现上下角标要用到supx/sup角标在字母的上方； subx/sub 角标在字母的下方。 红色字体的实现在文本编辑区域回车编写这是红色的字然后选中这行字 在属性面板中选择颜色为红色。 粗体字的实现在文本编辑区域回车编写这是粗体字然后选中这行字在属 性面板中点

9、击粗体。 斜体字的实现在文本编辑区域回车编写这是斜体字然后选中这行字在属 性面板中点击斜体 我上网浏览了谷歌 他的 URLhttp/ 目 标谷歌的目标是万能搜索 此网站的导航利用超连接及表单等实现导航的 实验二、Dreamweavor 应用 、实验目的拿握如何在Dreamweave中进行网页编辑；掌握 Dreamweaver中站点的设置; 拿握网站空间的申请及网页的上传。 二、实验内容 将实验1中的内容,利用DreamWeavor完成,并注意在拆分视图下z观察 它是如何将格式操作变成HTML代码的。 按书中要求,制作唐诗宋词网站的首页。 在Dreamweaver中设置站点，并为唐诗宋词网站规划

10、网站文件夹结构。 网页制作实验总结（四） 网页设计实训心得 通过这次实训对这门课程的学习,做好网页,并不是一件容易的事,它包括 网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套 网页的色调等很多东西。 所以我得出一下总结 、准备资料和挑选符合目的主题的合适素材 做网页当然要收集、准备资料。在网上多转转,看到什么漂亮的网页,把它 保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要 用到的各种材料,如背景、小动画图标等等。可以在硬盘上建一个文件夹,下分 图片、声音、动画等文件夹,养成上网时看到有创意、新鲜的图像，就按鼠 标右键存入你硬盘相应文件夹的习惯,时间一

11、长就拥有了一个可观的图库,等做 网页时随手拈来或加以修改就成你自己的东西了。 二、规划好整个网站 主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节, 或使画面过于复杂。切记,页面给人的第一观感最为重要!在网上到处浏览网站 的人很多，如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏，而 且他们恐怕再也不会访问你的网站了。 三、善用图片，增强艺术效果 我记得老师说过网页的迷人之处之一,要算它上面能点缀许多漂亮的图片。 精美的图片设计,可以使自己的网页增辉不少,令人过目不忘。图片的内容应有 定的实际作用,切忌虚饰浮夸,同时还要注 意与文字的颜色搭配。最佳的图像集美观与资讯于

12、一身。 四、善于借鉴他人主页制作中的设计技巧 由于在网上用浏览器浏览任何主页时,都能查看到该主页制作时所编写的绝 大部分网页编程源代码。因此,如果想知道并拿握一些优秀的主页采用的设计技 巧,试看将其源代码调出来仔细揣摩,并模仿看一步一步去实现。 最后感谢老师多日来的辛勤教导! 网页制作实验总结（五） 河南城建学院 网页制作课程设计报告 学号：专业姓名：题目：指导教师 设计时间计算机科学与工程系2010年6月 目录 -设计目的3 二、课程设计题目3 三、课程设计要求3 四、需求分析4 五、技术分析5 六、创意分析8 七、制作过程及要点9 八、参考资料12 九、设计总结12 -设计目的 本课程的设

13、计目的是通过实践使同学们经历Dreamweaver cs3开发的全过 程和受到一次综合训练,以便能较全面地理解、掌握和综合运用所学的知识。结 合具体的开发案例,理解并初步掌握运用Dreamweaver cs3可视化开发工具进 行网页开发的方法；了解网页设计制作过程 通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识 和实现技巧。 根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计 制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增 强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培

14、养做一个 完整项目的能力。 二课程设计题目 玩转西安 三、课程设计要求 1. 课程设计要求一组一题,每题之间不得有雷同现象。 2 每个题目至少要有15个不同页面（不能用模板生成），总页面不少于 30个。作品中必须有index.htm为索引页，作品中需包含flash动画、超链接、 图片、声音等多媒体元素。 3 .课程设计过程中,首先要进行项目调研分析、技术设计分析及页面布局。 4 .设计结束时,每人须按题目分析设计的要求,上交所有的HTML文档和素材, 将所有文件只作为压缩包，文件名按学号+姓名+项目名称来命名。 5作品内容必须要和课程设计报告中的项目内容要一致，设计报告要求在 5000字左右”

15、报告内容应有课程设计题目、需求分析、设计制作方案及关键制 作技术等内容,必要处需要将效果图抓屏后进行插图。课程设计报告要求用A4 纸打印后与作品_同上交,无设计报告者不予评定成绩。 选定主题，确定题目之后,在做整个网站之前对网站进行需求分析。首先, 做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。调研 内容如下 1、网站当前以及日后可能出现的功能需求。 2、客户对网站的性能（如访问速度）的要求和可靠性的要求。3、确定 网站维护的要求。4、网站的实际运行环境。 5、网站页面总体风格以及美工效果。6、主页面和次级页面数量等。7、 内容管理及录入任务的分配。 8、各种页面特殊效果及

16、其数量（如flash等9、项目完成时间及进度。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接 看逐步细化。 我们选做的主题是旅游交通，并且选定题目为玩转西安”其目的是做一个 简单的网站,介绍西安旅游的各个方面,提供一定的资讯信息Q进行一番调研之 后,该网站整体站功能结构图如下 （）建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。 Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。 特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很 难组织出一个协调合理的页面。 点击ALT+F6键，进入布局模式，插入布局表格。建立一个大概的布局。 使用背景图片选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因 为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都