网页设计报告.doc

《网页设计报告.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计报告电子商务2班姓名：杨杰2016.06.10目录1.设计目的12.设计思想22.1网站整体结构规划思想42.2主页设计思想52.3子页的设计思想63.网页详细设计分析84.结论10电子商务2班201341440225杨杰1.设计目的阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。2.设计思想阐述网站的整体设计思想，包括：2.1网站整体结构规划思想要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。2.2主页设计思想要求对主页的布局思路进行阐述和分析。2.3子页的设计思想要求对子页的设计以及网

2、页对象的选取思路进行阐述和分析。3网页详细设计分析要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。4结论对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。一、设计目的本课程的设计目的是通过实践使同学们经历Dreamweavercs5-10-电子商务2班201341440225杨杰开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver

3、cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshopcs6、Dreamweavercs5等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。配置虚拟机环境1.在虚拟机上面模拟一个局域网环境（1）在虚拟机上面配置安装windowsxpsp3professional(Client)和windowsser

4、ver2003standardEdition(Server)两个操作系统的虚拟主机。虚拟机硬件配置如下：Ⅰ.windowsxpsp3professional（在配置过程中可以选择默认配置）Ⅱ.windowsserver2003standardEdition-10-电子商务2班201341440225杨杰由于本机要同时安装DNS和其他服务器，所以要安装两张以上的网卡，这里我们添加三张网卡，第三张作为www、ftp、pop3、smtp服务器的硬件端口，添加方法如下：在默认状态下设置好虚拟机后，在操作系统关闭（此时可以不

5、装操作系统）的情况下添加网卡。下面用箭头标明鼠标的单击流程，除此之外全部点“下一步”(2)虚拟机搭建局域网：在此我们将两个虚拟主机构建成局域网。为了不受实际主机私有网的干扰，将各个虚拟主机的网卡设置如下：-10-电子商务2班201341440225杨杰双击每一个，在出现以下的对话框中网络连接方式选择“桥接”，实际主机网卡必须是连通的。2．为虚拟主机安装对应的操作系统注意安装OS前一定要格式化硬盘，并做适当的分区；特别的对于安装windowsserver2003的虚拟硬盘要格式化为NTFS格式，建议分两个区；OS安装

6、过程不做赘述。3．虚拟机局域网环境的测试分别为各个网卡分配静态的IP。各个网卡之间pingIP,以验证接通；6.4服务器规划与配置（请描述各服务配置过程，附图最佳）DNS服务器配置安装好DNS组件-10-电子商务2班201341440225杨杰二、设计思想利用Dreamweaver制作一个关于“个人空间”的网站，利用表格、行为、层和链接等网页设计技术设计页面。本网站以个人空间为素材，主要讲解了与空间相关的内容。具体结构如图所示。三、网页详细设计分析-10-电子商务2班201341440225杨杰(一)建立布局在这次

7、的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweavercs5是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。（二）网页中的图像图像传输是WWW的真正魅力所在，它与文字相比具有显

8、著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在I