留言和回复页面样式

2022-08-19

第一篇：留言和回复页面样式

CSS页面布局及样式设计实验报告

实验报告

实验项目名称： CSS页面布局及样式设计

(所属课程： web系统与技术 )

学院：计算机学院专业班级：11级计科信息姓名：学号：实验日期：实验地点：A06-404 合作者：指导教师：李

本实验项目成绩：教师签字：日期：

一、实验目的

(1)掌握CSS中的定位属性使用方法。 (2)掌握DIV+CSS的页面布局方式。 (3)掌握CSS中的常用属性的使用方法。 (4)理解CSS的样式构造。

二、实验条件

安装Web开发环境的微机。

三、实验内容

(1)重新对聊天室的注册页面、登陆页面和聊天页面进行页面布局。 (1)对聊天室的注册页面、登陆页面和聊天页面进行样式设计。

四、实验步骤

(1)注册页面使用CSS将注册表单居中显示，表单内嵌入表格将文本与输入域格式化显示，表单内使用label标签。

(2)登录页面中添加div层用于显示在线用户数。

(3)登录页面使用div将登录表单，在线用户数，logo图片，超链接等页面元素重新定位布局。

(4)聊天页面改用div标签并使用CSS的position定位属性进行布局，框架内的独立页面使用float属性进行布局。

(5)使用CSS设置三个页面的背景颜色或背景图片。 (6)注册页面使用CSS设计所有输入框和提交按钮的样式。

(7)登录页面使用CSS设置的超链接的字体和下划线、登录表单使用圆顶角、在线用户数使用图片数字，使用CSS设计登录按钮的显示样式。

第1页

共8页实验报告

(8)聊天页面中使用CSS设计信息发送表单和发送按钮的样式，设计用户信息列表和聊天信息段落的的显示样式。

五、实验结果

注册界面效果图及代码：

//总体框架//添加图片代码

第二篇：段落和页面设置

济南的冬天

对于一个在北平住惯的人，像我，冬天要是不刮风，便觉得是奇迹;济南的冬天是没有风声的。对于一个刚由伦敦回来的人，像我，冬天要能看得见日光，便觉得是怪事;济南的冬天是响晴的。自然，在热带的地方，日光是永远那么毒，响亮的天气，反有点叫人害怕。可是，在北中国的冬天，而能有温晴的天气，济南真得算个宝地。设若单单是有阳光，那也算不了出奇。请闭上眼睛想：一个老城，有山有水，全在天底下晒着阳光，暖和安适地睡着，只等春风来把它们唤醒，这是不是个理想的境界?小山整把济南围了个圈儿，只有北边缺着点口儿。这一圈小山在冬天特别可爱，好像是把济南放在一个小摇篮里，它们安静不动地低声地说：“你们放心吧，这儿准保暖和。”真的，济南的人们在冬天是面上含笑的。

他们一看那些小山，心中便觉得有了着落，有了依靠。他们由天上看到山上，便不知不觉地想起：“明天也许就是春天了吧?这样的温暖，今天夜里山草也许就绿起来了吧?”就是这点幻想不能一时实现，他们也并不着急，因为这样慈善的冬天，干啥还希望别的呢!

1、将正文“对齐方式”设置为“两端对齐”，特殊格式为“首行缩进”2个字符，行距为固定值、

25磅

2、将页面设置为上下边距2.5cm、左右边距2.0cm、方向横向、纸张为A4纸，距边界页眉1.5cm，

页脚1.75cm。

3、将正文第三段设置为右对齐，行距设置为1.5倍行间距。

4、将文档进行分栏设置，栏数为2，“栏宽”和“间距”为“适当值”，栏宽相等，加分隔线

5、添加页眉 “选自老舍文集”，黑体、加粗、五号字体、右对齐

6、页脚插入页码。

7、为页面添加边框，线型为双实线，颜色绿色，宽度0.5磅，或添加艺术型边框。

8、为正文添加玫瑰花底纹。

9、保存文档。

第三篇：网站建设如何做栏目和页面策划？

网站建设需要“以人为本”。只有准确把握用户需求，才能做出用户真正喜欢的网站。如果不考虑用户需求，网站的页面设计得再漂亮，功能再强大，也只能作为摆设，无法吸引到用户，更谈不上将网站用户变为你的客户。

一、网站栏目策划

相对于网站页面及功能规划，网站栏目规划的重要性常被忽略。其实，网站栏目规划对于网站的成败有着非常直接的关系，网站栏目兼具以下两个功能，二者不可或缺。

1.提纲挈领，点题明义

网速越来越快，网络的信息越来越丰富，浏览者却越来越缺乏浏览耐心。打开网站不超过10秒钟，一旦找不到自己所需的信息，网站就会被浏览者毫不客气地关掉。要让浏览者停下匆匆的脚步，就要清晰地给到他们网站内容的“提纲”,也就是网站的栏目。

网站栏目的规划，其实也是对网站内容的高度提炼。即使是文字再优美的书籍，如果缺乏清晰的纲要和结构，恐怕也会被淹没在书本的海洋中。网站也是如此，不管网站的内容有多精彩，缺乏准确的栏目提炼，也难以引起浏览者的关注。

因此，网站的栏目规划首先要做到“提纲挈领、点题明义”，用最简练的语言提炼出网站中每一个部分的内容，清晰地告诉浏览者网站在说什么，有哪些信息和功能。

2.指引迷途，清晰导航

网站的内容越多，浏览者也越容易迷失。除了“提纲”的作用之外，网站栏目还应该为浏览者提供清晰直观的指引，帮助浏览者方便地到达网站的所有页面。网站栏目的导航作用，通常包括以下四种情况：

(1)全局导航

全局导航可以帮助用户随时去到网站的任何一个栏目，并可以轻松跳转到另一个栏目。通常来说，全局导航的位置是固定的，以减少浏览者查找的时间。

(2)路径导航

路径导航显示了用户浏览页面的所属栏目及路径，帮助用户访问该页面的上下级栏目，从而更完整地了解网站信息。

(3)快捷导航

对于网站的老用户而言，需要快捷地到达所需栏目，快捷导航为这些用户提供直观的栏目链接，减少用户的点击次数和时间，提升浏览效率。

(4)相关导航

为了增加用户的停留时间，网站策划者需要充分考虑浏览者的需求，为页面设置相关导航，让浏览者可以方便地去到所关注的相关页面，从而增进对企业的了解，提升合作机率。

归根结底，成功的栏目规划，还是基于对用户需求的理解。对于用户和需求理解得越准确，越深入，网站的栏目也就越具吸引力，能够留住越多的潜在客户。

二、网站页面策划

网站页面是企业网站营销策略的最终表现层，也是用户访问网站的直接接触层。同时，网站页面的规划也最容易让项目团队产生分歧：

网页设计师说：我最知道审美的标准，对于网页设计，我最有发言权;

网站开发者说：网站程序是我开发的，我最知道我的程序要如何呈现给用户;

企业决策者说：我最了解我的企业和我的客户，我最能判断他们需要怎样的网站;

网站策划者说：网站的定位和规划源自于我，我才是最终的决断者;

每个人说的都没有错，但是每个人却都只看到了问题的一个方面。对于网页设计的评估，最有发言权的当然还是网站的用户，然而用户却无法明确地告诉我们，他们想要的是怎样的网页，停留或者离开网站是他们表达意见的最直接方法。好的网站策划者除了要听取团队中各个角色的意见之外，还要善于从用户的浏览行为中捕捉用户的意见。

三、网站策划遵循原则

1.符合客户的行业属性及企业特点

在客户打开网页的一瞬间，让客户直观地感受到企业所要传递的理念及特征，如网页色彩、图片、布局等等。

2.符合用户的浏览习惯

根据网页内容的重要性进行排序，让用户用最少的眼球移动和鼠标移动，找到所需信息。

3.符合用户的使用习惯。

根据网页用户的使用习惯，将用户最常使用的功能放置于醒目的位置，便利于用户的查找及使用。

4.图文搭配，重点突出。

用户对于图片的认知程度远高于对文字的认知程度，适当的使用图片可以提高用户的关注

度。此外，确立页面的视觉焦点也很重要，过多的干扰元素会让用户不知所措。

5.利于搜索引擎优化

减少FLASH和大图片的使用，多用文字及描述，以便于搜索引擎更容易收录网站，让用户更容易找到所需内容。