网页制作课程设计：人网站的设计意图和创意

《网页制作课程设计：人网站的设计意图和创意》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、长江师范学院数学与计算机学院网页制作课程设计报告网页制作课程设计报告学院：专业班级：姓名：学号：成绩：阅卷教师：长江师范学院数学与计算机学院网页制作课程设计报告目录1.设计目的12.设计思想12.1网站整体结构规划思想12.2主页设计思想12.3子页的设计思想13网页详细设计分析14结论1长江师范学院数学与计算机学院网页制作课程设计报告1.设计目的阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。2.设计思想阐述网站的整体设计思想，包括：2.1网站整体结构规划思想要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。2.2主页设计思想要求对主页的布

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

3、握运用Dreamweavercs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshopcs3、Dreamweavercs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。我本次主要是设计的一“宁夏大学学院简介”为主题的网页，针对宁夏大学的美丽风景做了介绍。配置虚拟机环境1.在虚拟机上面模拟一个局域网环境（1）在虚拟机上面配置安装windowsx

4、psp3professional(Client)和windowsserver2003standardEdition-14-长江师范学院数学与计算机学院网页制作课程设计报告(Server)两个操作系统的虚拟主机。虚拟机硬件配置如下：Ⅰ.windowsxpsp3professional（在配置过程中可以选择默认配置）Ⅱ.windowsserver2003standardEdition-14-长江师范学院数学与计算机学院网页制作课程设计报告由于本机要同时安装DNS和其他服务器，所以要安装两张以上的网卡，这里我们添加三张网卡，第三张作为www、ftp、pop3、sm

5、tp服务器的硬件端口，添加方法如下：在默认状态下设置好虚拟机后，在操作系统关闭（此时可以不装操作系统）的情况下添加网卡。下面用箭头标明鼠标的单击流程，除此之外全部点“下一步”(2)虚拟机搭建局域网：在此我们将两个虚拟主机构建成局域网。为了不受实际主机私有网的干扰，将各个虚拟主机的网卡设置如下：双击每一个，在出现以下的对话框中网络连接方式选择“桥接”，实际主机网卡必须是连通的。-14-长江师范学院数学与计算机学院网页制作课程设计报告2．为虚拟主机安装对应的操作系统注意安装OS前一定要格式化硬盘，并做适当的分区；特别的对于安装windowsserver2003的

6、虚拟硬盘要格式化为NTFS格式，建议分两个区；OS安装过程不做赘述。3．虚拟机局域网环境的测试分别为各个网卡分配静态的IP。各个网卡之间pingIP,以验证接通；6.4服务器规划与配置（请描述各服务配置过程，附图最佳）-14-长江师范学院数学与计算机学院网页制作课程设计报告DNS服务器配置安装好DNS组件-14-长江师范学院数学与计算机学院网页制作课程设计报告二、设计思想利用Dreamweaver8.0制作一个关于“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。本网站以新加坡旅游为素材，主要讲解了与新加坡景点相关的内容。首页设风景介绍和

7、风景欣赏两个栏目。景点介绍设7个栏目，风景欣赏只含一个页面。具体结构如图1.1所示。首页招生简章学院介绍创业小印度牛车水鱼尾狮公园夜间野生动物园莱佛士大酒店三、网页详细设计分析(一)建立布局-14-长江师范学院数学与计算机学院网页制作课程设计报告在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweavercs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。2.

8、使用背景图片：选中该项，按浏览可以插入一幅准备好的图