一步步学习SPD2010--第四章节--创建和修改网页(1)--插入文本、屏幕贴士、超链接和图片

本文主要是介绍一步步学习SPD2010--第四章节--创建和修改网页(1)--插入文本、屏幕贴士、超链接和图片,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

        浏览器是SP主要的网页内容编辑工具。你可以使用SPD在设计视图完成类似的活动。标准的Windows应用程序快捷方式,如复制、剪切、粘贴和回复命令在SPD中和其他基于Windows程序一样同样运行。然而,当你从其他程序中,如Word,使用粘贴文本的命令粘贴内容----粘贴文本命令在功能区的剪切板点击粘贴命令的箭头,可以发现----然后添加你自己的格式。从其他程序进行格式可能是冗长的,不会产生最高效的网页代码。

        你可以添加部件,如文本、图片、超链、屏幕提示和待选文本。屏幕提示很有用,因为当用户指向超链时,它们提供信息。待选文本允许你定义文本,如果图片没有加载或者用户不能看到图片时,就会显示。在句子末尾增加句号使听屏幕阅读器的用户能够更容易理解你的页面,特别是当两个待选文本标签相邻时。

        SPD提供许多工具管理页面上的图片。

        1.      图片转换。当你插入一个图片,不是GIF或JPEG时,SPD默认转化为GIF或JPEG格式,根据原始图片的颜色个数。插入图片之后,你可以重新使用图片工具上的命令,图片属性对话框内的格式选项卡,在SPD中重新格式化。

        2.      自动缩略图。你可以告诉SPD创建图片的小版本----缩略图----并将它链接到正常大小。通过右击图片,然后点击自动缩略图。或者,选中图片,按下Ctrl+T。

        小贴士:在页面编辑器选项对话框,使用图片和自动缩略图选项卡配置图片管理选项的设定。

       为了原型化目的或者团队网站的图片,SPD中的图片管理功能应该足够,但是如果你创建面向公众的网站,你可能想要第三方图片编辑巩固。理想的,你可以在插入图片到页面之前,在图片编辑程序中改变图片文件的大小。因为达到能给你使用HTML标签属性改变图片大小时,原始图片文件被下载到用户电脑,尽管浏览器以小格式呈现图片文件。这会让页面话费更多时间来加载。小贴士:如果你没有第三方工具,你可以使用MS PPT或MS Picture Manager来改变图片大小和文件大小。

       在本次练习中,你基于团队网站创建新的页面。然后添加文本,并用文件选项卡命令快速格式化。给文本添加超链,并将屏幕提示与超链关联后,你将配置超链,使用户点击超链时,新浏览器窗口打开。

1.      在导航窗格点击网站页面

2.      点击Home.aspx左侧图标,复制粘贴。

       Home_copy(1).aspx出现在网站页面库中。

3.      在页面选项卡,点击编辑。点击导航窗格导航右边的箭头。

        导航窗格折叠,呈现工作区域更多空间来修改页面。

4.      右击PlaceHolderMain区域任何地方,点击缩放到内容。


        只有EmbeddedFormField空间内部包含的代码呈现出来。

5.      选择“Welcome to your site!”,输入Wide World Importers Human Resources team site.

6.      选中Wide World Importers Human Resources team site,在文件选项卡,在字体组中点击Bold按钮,在段落中点击Center按钮

7.      选择Wide World Importers文本,点击段落组中的超链接按钮

        小贴士:在插入选项卡中链接组上也有超链接命令

8.      在插入超链对话框点击屏幕提示

9.      输入Wide World Importers’ intranet site。点击确定关闭对话框。

10.  在地址栏,输入网站URL,然后点击目标框架。

11.  选择新窗口。点击确定。


        小贴士:你的公司肯呢过有政策,关于新浏览器窗口什么时候打开。通常,你应该在需要展示Web页面的打印版本或者大型图片时,应该打开新浏览器窗口。

12.  点击确定,关闭对话框。

        文本Wide World Importers高光,在快速标签选择器上,橙色<a>标签出现。

        小贴士:如果没有出现,点击页面其他位置,然后点击文本Wide World Importers。

13.  保存

        MS SPD对话框打开,警告你SP可能要移除不安全内容。


14.  点击是,在编辑器页面重载页面。

        重要:SPD的设计视图并不是你在浏览器中看到的真实样子。页面的一些方面可能不会同样显示,或者一些代码在你不用浏览器查看页面时,不会起作用。在你给Web页面做修改时,你应该不断在浏览器中查看页面。并测试你的修改的功能。每个浏览器都不同,所以你也应该在一系列浏览器中测试页面,并使用网站访问者常用的分辨率。如果你在电脑中安装了多个浏览器,你可以使用预览命令下的箭头,选择特定浏览器特定分辨率预览页面。

这篇关于一步步学习SPD2010--第四章节--创建和修改网页(1)--插入文本、屏幕贴士、超链接和图片的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1083080

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

学习hash总结

2014/1/29/   最近刚开始学hash,名字很陌生,但是hash的思想却很熟悉,以前早就做过此类的题,但是不知道这就是hash思想而已,说白了hash就是一个映射,往往灵活利用数组的下标来实现算法,hash的作用:1、判重;2、统计次数;

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

【Python编程】Linux创建虚拟环境并配置与notebook相连接

1.创建 使用 venv 创建虚拟环境。例如,在当前目录下创建一个名为 myenv 的虚拟环境: python3 -m venv myenv 2.激活 激活虚拟环境使其成为当前终端会话的活动环境。运行: source myenv/bin/activate 3.与notebook连接 在虚拟环境中,使用 pip 安装 Jupyter 和 ipykernel: pip instal

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合,内部除了存储元素外,还会存储一个score,存储在zset中的元素会按照score的大小升序排列,不同元素的score可以重复,score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]

【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

引言 高斯过程(Gaussian Process,简称GP)是一种概率模型,用于描述一组随机变量的联合概率分布,其中任何一个有限维度的子集都具有高斯分布 文章目录 引言一、高斯过程1.1 基本定义1.1.1 随机过程1.1.2 高斯分布 1.2 高斯过程的特性1.2.1 联合高斯性1.2.2 均值函数1.2.3 协方差函数(或核函数) 1.3 核函数1.4 高斯过程回归(Gauss

在cscode中通过maven创建java项目

在cscode中创建java项目 可以通过博客完成maven的导入 建立maven项目 使用快捷键 Ctrl + Shift + P 建立一个 Maven 项目 1 Ctrl + Shift + P 打开输入框2 输入 "> java create"3 选择 maven4 选择 No Archetype5 输入 域名6 输入项目名称7 建立一个文件目录存放项目,文件名一般为项目名8 确定