网页设计暑期社会实践报告

1、.暑期社会实践报告计科 102 陶彦博实习目的 ：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。 培养我们利用计算机进行商务网页设计的 基本思路和应用开发能力，提高我们的计算机文化素质。锻炼我们在假期里参与社会实践的综合能力。网页是世界上最有价值的不动产之一。 人们在这个不足 0.1 平米的空间内投资达数百万美元。 网页对公司的影响比简单的电子商务增收方法大得多； 网页也是公司对外的脸面。 WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他 WEB站点的链接，绕过主页而进入 WEB的深层。一网站的整体规划1. 讨论网站主题，网站应该包含的内容和信

2、息以及它所涉及到的链接。2. 定位网站形象：商务信息网站最重要的就是是浏览者看到其中的一些对自己有价值的信息。于是在网页设计上面，要有丰富的内容，优美的界面，让人一眼看上去感觉舒适，以至于继续浏览，获取价值，找到自己中意的东西。3. 确定栏目和板块：1）首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。2）其次就应该考虑导航条的设置了。3）正文的框架设置（横向因素和纵向因素交错）。4）网页色彩搭配与格局设置。5）链接的内容，广告信息排版。4. 网站的整体风格和创意： 建立一个简约而不简单的网站， 走映像派路线， 目的务必使浏览者留下映像。这样更利于创造价值。二网页制作的前期策划与准备1.

3、资料的搜集：文本内容，音像资料等。.2. 熟悉制作工具软件： Dreamweaver等网页设计软件。主页制作的基本条件有： 资料准备充分， 设施齐全，设计人员掌握相关的操作技巧。硬件：一台电脑；可以拨号上网；如果你有条件的话 , 建议 : 配置扫描仪 , 这将大大方便图像和文字的输入 ;软件： HTML编辑软件：常用的有Frontpage 、 Hotdog 等图像处理软件：常用的有Photoshop、flash 、Fireworks等；文件上传软件：常用的有Cuteftp 、WSftp 等。三网页制作真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；

4、插入的层太多， 大一点的就把小一点的给覆盖掉了； 插入的 FLASH不能产生效果。 总之问题一箩筐。 实践出真知， 原来自己还有那么多欠缺的知识。 于是回归本源， 先把课本上的东西弄通再谈其他。 然后又到图书管里借了几本网页制作方面的书籍来参考。在对基本知识有了详细的了解之后， 做起东西来就得心应手多了， 知道引导页能过加映像之后，我决定为我的网页设计一个引导页。然后是主页和二级页面的设置。 要注意 , 网上只能使用 JPG和 GIF 两种图象格式，其他诸如 BMP和 TIF 等很通用的格式都不能用在网上 , 因为它们太大了 , 但可以用图象软件进行转换，比如 Office 97 的照片编辑器

5、。把准备在主页上出现的图象放进相应的目录里后 .在一步一步的边学边做的过程中， 看着心中的东西一点一点的出来， 真的很有成就感。虽然自己的网页技术还差的远， 但是回顾一下这周真的学到了很多的东西。在网站网页设计中，要注意以下的几点：1）、 明确建立网站的目标和用户需求 。Web 站点的设计是展现企业形象、介绍产品和服务、 体现企业发展战略的重要途径， 因此我们必须明确设计站点的目的和用户需求， 从而做出切实可行的设计计划。 我们会根据消费者的需求、 市场的状况、企业自身的情况等进行综合分析， 以“消费者 （customer) ”为中心，而不是以“美术”为中心进行设计规划。 在设计规划时我们会考

6、虑： 建设网站的目的是什么？为谁提供服务和产品？企业能提供什么样的产品和服务？网站的目的消费者和受众的特点是什么？企业产品和服务适合什么样的表现方式（风格）？.2）、网页设计总体方案主题鲜明。在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位， 规划网站的组织结构。 Web 站点应针对所服务对象 （机构或人） 的不同而具有不同的形式。 有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置， 甚至可以下载声音和录像片段。 好的 Web站点把图形表现手法和有效的组织与通信结合起来。 为了做到主题鲜明突出， 要点明确， 我

7、们将按照客户的要求，以简单明确的语言和画面体现站点的主题； 调动一切手段充分表现网站点的个性和情趣， 办出网站的特点。 Web站点主页应具备的基本成分包括： 页头：准确无误地标识你的站点和企业标志； Email 地址：用来接收用户垂询； 联系信息：如普通邮件地址或电话； 版权信息：声明版权所有者等。充分利用已有信息，如客户手册公共关系文档技术手册和数据库等。3）、网站的版式设计。网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计， 但它们有许多相近之处。 版式设计通过文字图形的空间组合， 表达出和谐与美。 多页面站点页面的编排设计要求把页面之间的有机联系反映出来， 特

8、别要处理好页面之间和页面内的秩序与内容的关系。 为了达到最佳的视觉表现效果， 我们将反复推敲整体布局的合理性， 使浏览者有一个流畅的视觉体验。4）、色彩在网页设计中的作用 。色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、 均衡和重点突出的原则， 将不同的色彩进行组合 搭配来构成美丽的页面。5）、网页设计形式与内容相统一。为了将丰富的意义和多样的形式组织成统一的页面结构， 形式语言必须符合页面的内容，体现内容的丰富含义。 灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态， 产生和谐的美感。如对称原则在页面设计中，它的均

9、衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。 点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。6）、三维空间的构成和虚拟现实网络上的三维空间是一个假想空间，这种空间关系需借助动静变化图像的比例关系等空间因素表现出来。在页面中，图片、文字位置前后叠压， 或页面位置变化所产生的视觉效果都各不相同。 通过图片、文字前后叠压所构成的空间层次不太适合网页设计， 根据现有浏览器的特点，网页设计适合比较规范、 简明的页面， 尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

10、 网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次， 这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。7）。结构清晰并且便于使用。如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业和服务呢？使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品， 如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这就是网页设计的失败。.四网页的调试之前把作过的东西放到 U 盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法， 把源文件和 WEB页面放到一起这样就算路径改变

11、的话也不会影响页面的效果。总结 ：在 WWW上 , 不论你是资产上亿的大公司 , 还是捉襟见肘的穷学生 , 只要你建立了自己的网页 , 你们的地位就是平等的。经过这周的相关学习，我了解到网页设计与制作是一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜 , 不要做好就放到服务器永远不变了 , 只有不断地补充、 更新内容、才能够吸引浏览者 . 维护更新时可以充分利用 Dreamweaver提供的模板和库技术 , 以提高工作效率 . 一个真正的网站 , 不仅应该实现传统媒体的电子化 , 给用户提供需要的内容、 而且还应该做更多的事情、 完成比页面浏览更高层次的需求 , 例如

12、收集信息 , 数据传递 , 数据存储以及系统维护等 . 自己还有许多要学习的地方。在实践的这段时间内， 我们上网查询各种各样的资料， 相互讨论交流自己的一些想法和意见， 有时候会有激烈的争辩， 但是我们的出发点就是一个， 努力做好这个网页。 这些都是在学校里无法感受到的。 无论是学习还是工作， 都存在着竞争，在竞争中就要不断学习别人先进的地方，也要不断学习别人怎样做人，以提高自已的能力！ 记得老师曾经说过大学是一个小社会， 但我总觉得校园里总少不了那份纯真，那份真诚，尽管是大学高校，学生还终归保持着学生的身份。接触那些刚刚毕业的学长学姐， 他们总是队我说要好好珍惜在学校的时间。 在这次实践中，

13、我感受很深的一点是，在学校，理论的学习很多，而且是多方面的，几乎是面面俱到； 而在实际工作中， 可能会遇到书本上没学到的， 又可能是书本上的知识一点都用不上的情况。回想这次社会实践活动，我学到了很多，从我接触的每个人身上学到了很多社会经验，自己的能力也得到了提高，而这些在学校里是学不到的。在社会上要善于与别人沟通是需要长期的练习。以前没有工作的机会，使我与别人对话时不会应变， 会使谈话时有冷场， 这是很尴尬的。 人在社会中都会融入社会这个团体中， 人与人之间合力去做事， 使其做事的过程中更加融洽， 事半功倍。别人给你的意见，你要听取、耐心、虚心地接受。在工作上还要有自信。自信不是麻木的自夸，而是对自己的能力做出肯定。社会经验缺乏， 学历不足等种种原因会使自己缺乏自信。 知