
1.首先双击dreamweaver CS5快捷键图标打开。
2.新建一个HTML文档,在菜单栏中找到“文件”并单击,选择“新建”
3.在打开的新建文档窗口中,依次选择“空白页”—“HTML”,其中的文档类型选择“XHTML1.0 transitional”,最后单击“创建”按钮。
4.在菜单栏中单击“修改”并单击,选择“页面属性”
5.在打开的“页面属性”中,找到左边菜单中选择“外观(HTML)”
6.在d出的菜单中,设置参数。
字体设置:包括页面的默认字体、大小
背景颜色
背景图像:在采用背景图像后,我们还可以在下方选择其使用的重复方式
边距可改变页面在四个方向上的边距大小,如果我们要页面周围不留任何的空白,可在左、右、上、下后设置为0
完成设置后,单击“确定”按钮。
1. 怎样保存网页部分内容为html格式保存网页部分内容为html格式 *** 作步骤如下:
1、点击你自己想需要转换的网页文件,如下图。
2、点击右上角关闭下面有个“设置"的选项。点击"文件"选项,最后在点击“另存为”。
3、点击另存为对话框中的“保存类型选项”中然后在选择“文本文件(*.txt)”。
4、然后下方有”编码”。点击此处选择“简体中文”。这个过程是为了防止使转换过程中不会出现乱码的情况。
5、综合上述步骤,点击保存后即可就可以得到TXT格式的文件,如下图。
2. 怎么以HTML格式保存页面内容
只要将网页另存为,就是可以保存成HTML格式。
步骤如下:
1、点击你的浏览器,然后选择右上角的三条杠。
2、点击另存网页为。
3、然后选择保存类型,点击第一个。然后就能保存成HTML格式。
3. 怎样把一个网页保存到电脑上并且保存为HTML文件
第一步:编写HTML 对于这个教程,我建议你只使用最简单的工具。
例如:Notepad(在windows里),TextEdit (在Mac上)或是KEdit (在KDE里)就可以了。一旦你了解这个原理,你就会想要切换到更高级的工具,甚至是商业程序,如Style Master,Dreamweaver或GoLive。
但对于你的第一个CSS样式表,最好不要因为使用太多的高级功能而分心。 不要使用文字处理器,如Microsoft Word或OpenOffice。
它们通常制作出网络浏览器不能读取文件。对于HTML和CSS,我们需要简单的纯文本文件。
第一步打开你的文本编辑器(Notepad,TextEdit,KEdit,或是任何你喜欢的文本编辑器),在一个空的窗口开始,输入以下的内容: <!DOCTYPE html PUBLIC "-W3CDTD HTML 4.01EN">我的第一个样式页面 <body><!-- 目录 -->
html">首页 html">连接1 html">连接2 html">连接3 <!-- 主要内容 --> 我的第一个样式页面 欢迎来到我的样式页面! 这里没有图片, 但至少有CSS样式. 有连接, 但只是为了举例和演示, 并不能带你到任何地方… 这只是个例子, 好象没什么好写. <!-- 签名和日期 -->2004年4月5日制作 事实上,你不需要输入它:你可以从这个网页复制并粘贴进编辑器。 (如果你在Mac 上使用TextEdit,不要忘记告诉TextEdit文本确实是纯文本,通过转到格式菜单并选择 “Make plain text”。)
上面HTML文件的第一行告诉浏览器HTML的类型(DOCTYPE 意思是文档类型)。在这个案例中,它是HTML 4.01 版本。
在 <和 >里的单词叫标签,像你看能到的,这文档包含 和 标签。在 和 间有一个位置是给没有显示在屏幕上各个种类的信息的。
目前为止,它包含文档的标题,但之后我们也会在这里加上CSS样式表。 <body>是实际文档文本所在之处。
原则上,除了在 <!-- 和 -->里作为对它们本身注解的内容不会显示,这里的所有内容都会被显示。浏览器会忽略它。
在该示例中的标签, 介绍了一个“无次序列表”,例如:条目没有编号的列表。 是“列表条目”的开始。
是“段”。还有 是创建超链接的“锚点”。
编辑器展示了HTML源。 如果你想知道在<…>里的名字是什么意思,一个好的开始地方是着手从HTML开始。
但是只有一些关于我们示例HTML页面的单词。 “ul”是一个每个条目都有一个超链接的列表。
这会作为我们的“网站导航菜单”链接到我们(超链接)网站的其它页面。想必,我们网站的所有页面都有一个类似的菜单。
“h1”和“p”元素形成这个页面独特的内容,而底部的签名(“address”)也是和网站上所有的页面是类似的。 注意,我没有关闭“li”和“p” 元素。
在HTML里(但不是在XHTML 里),允许忽略和标签,这就是我在这里做的,为了使得文本稍微容易读一点。但是你可以加上它们,如果你喜欢的话。
让我们假设这是要成为一个有许多类似页面的网站上的一个页面。对当前网页来说很普通,此页面有一个菜单,在超链接站点,一些独特的内容和签名上链接到其它页面上去。
现在从文件菜单里选定“另存为……”,导入你想把它放入的一个目录/文件夹里(桌面也可以),再把文件存为“mypage”。先不要关掉编辑器,我们还会需要它。
(如果你在Mac OS X 10.4 前的版本上使用TextEdit,你会看到一个选项“不要附加保存.txt 扩展名”的存盘对话框。选定那个选项,因为名字“mypage”已经包含了一个扩展名。
更新的版本的TextEdit会让自动扩展。) 接下来,在浏览器里打开文件。
你可以按照下面的做:用你的文件管理器(Windows Explorer,Finder或Konqueror )找到文件,再点击或双击“mypage”文件。它就会在你默认的网络浏览器里打开。
(如果不可以,就打开你的浏览器,把文件拖进来。) 像你看到的那样,页面看起来非常沉闷…… 第二步,添加一些颜色 你可能看到一些白色背景里的黑色文本,但它是取决于浏览器如何配置的。
所以,我们能做的让页面更加时新的一件简单的事情就是添加一些颜色。(让浏览器开着,我们之后会再用到它。)
我们从嵌在HTML 文件里的样式表开始。然后,我们会把HTML和 CSS 放进单独的文件里。
单独的文件很好,因为相对于复合的HTML文件,它让相同的样式表使用起来更简单:你只需要编写样式表一遍。但是对于该步骤,我们仅仅保持所有的内容在一个文件里。
我们需要添加一个<style>元素到HTML文件中。样式表会在此元素里。
所以回到编辑器窗口,再在HTML文件的抬头部分添加下面的五行。要添加的行用红色的显示出来了。
(lines 5 to 9) 我的第一个样式页面 <style type=text/css>body { color: purplebackground-color: #d8da3d } </style><body>[etc.] 第一行说的是,这。
有两种用途
<a>标签可定义锚。锚的用法:
通过使用 name 或 id 属性,创建一个文档内部的锚标记。也可以通过href指向其它文档。
<a>标签中比较常用的是 href 属性,它指定链接的目标。
<a href="http://passport.baidu.com/center" target="_blank" id="username" class="g-un">huaziyinfans2</a>
比如这个,就是超链接到我的百度用户信息页面去,一般后面会有href=url (统一资源定位)可以是超链接,也可以指向另外一个文档内部。
这有2冲可能一个是CSS中的class,就是对这个HTML标签重新的功能:
<style type="CSS/text">
.t1{
font-color:blue
}
</style>
<H1 class="t1">CSS</H1>这样CSS输出时不再是黑色,变成了再t1中定义的蓝色,这就是class的作用。
还有一个在php中就是类,面向对象中用来封装的:
class 类名 {
……
}
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)