超链接图标(超链接图标为什么是灰的)

前沿拓展：

超链接图标

1、电脑打开PPT2019版本。

2、打开PPT之后，先输入喜欢的文字，第二选中文字点击鼠标右键，选中超链接。

3、点击插入超链接后，选择要插入的东西或者链接。

4、插入链接后，文字就会变成带下划线的蓝色。

5、进入播放页面，点击插入链接的文字，超链接页面，输入地址或者选第二确定就可以了。

自从伊桑·马科特创造“响应式网页设计”这个词以来，已经过去了三年。这曾经是一个革命性的新想法，但现如今已经变成了一种常见的设计。响应式网页设计（RWD）不再是一种趋势，它是如今最好的设计表现。

我想说的是，响应式网页设计很快就会像css和html的分离一样明显。这不是是否使用它的问题。这是一个你是否能正确实现它的问题。

我们生活在后PC时代。移动设备，以及最近十分流行的可穿戴设备变得越来越重要，我们别无选择，只能接受我们的网站需要为不同的屏幕分辨率提供最好的体验这一事实。如今，越来越多的互联网流量将来自智能手机和平板电脑。在去年销售的电视中，就有超过25%是具有互联网连接的智能电视。是的，只有响应式网页设计才能让您轻松为这些设备及其所有者提供服务。

设计人员需要对响应式网站进行原型设计，而编码人员必须对它们进行编码。这就是新的现实。准备好了吗？欢迎来到响应式设计时代。

什么是响应式网页设计？

响应式网页设计当然不是一个不言自明的术语（尽管它很接近），所以我想我们需要定义它。响应式网页设计是一种设计方法，可以让网站响应某些设备的屏幕分辨率。这意味着由于响应式网页设计，设计师能够在手机，平板电脑，大屏幕等设备上打开网站时自由地控制网站的外观。

以下是一些响应式网站的截图，可以帮助您更好地理解响应式网页设计：

您还可以测试设计的网站的响应能力。调整窗口大小，并观察它如何巧妙地塑造不同屏幕分辨率的体验。

响应式网页设计更像是一种设计理念，而不是一种单一的、定义明确的方法。响应式网页设计是一种设计思维模式，迫使设计人员考虑不同设备上的体验。

响应式网页设计面临的挑战

前面我们已经了解到了什么是响应式网页设计，现在我们讨论一下它面临的挑战。

响应式网页设计要求设计人员和开发人员具有多角度设计思维过程。你必须考虑你的网站在不同设备上实际的浏览体验。这通常意味着您需要完全改造界面才能使其易于使用。每个主要分辨率都必须是一个断点，用于重塑界面。

您需要记住的一件事是，响应式网页设计并不是要缩小所有内容来适应iPhone的屏幕。设计响应式网站就是要提供出色、连续、跨渠道的体验。

听起来很复杂吗？是的！这就是我们过着艰难的生活。

想象一下，如果没有将网页上的部件仔细调整到较小的屏幕分辨率，每个网站最重要的组件之一可能会在移动设备上完全乱掉，其结果将是致命的。如果没有正确设计导航，您的网站将在其他设备上成为一种无法使用的体验和痛苦的根源。

虽然我所知道的大多数响应式网站都有适应性强的导航组件，但它们通常设计得很差。像触摸屏设备在导航方面有不同的要求和习惯；大屏幕会提供更多空间去实现网站清晰度等，这是你设计响应式网站时应始终牢记的事情。要设计一个连续的、跨渠道的体验，就意味着要仔细考虑每个渠道、设备是否以相同的精度提供服务。

麻烦的响应式网站导航是我想详细讨论的事情。为了帮助你更好地理解我所说的，下面每个导航组件都已重新还原为原型。这应该可以让您更好了解响应式解决方案的结构和含义。

在每个示例下方，您还可以找到一些链接，这些链接可让您在设计中重用这些模式。

现在 – 让我们处理响应式网站上使用的流行导航模式。

收缩和隐藏

我最喜欢的一个响应式网站导航的例子是“Done Done”。对于标准的1224px屏幕宽度，Done Done在顶部菜单中有一个简单的链接列表，这里有两个高明的设计：一个用于“计划&定价”的按钮和一个单独的“登录”链接。在这两种情况下，“Done Done”的设计者为他们认为至关重要的导航栏提供了视觉上的区别。这可能并不是什么特别新奇的设计，但它肯定是一项适当的设计。

对于较小的分辨率，则会像变魔术一样。当您开始调整窗口大小时，您会注意到第一它们使导航链接变小（但仍然易于阅读，例如在iPad Mini上），第二在720px下隐藏导航链接。在 Done Done 网站上工作的设计人员明白，他们不能继续无限期地缩小导航中的字体大小，因此他们利用了现在流行的移动应用程序导航模式。隐藏在方便菜单中的导航链接在屏幕顶部具有固**置。这意味着在向下滚动网站时，您可以持续访问导航。

这种策略的另一个例子是响应过程中的网站。对于较小的屏幕分辨率，它们会缩小并移动导航链接，以提供持续的导航便利性体验。如果您在智能手机上打开该页面，您会注意到它们“固定”了导航的位置，就像“Done Done”一样有意思。但是，新版本的网站遇到了一个小问题。“发现”链接位于iPhone上网站的徽标下方。这时候又改怎么做才能做得更好呢？很简单。例如，他们可以隐藏“Done Done”样式菜单中的链接。

最后，说说我最喜欢的例子 – Skinny Ties。这个制作精美的网站很好地处理了网站在不同的设备上的呈现。第一，它们的顶部导航大小会根据屏幕大小进行调整（它还会稍微改变位置以创建一致的布局）。对于较小的屏幕，设计师大胆地隐藏了购物车、搜索和登录/注册链接。这是一个绝佳的选择，因为它使下拉列表功能齐全（请注意，下拉列表的内容也会根据屏幕的大小进行调整），同时节省了宝贵的空间。 Skinny Ties的响应式网站在任何地方都绝对是一个亮眼的存在，我相信无论是谁都绝对会喜欢它的。

移动和隐藏

并非每个导航都适合收缩和隐藏链接。如果导航有许多层，比如复杂的信息结构、层层叠连的链接、或者只是不适合使用小字体的排版，总而言之，您必须考虑这些情况下该如怎么做。比较流行的一种做法是对中等尺寸屏幕的导航链接重新排序，并将其隐藏在较小屏幕（智能手机）的菜单中。

The Next Web 已经掌握了移动/隐藏导航链接的艺术。他们在宽屏幕上的响应式网站呈现出复杂的导航模式。两个下拉列表‘’图标，五个链接，隐藏的搜索……这是一个会发生各种意外的组合，但是，The Next Web 的网页设计师做到了。如果您将窗口大小调整为800px，您会注意到它们重新组织了整个网站的顶部。徽标已缩小到适合顶部菜单。整个“所有频道”列都隐藏在屏幕左侧的菜单中。结果很棒，这是一个清晰明了的网站，我想他们正确地使用了流行的响应式网页设计模式（尽管菜单中的“所有频道”在某种程度上仍然很奇怪）。

如果您将窗口大小调整为768px及以下，或者只是在iPad / iPhone上打开它，则五个导航链接将会从屏幕上消失，这增加了整体形式的清晰度。我想吐槽的是，如果链接根本不那么重要，为什么它们会第一出现在更宽的屏幕上呢？看起来它似乎是整个导航中不必要的，只是为了好看挤到网业上，也许只是因为它适合宽屏幕呢？

在《**ashing Magazine》的网站上，已经避免了将其他信息强制放入更宽屏幕的失败做法 – 这是高度复杂导航的另一个例子。粉碎杂志共有三个级别的导航：

主要分类：书籍，图书室，活动，工作板主题类别：编码，设计，移动，图形，用户体验设计，字压特定于每个主题类别的子类别

这三层导航迫使《**ashing Magazine》的设计师创建了一个复杂的响应式网站。对于最宽的屏幕**ashing Magazine使用屏幕左侧的两个导航列。大小为 1224px 及更小的屏幕在网站顶部具有“主要类别”，在一列中包含“主题类别”和“子类别”。这是菜单结构重组的合理选择。

但是，最有趣的事情发生在较小的屏幕上。

如果您在 iPad 上以横向视图（1024px）打开 **ashing 杂志，您会注意到子类别消失了，而主题类别则被挤压在“主要类别”下方。

最后，对于728px和更小尺寸的屏幕 – 所有导航链接都隐藏在设计精美的菜单中。在**ashing的模式中，唯一可能成为问题的事情是移动设备上缺少菜单的固**置。毕竟大多数用户用移动设备访问该网站是为了浏览最新文章，而不是浏览类别，不是吗。

sony则为他们的网站创造了一个优雅的图案。虽然1224px和400px之间的导航几乎没有任何变化，但它们在320px中将它们的五个导航链接精美地隐藏在屏幕右侧的菜单中。此模式使网站在 iPhone 上仍然浏览体验极佳。我只能说干得漂亮。

微软使用与 Sony导航类似的模式。微软设计师在屏幕右侧的整洁菜单中隐藏智能手机的导航链接。不幸的是，它没有固定的位置，而且整体上太复杂了，每个类别都有下拉列表（尝试在iPhone上使用它真的是一场无休止滚动的噩梦）。他们是这样辩护的：他们确实在页脚中重复了导航链接，这有助于滚动到页面底部，并且帮助没有找到他们但需要查找内容的用户。这种重复的导航链接是一种极好的模式。

全面重组

在响应式网站上导航的最后一个流行的解决方案是完全重组。规则很简单：如果它不合适那就改掉它，是的，简单暴力。

UXlondon使用了一个简单而优雅的解决方案。对于宽屏设备，导航链接是水平放置的，对于较小的设备，它们以垂直平面重新组织链接。导航仍然可用，尽管它使用相当多的垂直空间，迫使用户进行一些可靠的滚动以到达内容。

全面重组的另一个例子是Food Sense的网站。在宽屏幕上，导航是垂直组织的，所有链接都附有图标。对于768px屏幕，导航将更改为垂直顺序。最后，对于320px智能手机，导航会转到顶部而不显示图标（这是一个不错的选择，可以为小屏幕带来更清晰的信息）。

丽晶学院的网站也有类似的导航模式。对于宽屏幕，导航整齐地放置在网站的顶部。在主要类别下方，有几个其他链接。对于较小的设备，主要类别被重新分组到一种两行网格中，而其他链接则隐藏在模糊的“更多链接”按钮下（但我觉得这并不高明，这不是你应该**的模式…）。

那么我们该如何设计完美的导航

如你所见，所有方法都有其缺陷和优点。总而言之，这是关于在特定设备/设备类型上不断思考的特定用例。响应式设计完全致力于多渠道思维。设备和用例的矩阵应该引导您完成设计的蜿蜒曲折。这通常意味着您将需要混合，收缩，移动，重新组织和隐藏这些设计元素以创建更好的结构。

我想说，用户先于方法——这才是我们应该记下来的事情。

让我们花几分钟时间关注一个简单的导航模式。顶部，水平菜单，4个链接，以及一个登录/注册链接。想象SaaS登录页面的一个非常标准的导航设计，我已经开始从最大的屏幕尺寸（在我的情况下是1224px）设计它。一种方法是“移动优先”，但我总是发现，从最大尺寸开始到最小尺寸设计，更简单，服务更**。

我的下一步是为1024px添加一个响应式节点，并指定设计在稍微窄的屏幕上应该是什么样子。在原型制作工具中，我从顶部菜单中添加了一个响应式断点，指定我希望从1224px版本**我的设计。

多亏了这个简单的选项，我只需要通过几个动作将我的设计调整到更小的屏幕尺寸。我还决定缩小内容，以很好地适应我的项目的新版本。

当1024px的版本完成之后，我将为768px添加一个节点（因为这是iPad屏幕大小 – 这是一个重要的节点）。通常，这是我们开始更多地使用导航的那一刻。但是就我而言，我比不喜欢这么做。隐藏任何链接或更改导航模型会带来不必要的复杂性。这将会是一场繁琐的工作，但我们应该寻找更简单明了的方法，而不是一开始就幻想结局有多美好。

话虽如此，我只是稍微移动了一下导航，同时我还删除了整个右列，并将其内容放在主要内容下方。这是我认为很有效的一个方法。记住，如果不是什么重要的日子，就不要无缘无故去寻找盛开的烟花。让你的用户不是因为你的设计感到惊讶。相信我，用户会惊讶于简单解决方案的易用性。

最后，最棘手的节点 – 320px——智能手机。尝试使导航链接变小既困难又有风险。对于移动用户来说，最后的体验可能是一场难以捉摸的噩梦。所以我决定激进一点。我已将导航移动到右侧的经典移动菜单，并将“登录”和“创建帐户”链接放在网站顶部 – 以便于访问（这对于普通用户尤其重要）。

由于这个小技巧，该网站可以在小屏幕上完全使用导航功能，并且在设计的清晰度上没有任何损失。

记住了，对于320px屏幕，这种模式非常必要的。

最后

我肯定响应式网页设计将会继续存在并在未来越来越流行，这绝对是现代网页设计的主要模式之一。我真诚地希望看完本文后，您可以了解到设计一个在任何设备都完全可导航的网站并非易事，任何屏幕尺寸设计都是令人惊叹的。

拓展知识：

超链接图标

插入-插入对象-由文件创建-勾选显示为图标，第二点浏览选中要链接的文件。

微软的OFFICE是最为流行的办公软件，主要有OFFICE2010和OFFICE2007两个版本。Office 2000是第三代办公处理软件的代表产品，可以作为办公和管理的平台，以提高使用者的工作效率和决策能力。Office 2000中文版有4种不同的版本：标准版、中小企业版、中文专业版和企业版。

在Office 2000中各个组件仍有着比较明确的分工：一般说来，Word主要用来进行文本的输入、编辑、排版、打印等工作；Excel主要用来进行有繁重计算任务的预算、财务、数据汇总等工作；PowerPoint主要用来制作演示文稿和幻灯片及投影片等；Access是一个桌面数据库系统及数据库应用程序；Outlook是一个桌面信息管理的应用程序；FrontPage主要用来制作和发布因特网的Web页面。

Microsoft Office XP是微软有史以来所发行的Office版本中最重要的版本，而且也被认为是迄今为止功能最强大、最易于使用的Office产品。新版Office放弃了以往以产品发布年命名的惯例！产品名称中的XP，是英文Experience（体验）的缩写，代表着新版Office在包容覆盖广泛设备的Web服务之后，将给用户带来丰富的、充分扩展的全新体验。

除核心的 Office XP 程序 — Microsoft Word、Excel、Outlook和 PowerPoint— 外，Office XP 专业版中包含 Microsoft Access 2002，它是 Office XP 数据库解决方案，可帮助用户存储、访问和分析数据。

本回答被网友采纳

超链接图标

在Word中创建超链接有三种方法：
1、拖放编辑法：第一保存文档，第二拖动鼠标选**定的词、句或图像作为超级链接的目标，第二点击鼠标右键，把选定的目标拖到需要链接到的位置，释放鼠标按键，在快捷菜单中选择“在此创建超级链接”选项即可。
2、拷贝粘贴法：利用鼠标拖放法创建超链接很方便，但是有时超级链接的起点和终点在文档中相距较远，使用拖放式编辑的方法是很不方便的。这时可以选择超级链接的目标词、句或图像，按下Ctrl+C**选定内容，把光标移动到需要加入链接的位置，第二执行菜单“编辑→粘贴为超链接”即可。
3、使用书签法：除了以上两种方法以外，我们也可以通过使用书签来实现。第一保存文档，选择特定的词、句或图像作为超级链接的目标，选择菜单“插入→书签”，插入书签时，需要为书签命名，命名后单击“添加”按钮，把光标移到需要添加超级链接的位置，选择“插入→超级链接”，在“编辑超链接”对话框中单击“书签”按钮，并在“在文档中选择位置”对话框中选择特定的书签，单击“确定”按钮即可。