千姿百态项目经理4——“温柔”项目经理

温暖的项目经理:带领团队度过难关并自主创业
本文讲述了一位独特的项目经理,以其温和的性格和高超的管理能力,带领团队克服困难,并最终选择自主创业的故事。他通过平和的态度解决冲突,使团队氛围和谐,工作效率提高。在项目结束后,他决定离职创立自己的公司,吸引了众多前同事加入,展现了其强大的个人魅力和领导力。

之所以想写这个项目经理,是因为这是我到现在为止,见过的唯一一个从来不动怒,几乎所有人都认为他很绅士很温柔的一个项目经理。对很多项目经理来说,不生气、不动怒、不发脾气就把项目管好,几乎是天方夜谭,是不可能的事情,但是对他来说,发脾气才是不可能的事情,而不生气就把项目管好,对他来说似乎也是天经地义的事情。

说实话,我对他的了解并不是很深,因为只经历过他带的一个项目的后半部分。

微笑能带来好运

经历过这个项目之后,我相信了这句话。不管别人用什么样的态度对他,他都能用很平和的态度回应。曾经见过一个他的小组长,拍着桌子冲他吼“你想累死我啊!!!”,他微笑着看了这个小组长三秒钟,小组长乖乖闭嘴去干活。因为他的脾气很好,所以大家很多话都会直接对他说,在这个项目后期的时候,大家身心俱疲,有人跟他说,下个项目不要做这样的项目了,他也会微笑着说“好,下个不做这样的了,换个别的做”。

因为他总是很温和的微笑着跟我们说话,而且不知道是不是我一个人的感觉,总觉得他的笑容里有一点害羞,项目组成员的情绪也都受影响,让人觉得暖暖的,项目虽然累,但觉得开心快乐。那段时间,自己都觉得上班就像在玩一个开心的游戏一样,没有任何的压力,也没有任何的不良情绪。

这个项目之后,就很少遇到这样的项目了,不是觉得压力很大就是觉得每天要过的小心翼翼以免被骂。

带着一堆人离职创业

这个项目做完之后,他就自己创业了,他的离开,算是给公司带来了不小的影响,很多曾经跟他一起做过项目的、一起共事过的人,听说他自己创业,都纷纷表示希望可以去他的公司工作,而他也接受了很多人,他的公司的很多很多人都是他以前的同事。这件事,对公司来说,算是坏事吧。不说这件事情的对错好坏,只说作为项目经理,有几个人敢说,如果自己要创业,会真的有一堆人追随?

这个故事写的比较简单,因为自己参与的并不是很深,只能看到一些大家都知道的东西。
<think>我们要根据用户的需求来构建一个网页,用户的需求如下: 1. 页面标题为“桂林山水风景图片” 2. 3号标题红色字体居中(使用h3标签,红色,居中) 3. 含4张图片采用无序布局(使用ul和li,每个li包含一张图片和文字,单击跳转对应图片) 4. 列表项含图片链接和文字,单击跳转对应图片(每个li中有一个a标签,包含img和文字,点击后跳转至大图页面) 5. img宽度100px高度100px,边框2px实线 6. ul去除列表项符号,内容居中(list-style-type: none; text-align: center;) 7. li行内显示,宽度120px,行高30px(display: inline-block; width:120px; line-height:30px;) 8. p字体宋体,靠左,首行缩进2格(即2em),字体18px,左右间距50px(font-family:宋体; text-align:left; text-indent:2em; font-size:18px; margin:0 50px;) 9. 友情链接字体居中,900粗(font-weight:900; text-align:center;) 注意:我们还需要考虑整体结构,以及样式的应用位置。 根据引用[1]中的示例,我们可以将样式写在<style>标签内,在<body>中构建结构。 另外,用户提到了友情链接,但需求描述中没有具体说明友情链接的内容,我们可以假设在页面底部有一个友情链接部分。 步骤: 1. 构建HTML结构:包括标题、图片列表、段落和友情链接。 2. 编写CSS样式,按照要求设置各个元素的样式。 注意:由于要求li行内显示,所以ul中的li会横向排列。 下面我们编写代码: </think>以下是根据您的要求制作的网页解决方案,结合了CSS字体属性、布局技巧和样式控制: ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>桂林山水风景图片</title> <style> /* 全局设置 */ body { font-family: "宋体", sans-serif; margin: 0; padding: 20px; } /* 3号标题样式 */ h3 { color: red; text-align: center; font-size: 1.17em; /* 3号标题标准大小 */ margin-bottom: 30px; } /* 图片列表容器 */ .gallery { text-align: center; margin: 30px 0; } /* 无序列表样式 */ ul { list-style-type: none; /* 去除列表符号 */ padding: 0; text-align: center; /* 内容居中 */ margin: 0 auto; max-width: 600px; /* 限制宽度便于居中 */ } /* 列表项样式 */ li { display: inline-block; /* 行内显示 */ width: 120px; /* 固定宽度 */ line-height: 30px; /* 行高 */ margin: 10px; vertical-align: top; } /* 图片样式 */ li img { width: 100px; /* 宽度 */ height: 100px; /* 高度 */ border: 2px solid #000; /* 实线边框 */ display: block; /* 独占一行 */ margin: 0 auto 5px; /* 上下间距 */ object-fit: cover; /* 保持比例 */ } /* 段落样式 */ p { font-size: 18px; /* 字体大小 */ text-align: left; /* 靠左对齐 */ text-indent: 2em; /* 首行缩进2字符 */ margin: 20px 50px; /* 左右间距50px */ line-height: 1.6; } /* 友情链接样式 */ .friend-links { font-weight: 900; /* 粗体900 */ text-align: center; /* 居中 */ margin-top: 40px; padding: 15px; border-top: 1px solid #ccc; } /* 响应式调整 */ @media (max-width: 600px) { li { width: 100px; } p { margin: 20px 20px; } } </style> </head> <body> <h3>桂林山水风景图片</h3> <div class="gallery"> <ul> <li> <a href="large1.jpg" target="_blank"> <img src="thumb1.jpg" alt="漓江风光"> <span>漓江风光</span> </a> </li> <li> <a href="large2.jpg" target="_blank"> <img src="thumb2.jpg" alt="象鼻山"> <span>象鼻山</span> </a> </li> <li> <a href="large3.jpg" target="_blank"> <img src="thumb3.jpg" alt="龙脊梯田"> <span>龙脊梯田</span> </a> </li> <li> <a href="large4.jpg" target="_blank"> <img src="thumb4.jpg" alt="阳朔西街"> <span>阳朔西街</span> </a> </li> </ul> </div> <p>桂林山水是中国山水的代表,典型的喀斯特地形构成了别具一格的桂林山水。这里的山平地拔起,千姿百态;漓江的水蜿蜒曲折,明洁如镜;山洞多有奇石、怪石,琳琅满目。桂林山水甲天下,阳朔山水甲桂林,群峰倒影山浮水,无水无山不入神。</p> <div class="friend-links"> <a href="#">桂林旅游局官网</a> | <a href="#">广西旅游网</a> | <a href="#">中国风景名胜</a> </div> </body> </html> ``` ### 核心技术要点说明: 1. **标题样式**:使用`h3`选择器实现红色字体(`color: red`)和居中(`text-align: center`) 2. **图片列表**: - 使用`display: inline-block`实现横向布局 - 通过`list-style-type: none`移除列表符号 - 图片设置固定尺寸`100x100px`和`2px`实线边框 3. **段落样式**: - 首行缩进`text-indent: 2em`实现首行空两格 - 设置`18px`字体大小和左右`50px`边距 - 使用`margin: 20px 50px`控制上下左右间距 4. **友情链接**: - `font-weight: 900`实现加粗效果 - `text-align: center`确保居中显示 5. **布局技巧**: - 使用`max-width`配合`margin: 0 auto`实现响应式居中 - `object-fit: cover`保持图片比例不变形 - 媒体查询(`@media`)适配移动设备 此方案满足所有设计要求,且符合现代网页开发标准,可直接使用或根据需求调整具体图片路径和文字内容[^1][^3][^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值