导航:首页 > 万维百科 > 网页设计图片创建锚点

网页设计图片创建锚点

 发布时间：2020-09-14 06:46:12

1、关于网页设计锚点设置

点击右边的窗口，勾选插入就有了。

2、网页设计如何让加锚点链接？

锚点就是 点开A点链接，到了同一个页面的B位置。比如在页面最上方点击跳到了页面最下方。
A点用代码 <a href="#chaoqite">xxx旗舰店</a>
B点用代码<a name="chaoqite"></a>

两处chaoqite字符可以根据自己定义名称，但一定要同样的哦，xxx旗舰店6个字根据自己需要取名。

3、怎么给网页中的图片加锚点，用DW还是需要别的工具

给网页中的图片加锚点的方法

1、同页面:Html代码

不同页面:Html代码

添加锚点就是为了在同一个页面方便快捷地找到相应位置，所以要确定在同一个页面打开才好，
2.只要是跳到同一个地方，锚点名称必须是一样的。
3.添加锚点，起始位置和结束位置必须都是用<a></a>标记来写的，前面是用href="#锚点名"，后面是name="锚点名"；


4、谁会做网页设计。。。。

首先确定你要做一个什么样的网站；
然后确定网站分哪几个模块，具体结构是怎样；
美工按照你的思路设计网页效果图；
图片切割，制作静态效果页面；
编写代码实现动态功能（如果就静态的话就不需要了）。。。

5、怎样在网页建立一个图片超链接

1、建立同一网页内的链接
在网页的某个位置插入书签使用书签超链接，这样不但可以在同一网页内建立链接关系，还可以从一个网页的某一位置链接到同一站点内另一个网页的任意一个书签位置。在制作网页时，通过较好地组织书签链接，浏览者无需使用滚动条或翻页键即可实现站点内各网页位置的任意跳转。要在链接目标位置上插入“书签”。选择“插入”→“书签”，然后再为需要链接的对象创建“书签超链接”。
2、建立两相已有页面间的超链接
如果要链接到自己在电脑里做的某个网页，就单击上图窗口中URL后第二个“链接到本地计算机文件”按钮，再点“确定”就可以了。
3、建立链接到Internet上的超链接
在上图创建超链接对话框的URL下拉列表框中，输入网页文件的位置及名称或输入要链接的站点的地址，如 http://www.sina.com.cn/，点击超链接，浏览者就可以从一个网页转到另一个网页，从一个站点转到转到其它的站点。
4、建立E-mail超链接
可在上图中，选择E-mail链接，在弹出的E-mail窗口中输入电子邮件地址，如[email protected]或在URL下拉列表框中输入mailto:[email protected],单击超链接则会自动打开缺省的电子邮件程序转写新邮件（Frontpage默认用Outlook）。学生浏览了网页后，可以发送电子邮件与教师进行交流了。
5、建立一指向新页的链接
在上图超链接窗口中选择最后一个按钮，新建一个页面并保存，此超链接就指向这一页面。
其他超链接形式：（扩展知识）
1、超链接到多媒体文件。（1）在Frontpage中超链接目标的多媒体文件可以是图片、声音、视频、动画。当超链接到图片时，浏览者单击超链接，在屏幕上会出现单独的这幅图片，使用这样的超链接可以减少网页文件的大小。如果所制作的课件中有许多的图片，将这些图片大小不变地放入到网页文件中，会导致网页文件过大，影响整个网页的下载速度。笔者在制作时将这些图像放在网页中，每一幅缩微图都超链接到原来的图片文件，浏览者点击超链接就可以打开整幅图片，看到该图像的原来样子。（2）在网页中使用声音、视频多媒体文件可以通过三种方法实现即直接插入（声音用设置背景音乐的方法）、使用插件在网页中嵌入和超链接到多媒体文件。<1>当插入视频文件时，视频文件的第一帧会像普通图像一样显示在网页中，用户可以设置和控制视频文件的播放方式。使用插件嵌入声音或视频文件，在网页中会显示一组控件，表示这里有视频或声音文件。<2>在页面上嵌入音频文件，用户可以通过音频控件控制它的播放和停止，而且不必下载声音文件或使用外部播放软件。在页面上其嵌入音频文件的方法一般适用于在网页中需要播放的声音和音乐较多、使用音乐较频繁的情况。<3>第三种方式是通过超链接到声音、视频文件，点击超链接时，音频、视频文件必须完全下载到用户端计算机的临时文件中才能用相应的播放软件看或听这个文件。使用超链接到多媒体文件有一个优点就是多媒体文件与普通网页元素相互独立，设计时不必考虑它在网页中的布局是否协调、匹配。其缺点是超链接的多媒体与其它页面元素不能融为一体，并且需要较多的下载时间。由于多媒体文件会占用较多的带宽和磁盘空间，所以网页上所用的多媒体文件要经过精心的制作和选择，要短小精悍。一般嵌入式多媒体文件的大小应控制在100KB以内，超链接的声音文件需小于或等于20KB。
2、超链接到Office文档。Frontpage的超链接可以指向Office文档。当超链接的地址指向一个Word文档或Excel文档时，点击超链接可以打开Word或Excel窗口进入该文档的编辑状态，并可以进行编辑、存盘等操作。这就为制作 Word\Excel内容的教学网页课件提供了方便。在制作课件时，一方面用Forntpage设计制作有关Word、Excel的教学内容、教学要点的网页，另一方面利用超链接指向具体的文档，学生通过超链接进入编辑状态，可以边看教学网页中的设计要求边进行设计制作或练习Word、Excel的基本操作，这样就把教、学、练有机地结合了起来。
3、如果把Frontpage的超链接指向一个PowerPoint演示文稿，浏览者点击超链接将直接进入到该文稿的放映状态；要结束文稿的放映，只要点击浏览器窗口中的后退按钮或键盘上的退格键，就会返回到超链接源所在的那个网页。
4、如果要在网页中设计制作能控制的背景音乐，就比较困难。在Frontpage中把音乐作为背景音乐嵌入到网页中，音乐的播放、停止都无法控制，而且还会影响网络的传输速率，所以一般网页中均不加背景音乐。这个问题在PowerPoint中很容易解决。PowerPoint 自带的媒体播放机支持许多格式声音文件的播放。如果要给某一页面配乐，只需在该页面上插入声音文件按钮。放映时点击按钮就能播放声音。因此，在制作网页课件时将Frontpage与PowerPoint结合起来，把需要丰富动画效果或需要配音的页面用PowerPoint来设计制作，在 Frontpage中超链接到该演示文稿，浏览时点击超链接直接反映该文稿，网页效果与演示效果就可以有机地结合起来，最终使课件产生非常生动的教学效果。
5、超链接到其它应用程序 。Frontpage还可以将超链接指向一个应用程序。当Frontpage超链接到如Authorware.exe或Flash.exe等应用程序时，在浏览器中点击超链接，会出现文件下载的对话框。这时只要选中“在当前位置打开”，就会打开相应的应用程序窗口。这样的网页课件既适用于辅助教师的课堂教学，也适用于学生自学。

6、HTML网页设计:如何设计点击图片后跳转到另外一个页面的指定位置？

设置锚点 

跳转到锚点 

…… 

当然这个是没有动画效果的，需要js css才能实现动画 

搜索html的锚点连接

从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了  比如 想跳到 mao.aspx 的页面 的div id="s" 的位置  那么 只用<a href="mao.aspx#s">  就可实现跳转到指定位置

现在为了增加用户体验  跳转到页面后  平滑移动到该位置  怎么做呢  其实也很简单啦  那边传递过来一个 要跳转到哪个div的参数就行

先上一段 页面获取参数的 通用js

代码很简单 就是根据当前url 获取其中想要的参数的值。

7、在网页设计中怎么使用锚点？

创建锚链接
锚就是在文档中设置位置标记，并给该位置一个名称，以便引用。通过创建锚点，可以使链接指向当前文档或不同文档中的指定位置。锚点常常被用来跳转到特定的主题或文档的顶部，使访问者能够快速浏览到选定的位置，加快信息检索速度。
1、设置锚点
把光标置于文档窗口想要设置锚点的地方，点击插入面板中”常用”／”常用锚记”。在弹出的对话框中起一个锚名字。
2、创建锚点链接
选择要建立链接的文本或图像，在属性面板的链接中输入一个#号和锚点名。例如：#aa。 要链向不同页面中的锚点，则点击链接边的文件夹小图标，在打开对话框中选择要链接的文件，按"确定"键后在"属性"面板的链接栏中会显示链接的文件地址，在地址后面紧跟着输入＃号和锚名字，

8、HTML代码中什么是锚点？怎么设置锚点？

对于网页制作初学者来说锚点应当是个很新鲜的词，但是在我们浏览网页的时候确实经常可以见到的。现在就给大家介绍一下锚点是什么以及怎么设置锚点吧。

锚点是什么？

在W3C标准字“Anchor”一词即为锚点，其解释为：资源中的某个区域可以是零个、一个或多个链接的目标或源。锚点可以引用整个资源，或者的特定部分，或者资源的特定表现形式。

通俗的理解：锚点是一种超链接，只是它是页面内部的超链接。比如我们有一个网页很长很长，而且里面的内容，可以分为N个部分。这样的话，我们就可以在网页的顶部设置一些锚点，这样便可以方便浏览者点击相应的锚点，到达本页内相应的位置，而不必在一个很长的网页里自行寻找。 

怎么设置锚点？

首先打开制作网页的工具，现在很多软件都可以用来制作网页，像是eclipse、myeclipse、Dreamweaver、visual studio等等，都是很好用的软件，ide。

打开一个HTML页面，不同的软件有不同的打开方式，下面是用Adobe Dreamweaver软件来打开一个页面的。

基本代码如下所示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

</body>

</html>

在body里面填写如下的代码。

<body>

<a href="q.html#p1">文字1</a>

<a href="q.html#p2">文字2</a>

<a href="q.html#p3">文字3</a>

<a name="p1"></a>

<p>p1段落</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<a name="p2"></a>

<p>p2段落</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<a name="p3"></a>

<p>p3段落</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

</body>

5

锚点的格式代码

<a name="p3"></a>

<p>p3段落</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

<p>------------------</p>

6

运行结果如下所示：

点击【段落2】会立马跳转到段落2中。

9、在网页设计中怎么使用锚点

创建锚链接
锚就是在文档中设置位置标记，并给该位置一个名称，以便引用。通过创建锚点，可以使链接指向当前文档或不同文档中的指定位置。锚点常常被用来跳转到特定的主题或文档的顶部，使访问者能够快速浏览到选定的位置，加快信息检索速度。
1、设置锚点
把光标置于文档窗口想要设置锚点的地方，点击插入面板中”常用”／”常用锚记”。在弹出的对话框中起一个锚名字。
2、创建锚点链接
选择要建立链接的文本或图像，在属性面板的链接中输入一个#号和锚点名。例如：#aa。 要链向不同页面中的锚点，则点击链接边的文件夹小图标，在打开对话框中选择要链接的文件，按"确定"键后在"属性"面板的链接栏中会显示链接的文件地址，在地址后面紧跟着输入＃号和锚名字，

10、网页设计插入图片链接

为什么不用代码去写了，想插入图片链接就这样写<a herf="链接地址"><img src="图片地址"/></a>
你不用看那个视图模式的，那玩意一点都不准确，在dw看的很整齐的页面，在浏览器上面就乱了，在浏览器很整齐的页面，在它里面看就可能是乱的。

dw只是个编辑工具，做网站是要学习代码的，比如div+css，用div布局，css控制样式，这样是不会乱的。我建站五年了，用dw就只是编辑代码的，dw的好多功能都不知道，因为压根没用。

与网页设计图片创建锚点相关的知识