《网页设计2报告》由会员分享，可在线阅读，更多相关《网页设计2报告（10页珍藏版）》请在金锄头文库上搜索。
1、 南京工业大学网页设计课程设计报告小组工作报告学院： 经济与管理工程 专业： 信息管理与信息系统学号： P2202100206P2202100207P2202100208P2202100228姓名： 戴健、陈志文、蔡振宇、仲春达 成绩： 2021年12月企业网站就是企业的网上形象，每一家企业都有自己的特色，每一个团队或个人都会有自己的强项。凭借百花齐放的网站群，企业门户网站就可成为一道独特的风景线。网页的风格不是某个设计工程相同，网站就有整体感，而是要各个设计工程的配合应用，才能到达完美的网站风格设计。网站架构是对网站的设计和规划，象的方法架构本身，涉及到技术、美学和功能标准。在传统建筑，重点
2、是正确的用户和用户要求。这就需要特别注意网页内容，商业方案书、可用性、交互设计、信息架构和网页设计。为了有效的搜索引擎优化，必须有一个网站是如何涉及到升值的万维网。由于网站内容的规划，设计和管理的范围之内来设计方法，传统的商品，坚决性和喜悦的目标可以引起网站架构，因为它们的物理结构和其他设计学科。网站架构是未来的范围之内美学与批评理论，这种趋势可能会加速到来的语义网络和网络2.0。1色彩色彩的象征意义是具有世界性的，不同的民族产生的差异不大。而本次实训设计的慈善基金会的网站是以红色为主题。本工程中采用一种色彩，先选定主色调为红色色，具有强烈的感染力，他是火的色、血的色。具有明亮、健康、热烈、温
3、暖、欢乐、辉煌、庄严，以及尊贵的色感，然后通过调整透明度或者饱和度，就是色彩进行变淡、加深或渐变的处理，产生新的红色的近似色彩，使网页看起来色彩统一，富有层次感。2排版本次设计大致分为三栏，以中间一栏为主，也占据版面的二分之一。每个版块都用一种色彩为底色，让人一目了然，富有美感，一点也不华美，非常朴素。而针对首页，保持以下几个原那么：吸引眼球：让人立刻知道你是干什么的；超级导航：让用户能够迅速找到自己需要的信息，导航一定要做好；精华内容：适当把最吸引用户的精华内容展现出来，方便用户和搜索。另外还注意主次关系，字里行间的间距问题。3特效网页中的特效运用适当，会给网页带来画龙点睛的效果。本工程中的
4、动画效果处理的比拟好，动感适度。利用logo比拟多，当然也做了一些Banner自己也花了一些心思。网页设计1页面风格创意设计该工程网站的页面颜色初步拟定采用红色为根底色，在此色调的根底上进行颜色渐变的展开，通过色彩的运用突出本网站要传达的求知、务实、热烈、庄严等元素，使网站收到良好的创意效果。2网站栏目划分走进咖啡咖啡文化咖啡门店加盟该店联系我们3网站建设拓扑图三个半咖啡店蔡振宇仲春达陈志文戴健负责网站的筹划写报告整理子页收集图片交互设计色彩分析信息架构导航设计这是我们小组设计网站的主题 ： 三个半咖啡店采用的不是传统的全汉字三个半咖啡店，3用的是阿拉伯数字，个用的是汉语拼音，显得更加灵动，吸
5、引客户。标题设计的原那么在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原那么在实际操作中可通过三个方面来表达，这三个方面也可以被认为是网页标题设计的一般规律：1网页标题不宜过短或者过长一般来说6-10个汉字比拟理想，最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题尤其是首页标题，代表了网站名称形成深刻印象，也不便于其他网站链接。2网页标题应概括网页的核心内容当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题加链接和网页摘要信息，要引起用户的关注，网页标题发挥
6、了很大的作用，如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生也就意味着搜索引擎推广发挥了作用。另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。3网页标题中应含有丰富的关键词考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“
7、核心关键词+公司名/品排名的方式来作为网站首页标题。本文开头所列举的某网络营销效劳商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词，反而没有了核心。做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和根本知识。在目标明确的根底上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
8、Web站点应针对所效劳对象机构或人的不同而具有不同的形式。有些站点只提供简洁文本信息；有些那么采用多媒体表现手法，提供华美的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。 为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面表达站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 Web站点主页应具备的根本成分包括：页头：准确无误地标识你的站点和也起标志； Email地址：用来接收用户垂询； 联系信息：如普通邮件地址或 ； 版权信息：声明版权所有者等。 充分利用已有信息，如客户手册公
9、共关系文档技术手册和数据库等。网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。 网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同平面设计，但它们有许多相近之处。 版面设计通过文字图形的空间组合，表达出和谐与美。 多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了到达最正确的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉
10、体验。 形式与内容为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，表达内容的丰富含义。 灵活运用比照与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原那么在页面设计中， 它的均衡有时会使页面显得呆板，但如果参加一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会到达更好的效果。 点、线、面作为视觉语言中的根本元素，巧妙地互相穿插、互相衬托、互相补充构成最正确的页面效果，充分表达完美的设计意境。 如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和效劳工程呢？使用一些醒目的标
11、题或文字来突出您的产品与效劳。并且即使您拥有最棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。网页设计的要点网页设计的两大要点是：整体风格和色彩搭配。一、确定网站的整体风格 在这里，我提供应大家一些参考经验： 1将你的标志logo，尽可能的放在每个页面上最突出的位置。 2突出你的标准色彩。 3总结一句能反映贵站精髓的宣传标语！ 4相同类型的图像采用相同效果，比方说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！ 二、网页色彩的搭配 1用一种色彩。这里是指先选定一种色彩，然后调整透明
12、度或者饱和度，这样的页面看起来色彩统一，有层次感。 2用两种色彩。先选定一种色彩，然后选择它的比照色。 3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区： 1不要将所有颜色都用到，尽量控制在三至五种色彩以内。 2背景和前文的比照尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。网站子页的制作本网站的子页在形式上套用了主页的结构，使之在风格上与主页完全统一。页面特点：1通过表格的嵌套、单元格的拆分与合并来进行网页元素的布局； 2表单的制作；3栏目背景图片的制作。由于页面尺寸和显示器大小及分辨率有关系，网页的局限
13、性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。在网站制作过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否那么不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。在子页中添加滚动图片，其中老师给了我们一串代码图片滚动img src=wall_s5.jpg
