Dreamweaver网页制作实训报告
网页设计实践报告3篇
网页设计实践报告3篇网页设计实践报告1一实验目的1.学习html语言和dreamweaver，frontpage等工具2.掌握在本地环境下运用asp技术实现一个简单的电子商务二实验的方法和原理三实验过程1.资料的搜集。
组长分配任务，大家从上搜集各种关于手机的资料。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。
在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。
所以我还可以正常的运用，但是出现的问题还是有很多。
有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
3.构建站点框架。
打开dremweaver后第一步便是新建站点4设计主页及二级页面。
5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果四实验心得在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。
学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。
通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。
近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。
从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。
这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。
这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。
这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。
总体来说这次是对我的综合素质的培养，锻炼和提高。
网页编辑实验报告
一、实验目的1. 熟悉网页编辑的基本工具和操作方法。
2. 掌握网页设计的基本原则和技巧。
3. 提高网页制作和美化的能力。
二、实验环境1. 操作系统：Windows 102. 网页编辑软件：Adobe Dreamweaver CC3. 浏览器：Google Chrome三、实验内容1. 创建一个简单的网页2. 网页布局与排版3. 网页元素添加与编辑4. 网页样式设置与美化5. 网页交互效果实现四、实验步骤1. 创建一个简单的网页（1）打开Adobe Dreamweaver CC，新建一个网页文件。
（2）在“插入”菜单中，选择“HTML”选项，然后选择“标签”中的“body”。
（3）在“属性”面板中，设置网页的背景颜色、文字颜色等属性。
（4）在“插入”菜单中，选择“HTML”选项，然后选择“文本”中的“段落”。
（5）输入网页内容，并调整段落格式。
2. 网页布局与排版（1）选择“插入”菜单中的“布局”选项，然后选择“Div标签”。
（2）在“属性”面板中，设置Div标签的宽度和高度，以及边距和填充。
（3）将网页内容分别放入不同的Div标签中，实现网页的布局。
（4）调整Div标签的位置和大小，使网页排版美观。
3. 网页元素添加与编辑（1）在“插入”菜单中，选择“媒体”选项，然后选择“图像”。
（2）选择需要插入的图片，并设置图片的大小、对齐方式等属性。
（3）在“插入”菜单中，选择“表单”选项，然后选择“文本框”。
（4）设置文本框的属性，如宽度、高度、边框颜色等。
（5）在“插入”菜单中，选择“表单”选项，然后选择“按钮”。
（6）设置按钮的属性，如文本、样式等。
4. 网页样式设置与美化（1）选择“插入”菜单中的“CSS样式”选项，然后选择“新建CSS规则”。
（2）在“选择器”中输入选择器的名称，如“.title”。
（3）在“规则定义”中，设置标题的字体、颜色、大小等属性。
（4）将CSS样式应用于网页中的标题元素。
网页设计dw实验报告
网页设计dw实验报告1. 实验目的本实验的目的是通过使用Adobe Dreamweaver（简称DW）软件，学习并掌握网页设计的基本原理和技巧。
2. 实验环境与工具2.1 实验环境- 操作系统：Windows 10- 浏览器：Google Chrome- 软件：Adobe Dreamweaver CS62.2 工具介绍Adobe Dreamweaver是一款功能强大的网页设计软件，它可以帮助开发人员创建富有创意的网站和应用程序。
DW提供了可视化的设计界面，同时也支持手动编辑HTML、CSS和JavaScript代码，让开发人员能够根据自己的需求灵活地进行网页设计。
3. 实验过程3.1 新建网页首先，打开DW软件并创建一个新的网页文件。
在DW的主界面中，选择“文件”->“新建”->“网页”，在弹出的对话框中选择“空白页”作为页面类型，然后设置页面的宽度、高度和背景色，并点击“创建”按钮，即可新建一个空的网页文件。
3.2 设计页面布局在新建的网页文件中，可以通过拖拽和调整页面元素的方式设计页面的布局。
通过DW的工具栏和属性面板，可以方便地添加和编辑各种元素，如文字、图片、链接等。
3.3 设置样式和格式DW提供了丰富的样式和格式设置选项，可以让开发人员对页面进行个性化的设计。
通过选择元素并修改其属性，或者直接编辑CSS代码，可以实现各种效果，如字体样式、字号、颜色、背景等。
3.4 导出网页文件完成网页的设计后，可以使用DW提供的导出功能将网页文件保存为HTML格式。
在DW的菜单中选择“文件”->“导出”，然后选择保存的路径和文件名，点击“保存”按钮即可。
4. 实验结果与分析使用DW进行网页设计时，可以快速、方便地创建美观且具有交互效果的网页。
DW提供了丰富的工具和选项，使得开发人员能够根据需求进行自由的设计和定制。
通过实验，我成功地创建了一个简单的网页，并对其进行了布局和样式设置。
5. 实验总结通过本次实验，我学习到了使用DW进行网页设计的基本流程和方法。
dreamweaver实验心得
dreamweaver实验心得在进行Dreamweaver实验的过程中，我学到了许多关于网页设计和开发的知识。
通过实际动手操作和尝试，我进一步熟悉了该软件的功能和用法，并掌握了一些实用技巧。
在这篇文章中，我将分享我的实验心得和一些值得注意的事项。
实验一：创建基本网页在刚开始使用Dreamweaver时，我首先尝试创建了一个基本的网页。
通过选择文件-新建，我可以创建一个新的HTML文件，并在编辑模式下编写HTML代码。
在创建网页的过程中，我学会了如何设置页面标题、插入图片和超链接等基本操作。
通过学习基本的HTML标记和CSS样式，我可以轻松地对网页进行格式和样式的调整。
实验二：网页布局在实验二中，我学习了网页布局的基本原理和技巧。
通过使用Dreamweaver的布局功能，我可以轻松地创建多列布局、浮动元素和响应式布局等。
通过运用CSS样式和媒体查询，我可以使网页在不同的屏幕尺寸下呈现出最佳的视觉效果。
这种灵活的布局设计使得我可以根据用户设备的不同，实现网页的自适应和响应式。
实验三：网页交互在实验三中，我学习了如何为网页添加交互性的元素和功能。
通过使用Dreamweaver的交互面板，我可以轻松地添加按钮、表单和动画等交互元素。
通过编写JavaScript代码，我可以对这些元素进行事件绑定和交互行为的定义。
这使得用户可以与网页进行互动，提升了用户体验和页面的功能性。
实验四：网页优化在实验四中，我学习了如何优化网页以提高性能和用户体验。
通过使用Dreamweaver的优化功能，我可以进行图片压缩、代码压缩和CSS样式合并等操作，以减少页面加载时间和资源消耗。
此外，我还学会了优化网页的SEO（搜索引擎优化）技巧，包括设置关键词、编写高质量的页面标题和描述等。
实验五：网站发布在实验五中，我学习了如何使用Dreamweaver将网页发布到互联网上。
通过设置FTP（文件传输协议）连接，我可以将网页文件上传到远程服务器上，使得这些网页可以通过浏览器在全球范围内访问。
网页制作实训报告
网页制作实训报告第一篇：网页制作实训报告《网站设计与制作》实训报告X学院XX班XXX号一．实训时间：2010年6月7日到2010年6月13日二．实训地点：XXX学院XXX班级三．实训组员：XXX、XXX四．实训目标：运用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累Web网站的制作经验，培养团队协作精神。
本次实训的具体目标为:了解网站制作的一般流程;熟练使用网页制作工具Dreamweaver、Flash、Fireworks设计网页;能灵活运用表格、层和框架布局页面;熟练使用CSS样式表美化网页;正确使用JavaScript添加网页特效;灵活使用模板和库来制作网页；学会申请免费域名空间和正确上传站点的方法。
五．实训策划：这一周，我们要进行《网站设计与制作》实训，我们认为做网站前最主要的是确定主题、框架和标题栏的设计。
因此我们相互讨论之后，确定制作以“婚纱”为主题的“喜多坊时尚婚纱网”。
在之后的资料收集和网页的框架的建设中，我们发现了许多问题，某些关键点无法做出心中的效果，这让我们有些遗憾。
通过自身及组员的共同探索，我们已尽权利将以下是我们的策划内容：1.确定主题。
制作网页,首先是确定主题，冬天很冷,却冷得很幸福，刚刚过去的圣诞的热闹劲还在心头。
于是我们从幸福出发，想到了结婚-婚纱，建立一个简单的介绍婚纱的网站并取名喜多坊时尚时尚婚纱,专业介绍一些喜多坊婚纱的特色等。
我们本次间的网站基本以粉红为基点，粉红是可爱清纯的颜色，粉红代表着幸福温馨，所以本站以粉红为风格，让整个网站充满爱的力量。
2.设计主页。
主页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，我们构思大致分几部分，首页，关于我们，婚纱礼服，量体裁衣，婚纱选购，公司门市，与我联系，在线论坛8大板块，每一板块又分几小部分，内容比较充分，多样。
确定导航栏的各个分类标题之后对于建立二级子网尤为重要，我们运用Photoshop CS3技术来设计出导航栏，制作切片，建立导航栏，将整体的主页效果建立起来。
Dreamweaver网页设计_实训报告
广播电视大学实训报告书一姓名学号专业/班级14秋计算机信息管理课程名称Dreamweaver网页设计教材网页设计与制作――Macromedia Dreamweaver 8任务编号01 任务名称使用Dreamweaver建立网站，建立一个名为“wywed”的网站思考题1、通过站点设置向导建立了站点之后，怎样进一步了解站点的设置可以进一步在高级模式下了解站点的设置2、对多个网站进行管理，要通过什么面板进行对多个网站进行管理是通过"文件"面板进行的3、思考建立一个个人网站应包括的内容、建立的栏目、需要的素材内容：文本、图形、链接、表格表单、Flash内容、计数器、时间戳栏目：主页日志相册留言关于素材：文本、图片、动画、midi、视频和音乐等考核内容及标准分值作品评语及成绩评定学生互评成绩20 非常熟练的完成操作，成绩：20设计与制作得分40心得及思考题得分40综合评语总分考核标准（分4个等级）1．优：在较好的完成实训任务书中的各项任务的基础上，有自己的创新，并能够应用所学的知识实现学生自己的设计想法。
2．良：能够按照要求完成实训任务书中的各项任务。
3．可：能够完成实训任务书中的各项任务，但有1－2个任务没有按照要求完成设计。
4．差：不能够完成实训任务书中的各项任务。
说明：1．浅灰色部分由学生填写2．白色部分为教师判分用3．本报告与学生实际作品相关联姓名学号专业/班级14秋计算机信息管理课程名称Dreamweaver网页设计教材网页设计与制作――Macromed ia Dreamweaver 8任务编号02 任务名称网页中插入导航条本次实训你掌握了哪些新的技术在网页中插入导航条正确设置导航条的各属性思考题1、怎样在页面中插入“鼠标经过图像”？在“文档”窗口中，将插入点放置在要显示鼠标经过图像的位置。
使用以下方法之一插入鼠标经过图像：1）、在“插入”栏的“常用”类别中，单击“图像”按钮，然后选择“鼠标经过图像”图标。
网页制作实验报告4篇
网页制作实验报告4篇网页制作实验报告4篇在生活中，我们使用报告的情况越来越多，我们在写报告的时候要避免篇幅过长。
我敢肯定，大部分人都对写报告很是头疼的，下面是小编收集整理的网页制作实验报告，欢迎大家分享。
网页制作实验报告1一、实验目的及要求：本实例的目的是通过设置css样式创建表格的虚线边框。
二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。
三、实验原理通过设置css样式创建表格的虚线边框。
四、实验方法与步骤1) 在网页中创建一个表格。
2) 在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。
3) 在弹出的对话框中进行设置，完成后单击“确定”按钮。
五、实验结果六、讨论与结论对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。
对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。
这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。
网页制作实验报告2一、实验目的及要求：本实例的目的是创建锚点链接。
二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;4、安装acdsee、photoshop等图形处理与制作软件;5、其他一些动画与图形处理或制作软件。
2024网页设计实习报告总结（三篇）
2024网页设计实习报告总结____网页设计实习报告总结一、实习背景及目的本次实习是在____年暑假期间，在某知名网络科技公司进行的网页设计实习。
通过参与公司的实际项目，我得以接触到真实的工作环境和工作流程，深入了解了网页设计的相关知识和技能。
本次实习的目的主要是掌握网页设计的基本原理和技能，锻炼分析和解决问题的能力，提升自己在这个领域的实践经验。
通过实习的学习和实践，我将网页设计与用户体验相结合，提出了一些建议和改进措施，希望能对公司的网页设计工作有所帮助。
二、实习内容及经历在实习期间，我主要参与了公司一个正在进行的网页设计项目。
该项目是一个电商平台的网页设计项目，主要涉及到用户界面的优化和功能的添加。
具体的工作内容包括与产品经理和开发团队进行沟通，了解项目需求和用户需求；负责设计网页的布局和样式，以及添加交互功能；与开发团队进行协作，进行网页的编码和调试；与用户进行交流和反馈，根据用户反馈进行网页的改进等。
在实习期间，我逐渐熟悉了公司的工作流程和设计规范，学习了各种网页设计的工具和软件的使用，提升了自己的设计能力和技术水平。
通过与产品经理和开发团队的沟通，我了解到了用户需求的重要性，学会了从用户的角度思考问题，并且能够提出一些改进建议。
在与开发团队的协作中，我学会了与他人合作和沟通，能够更好地理解他们的思想和需求，并提供有效的解决方案。
三、实习收获和体会通过这次网页设计实习，我学到了很多知识和技能，收获了很多宝贵的经验和体会。
首先，我掌握了网页设计的基本原理和技能，学会了如何设计具有吸引力和易用性的网页界面。
其次，我了解了用户体验的重要性，学会了从用户角度思考问题，并且能够提出一些改进建议，为公司的网页设计工作提供一些参考和帮助。
最后，通过与产品经理和开发团队的沟通和协作，我学会了与他人合作和沟通，锻炼了自己的团队合作能力和解决问题的能力。
这次实习让我更加深入地理解了网页设计这个领域的复杂性和挑战性。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
广西科技大学鹿山学院
课程设计报告
课程名称：网页制作课程设计
课题名称：我的梦幻网
指导教师：**
班级：计软141班
**：***
学号： ********
成绩评定：
指导教师签字：
2015 年 07 月 07 日
目录
一. 网页制作课程设计目的 (3)
二. 1.实训意义： (3)
2.实训目的: (3)
二、课程设计内容 (5)
1.网站主题《我的梦幻网》 (5)
2.网站材料 (5)
3.网站规划 (5)
三、课程设计步骤 (6)
四、网站各模块实现 (7)
1.我的梦幻网模块功能： (7)
2.背景故事模块功能： (8)
3.宠物介绍模块功能： (9)
4.门派介绍模块功能 (10)
5.装备模块功能介绍： (11)
6.人物模块功能介绍： (12)
7.地图介绍模块功能： (14)
7.我的梦幻模块功能： (15)
五、总结及心得体会 (17)
一.网页制作课程设计目的
1.实训意义：
本次网页设计与制作实训是网页教学过程中重要的实践性教学环节.它是根据网页教学计划的要求.在教师的指导下进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用.
2.实训目的:
通过综合实训进一步巩固,深化和加强我的理论知识
(1) 掌握规划网站的内容结构,目录结构,链接结构的方法。
(2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使
用。
(3) 掌握页面的整体控制和头部内容设置的方法。
(4) 熟练掌握网页页面布局的各种方法。
(5) 熟练掌握在网页中输入,设置标题和正文文字的方法。
(6) 熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。
(7) 熟练建立各种形式的超级链接的方法。
(8) 掌握表单网页制作方法。
(9) 掌握网页特效制作方法。
(10) 掌握网站测试的方法。
2. 训练和培养我获取信息和处理信息的能力,充分培养和提高动手能力,学会通过网站、书籍、素材等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。
3. 培养我运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。
4. 培养我的理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。
二、课程设计内容
1.网站主题《我的梦幻网》
《梦幻西游》是以款以著名的章回小说《西游记》为背景，通过Q版的人物，试图营造出浪漫的游戏气氛风格的游戏。
我的网站主题在于从各个方面来介绍这款游戏的特色的游戏专题。
包括每个页面都有介绍不同的游戏资料、心得、图片等内容。
同时，每个网站都有统一的风格。
给人带来一种温馨和舒服的感觉。
最重要的是为了给浏览者好的欣赏感受。
2.网站材料
制作网站的主题材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的资料。
同时,查询相关的书籍、百度等方式收集所需的文字资料，图像资料，Flash动画和网页特效等，用以得来更加具有说服力的页面。
为了做好自己的网站，尽量搜集材料，搜集材料越多，以后制作网站就越容易。
精选自己收集的材料，作为自己制作网页的素材。
这样就可以做一个好的网站。
3.网站规划
模块设计：
我的网站共有8个栏目组成：首页、背景故事、宠物介绍、门派介绍、装备介绍、地图介绍、人物介绍和我的梦幻。
每一个页面用统
一的风格和不同的背景，为了给浏览者好的欣赏感受。
站点规划：
站点下共有五个主文件夹和若干自文件夹：CSS、html、images、logo、sucai。
这五个主文件夹分别存放所用到的网页主题素材。
三、课程设计步骤
素材、风格、模版都设计好以后，下一步就是具体的制作网页。
制作网站时，首先要做到站点的规划，建立一个本地站点“我的梦幻网”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“images”文件夹存放图片专用的，网页中的CSS 样式文件也统一管理，做到有条理，我设计的网站规划如下图
四、网站各模块实现
1.我的梦幻网模块功能：
通过首页，可以大致了解我的梦幻网的结构及内容。
首页我的梦幻网分为宣传视频、导航和背景图片。
其中导航又分为8个栏目组成：首页、背景故事、宠物介绍、门派介绍、装备介绍、地图介绍、人物介绍和我的梦幻。
每一个页面用统一的风格和不同的背景，为了给浏览者好的欣赏感受。
网页功能实现：
2.背景故事模块功能：
通过此模块。
可以大致了解此游戏的背景故事。
网页功能实现：
3.宠物介绍模块功能：
通过该模块。
可以大概了解游戏内关于宠物的一些信息。
宠物介绍页面中图片都是自己PS之后成品的，页面要设置好位置，每张图片大小格式一样，排整对齐有列序，给人一个舒适的浏览感觉。
网页实现：
4.门派介绍模块功能
浏览者可以点击此模块来了解该游戏的门派介绍。
游戏中共有15个门派，人、魔、仙各有5个。
每个角色只能按种族加入其中一个门派，部分门派收徒有性别要求。
页面主要设计了15个子网页来介绍15个门派的信息。
浏览者可以通过15门派的导航栏进行门派的切换来了解不同的门派信息。
网页功能实现：
展示其中的一个门派
5.装备模块功能介绍：
此模块为介绍游戏中的不同人物拥戴的各种不同的武器。
页面布局跟门派介绍的布局相似。
也是设计了15个子页面来介绍游戏中的15种武器。
浏览者可以通过页面中的武器名称导航栏来切换不同种武器的信息观看。
网页功能实现：
以一个装备为例展示
6.人物模块功能介绍：
此模块主要介绍游戏中的15个主人公。
页面布局主要以图片加文字来介绍。
没有子页面。
页面中的人物图均为gif格式的带动作的动态图片。
附带一首震撼的背景音乐。
可以给浏览者视觉、听觉的冲击。
网页功能实现：
7.地图介绍模块功能：
此页面分为总地图。
和子地图来进行简介。
附带一首幽幽的背景音乐。
让浏览者在浏览中带来舒适。
对于总地图。
用鼠标点击图片将出现地图介绍，当鼠标点击地图上的圆点，将出现子页面相关地理位置的图片和文字介绍
子页面则为小地图加文字的一些相关描述来进行对游戏地图进行大致的了解。
网页功能实现：
7.我的梦幻模块功能：
此模块组要介绍自己玩梦幻的一些精彩截图。
网页功能实现：
五、总结及心得体会
总结：
我通过这次实训中非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。
我独立的完成网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。
做完这个网站,让我真正的认识到一个成功的网站，先期的准备工作是很重要的，好
的开始等于成功的一半。
熟练掌握网页设计和图形处理的技巧是必须的，但经验是在实战中获得的，我们虽然刚开始学也不必因此而畏惧退缩，多多练习才会有提高。
这次实训让我明白一个成功的网站需要构思设计和内容，收集素材的准备。
心得：
做一个网站首先导航清晰，布局合理，层次分明，页面的链接层次不要太深，尽量让人第一眼看清网站的大体。
保持统一的风格，有助于加深访问者对的网站的印象。
要实现风格的统一，不一定要把每个栏目做得一模一样，举个例子来说，可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，在保持风格统一的同时为网站增加一些变化。
色彩和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面。
先为站点定义好统一的外部CSS，内部页面都调用这个CSS，这样不但可以让的网页在浏览器改变设置时不变形，还有助于保持整个站点的风格统一，并且方便修改。
加深了网站设计的技术熟悉这次对网站的设计让我对各种网站设计的技术和网站设计中应注意的问题以及网站设计中所运用的工具更加的了解与熟练。
会用div+css是很重要的用框架布局可以使网页制作起来更方便，其中各种距离的设置，方便图片文字的定位。
站点及模块的应用更加熟悉了站点的建设和管理，站点和模块相结合，解决了链接自动更新次的问题，是链接更高效有用。
参考文献
[1] 王爱华王秩凤吕凤顺. HTML+CSS+javascript网页制作简明教程.北京.清华大学出版社
[2] 张晓蕾. 网页设计与制作教程（HTML+CSS+javascript）.北京：电子工业出版社。