网页设计课程设计个人工作报告.docVIP

南京工业大学 网页设计课程设计报告 个人工作报告 学院： 经济与管理学院 专业： 电子商务 学号： 2204110231 姓名： 陈欢 成绩： 2014年6月 第一部分 工作日记 2014-06-23 星期一 今天是课程设计的第一天，上周已经把小组和个人的选题提交了。在胡老师的动员下，我们的课设就正式开始了。我们小组选择的行业为零售业——图书。说到图书，自然就联想到了以图书起家的当当网以及国外的亚马逊。在征求大家意见后，我们选择了这两家电子商务企业进行行业标杆网站分析，主要是从网站的目标定位、版面的总体设计和栏目设置、提供的内容信息是否准确、网页的制作结构、色彩和导航、交互设计是否合理方便等方面进行评析比较2014-6-24 星期二 在小组两名成员撰写行业标杆网站分析还未完成的情况下，我先进行了“从表格布局转向CSS布局演练”这个任务。我首先在Dreamweaver中新建了一个叫做Yacht的站点，接着把所要的用到的素材放到站点里面去。演练的前半部分，主要是对div、css、类选择器、id选择器、标签选择器等有一个基本的了解，熟悉像float这样的属性。由于之前没有怎么实际的运用过div+css进行网页布局，因此在前半部分的演练中，觉得css运用之后有一种很“神奇”感觉。设置了一个选择器后，将所有包含在内的元素，都进行统一的设置，而不用像以前那样一个一个的设置。 演练的第二部分就开始正真的将div+css布局整体应用于网页中了。在刚开始新建网页的时候，以前我们一般都是直接新建一张html文件，都没有去关注过布局这个栏目，而演练中选择的是“2列固定，左侧栏、标题和脚注” 布局样式 这一项，从而实现了网页开始制作之前就已经形成了布局格式，不用自己不断地加入div盒子，来进行布局。因为是自动生成的布局，所以有些东西是系统命名的，比较复杂，因此将软件默认命名前缀去掉这一步，非常重要，他可以让我们更清楚的看到CSS，更好的去理解它们。在这部分的练习中，让我对div+css布局有了更深入的了解，真的可以用“精妙”二字来形容。运用的恰到好处，精简了不少代码。虽然只是对着步骤一步一步照着做下来，但做完后还是会有种豁然开朗的感觉，觉得自己以前做的那些网页太幼稚了。 当然在演练过程中我也碰到了不少问题。翻译过来的文档多多少少会有些错误在里边，有少数地方翻译的特别奇怪，让人看不懂，比如说将Accordion翻译成了手风琴，一开始没看懂，打开英文版的进行比较后才知道，原来指的是accordion，意思是“可折叠”，这下我终于明白过来，相应的属性修改也都在SpryAccordion.css这里面进行设置。而Spry折叠式面板的运用，是我在整个演练中收获比较大的一个地方。以前经常能在其他网页中看到的效果，原来直接用Dreamweaver也可以做到，非常不错。有点遗憾的是，效果没能完全做出来，在内容框出来后，标题框文字看不到了。 Spry折叠式面板效果 通过此次演练，我对div+css布局有了深入了解，真正的体会到了Dreamweaver的功能强大，也让我认识到自己对Dreamweaver的掌握程度还远远不够，以后应该更加深入的去了解、体会与实践。 2014-6-25 星期三 在标杆网站分析完成后，我们就正式开始对网站的架构以及CSS方案、色彩方案以及JavaScript方案进行分析设计了。我们参考的是电子商务图书类标杆网站，所以我们也是准备做一个图书类网站。我想到的一个方案是做校园二手书的买卖，也就是校园网上书店，而我的方案也得到了大家的认可，之后便开始填充内容。这个网站需要实现哪些功能，是我们第一个考虑的。既然是校园网上书店，那么图书的买卖是肯定要有的，接着我们根据标杆网站分析以及参考一些网上做图书的网站，又补充了其他功能，比如说教材求购、商品发布、上门收书、期末借书、留言、关于我们、交流社区等。 在分析之后，我们小组把网站命名为“爱淘书”，目标人群是工大在校师生，域名是。因为是在www.3v.cm这个网站上申请的,所以域名之后会跟上。 域名及虚拟主机控制面板 2014-6-26 星期四 从今天开始，就正式进行小组网页的设计了。在拿到彭晓雯同学的信息架构后，我参考其他网站、去图书馆查找资料后完成了CSS方案和JavaScript方案。我将Dreamweaver站点名字命名为itaobok，之后运用个人演练中的布局，新建了一个“2列固定，左侧栏、标题和脚注”布局。 header部分 虽然大致知道了每个部分应该做一些什么，但是却不知道从哪边做起来比较方便。我们小组网页设计，没有用模板，而是进行布局后，参考其他网站结合自己的信息架构，进行内容的填充。去图书馆查找资料过程中，看到