网页制作与HTMl的关系

网页制作与HTMl的关系,第1张

网页制作软件方面,首推Dreamweaver,可视化操作性强,况且它和fireworks、flash(既是网页制作三剑客)同属于一个公司的产品,集所有优势于一身。用它制作网页,基本上不需要编写任何html语句就能生成网页。当然,它还集成了好多插件和模板,也就是根据内置模板,稍微修改下就能达到你所希望的网页效果。而且,提供动态行为面板,也就是可视化连接数据库即可作出asp等动态网页。当然,如果熟悉后,你就会发现在编写简单的html等语句时,只需输入首字母就可以出现逆想要的属性,帮助功能非常强大。

html是一种网页最基本的格式语句,由它作出的是最简单的静态网页,非常简单,只要你稍微深入。

我再告诉你网页制作一般需要的软件

长期以来,网页制作有所谓的网页三剑客(Dreamweaver、fireworks、flash),同属于一家软件公司。其中Dreamweaver是主要网页布局、制作框架等整体工作,flash主要用于页面动态元素的制作,如流星的网络flash动画等,用途非常广泛,fireworks主要用于处理,优化。基本上灵活应用这三个软件,一套相当漂亮的网页就在眼前。现在由于Photoshop被收购过来,鉴于Photoshop更强大的处理功能,所以现在网络三剑客有所改变,fireworks有逐渐被Photoshop取代的趋势。

当然这只是通俗的说法,并不是网页制作一定需要这三个软件的必须配合。

当然,这些做出来的也只是静态网页,要想网站功能更强大,还需要学习动态语言来学习动态网站。先不说这么多了,建议先把静态网页的知识先砸实。有时间我再和你详谈动态网页所需要的软件和技术

比如现在有t1html和t2html两个页面,t1页面中需要设置超链接跳转到t2页面中的锚点a1位置,则需要按如下步骤进行设置:

1、t1页面中设置超链接href属性。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t1页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

anchor{display:block;padding:5px 10px;background-color:#aaa;}

</style>

</head>

<body>

<a href="/t2html#a1" target="_blank" class="anchor">跳转到t2页面a1</a>

</body>

</html>

2、t2页面中设置锚点元素的ID为a1。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>t2页面</title>

<style>

html,body{margin:0;padding:0;background-color:#ccc;}

anchor{display:block;padding:5px 10px;background-color:#aaa;}

placeholder{height:800px;padding:5px;}

</style>

</head>

<body>

<div class="placeholder">占位div1</div>

<a id="a1" href="#" class="anchor">锚点a1</a>

<div class="placeholder">占位div2</div>

</body>

</html>

3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。

4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

欢迎分享,转载请注明来源:浪漫分享网

原文地址:https://hunlipic.com/langman/3603274.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-16
下一篇2023-08-16

发表评论

登录后才能评论

评论列表(0条)

    保存