养狗日记-计算机网页设计与制作（大作业报告格式）

期末大作业

课程名称       　《网页设计与制作》     　

班    级                    

学    号                  

姓    名                   

教    师                 

2022 年 5 月  日

 

一、选题情况（适用对象）

现在养狗的人越来越多，这是为什么呢？这当然是因为养狗有不少的好处:

1. 有研究表明，从小和狗狗一起成长的孩子，要比没有接触过狗狗的孩子，过敏几率小20%。养狗有利于抵御常见的过敏，增强孩子的抵抗力。

2. 养狗之后会变得更爱交朋友，变得更健谈，出去遛狗的时候，遇见也在遛狗的陌生人， 都可以主动上去搭话，聊聊天。

3. 美国有科学家经过研究证实，狗狗经常亲吻人类，能增强人体免疫力，和狗狗生活的时间长了，还有助于促进肠胃中有益菌群的生长。

4. 狗狗可以缓解人类内心的不愉快和孤独感，有抑郁症的人很适合饲养狗狗，可以舒缓抑郁情绪。

5. 狗狗可以让主人镇静情绪，有研究表明，养狗的人，会比不养的狗，患上心脑血管疾病的几率要低许多。

6. 狗狗天生就很机警，有看家护院的本事，养一只狗狗在家，会让你更有安全感，独居的小姐姐特别适合养一只来保护自己。

7. 养狗后，每天的遛狗时间不能少，以前休息日会宅家一整天，现在不得不带狗狗出去转转，无意间多了不少运动的时间，有利于身体健康。

8. 现在的小孩子大多从小就被电子产品吸引，沉迷其中，家里如果有一只狗狗能陪孩子玩耍，能转移孩子的注意力，减少沉迷电子产品。

养狗的好处虽然很多，但是养狗也是一个需要耐心和爱心的过程，需要主人对狗狗负责任，所以如果你想养狗，别只看到好的一面，也要多去了解一些养狗的知识，确定能对这条小生命负责后，再带它回家。为了帮助更多爱狗人士养好自己的狗狗，我建立了一个普及养狗知识和日常养护训练的养狗网站。

二、具体内容

设计主要包括以下几个版块：

  1.首页板块

      2.狗狗品种板块

  3.日常养护板块

  4.日常训练模块

5.联系板块

网站的目录结构如下：

     css          ------存放CSS文件

     images         ------存放图片文件

js          -------存放js文件

          index.html -----------首页

      pinzhong.html -------品种页面

      yanghu.html ---------养护页面

      xunlian.html---------训练页面

contact.html---------联系页面

网页截图：

1.首页

（1）头部：是包含logo、nav导航、搜索框等的通用模板

（2）尾部：版权声明，引用的网页模板信息

（3）内容：包含图片轮播，欢迎语和1行3列的最新文章

2.品种页面：通过div+ul列表的方式实现的类似表格形式的布局

3.养护页面：简单的列表布局，左图右文

4.训练页面：带大缩略图和内容摘要的列表布局

5.联系我们：包含form表单

三、设计和实现过程的难点和解决思路

难点1：设计过程列表布局比较难实现，图片及文字很容易超出父元素边界造成布局混乱。

解决思路：针对超出边界的图片或文字的宽度和高度进行精致的约束，保证列表布局规则排列。

难点2：页面美观度不够高，Dreamewver CS6软件应用不够熟练，软件中所涉及得制作方法以及工具没有更好的应用。

解决思路：

1.配色原则：避免网页杂、乱，有时候单一色彩不为也是一种独特，用色柔和，减少视觉混乱，对比度强的色彩不能应用于一般网站。

2.字体问题：字体是整个网页最醒目的部分，若字体不协调会给人一种枯燥的感觉，避免用杂色字体，防止浏览者眼花缭乱。

3.制作习惯：制作一个网页首要的是完美的构思，应该先构思好再动手制作，素材搜集完整，根据主题选材，不能脱离主题，确保所用材料与主题相关。

4.完整性：网站的基本格式完整，相关链接，友情链接必不可少，这也增加了网页的方便性

5.合适选取适当尺寸的背景图片非常重要

四、自己觉得满意的地方

成功把一个杂志主题的网页英文模板改成了一个宠物知识网页，而且整体的布局、颜色、内容较为统一美观，赏心悦目。此次网页设计也是进一步总结提炼了我的网页设计理念：

（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。

（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

（3）功能决定设计方向：看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

设计理念上的收获令我感到非常满意，收获满满。

五、其他说明

心得体会：跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的“边缘科学。“不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css等编程语言技术方面的知识。只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。