网页制作ppt教程课件.ppt

网页制作ppt教程课件.ppt

ID:57031396

大小:241.00 KB

页数:27页

时间:2020-07-27

网页制作ppt教程课件.ppt_第1页
网页制作ppt教程课件.ppt_第2页
网页制作ppt教程课件.ppt_第3页
网页制作ppt教程课件.ppt_第4页
网页制作ppt教程课件.ppt_第5页
资源描述:

《网页制作ppt教程课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第3章基本网页新建文档3.1站点管理器3.2定义新站点3.3创建文件夹和空白页面3.4站点管理器的其他功能3.5第3章基本网页设置文档3.6预览网页3.7建立超级链接3.83.1新建文档(1)在操作界面的【起始页】对话框中,可以直接单击【创建新项目】列表中的相应选项新建9种类型的文档。(2)也可以单击【创建新项目】列表中的【更多】选项,或者单击【从范例创建】列表中的任意选项,再或者选择主菜单中的【文件】/【新建】命令,都可以打开【新建文档】对话框,从中选择想要创建的文档类型。3.2Dreamweaver的3种视图方式在代码视图中可以直接编辑网页的源代码,这

2、对于编程爱好者来说是必不可少的。网页的美观以及布局的合理性都必须在设计视图中编辑和完善。同时显示设计视图和代码视图可以帮助设计者更快地理解源代码的含义,提高学习、使用源代码的水平。3.3保存文档新建一个文档后,若想将其保存可以选择主菜单下的【文件】/【保存】命令,弹出【另存为】对话框。3.4网页的源代码在设计视图中显示为空白的文档在源代码视图中并不是空白的。代码视图中显示的是网页文档的源代码。网页中的所有元素、脚本程序以及应用程序在源代码状态都是可见的,这一点是设计视图中所达不到的。3.5复制文本3.5.1复制网页中的文本3.5.2复制Word文档中的文本

3、3.5.1复制网页中的文本通常情况下,仅粘贴文本是不可取的,而采用第4种方式将粘贴文本的样式,会粘贴部分CSS样式和全部的HTML样式。通常采取第2、3种粘贴方式,只留下简洁的HTML文档,易于网页的后期处理。3.5.2复制Word文档中的文本文档中出现了一些粘贴Word文档时产生的CSS样式代码,这在随后的编辑处理过程很不方便,因此通常选择第2种粘贴方式。3.6设置文档3.6.1换行和空格3.6.2设置首选参数3.6.3设置页边距3.6.4设置文本大小3.6.5改变字体3.6.6改变文本颜色3.6.7格式3.6.8对齐3.6.1换行和空格通过下面两种方法

4、来插入换行符。在【插入】/【文本】面板中单击(换行符)按钮。或者同时按下Shift+Enter键。通过下面两种方法来插入不换行空格。在【插入】/【文本】面板中单击(不换行空格)按钮。或者按下Space键。3.6.2设置首选参数3.6.3设置页边距3.6.4设置文本大小这里介绍两种设置文本大小的方法,一种是针对局部的,另一种是针对整个文档的。(1)首先选定预设文本,然后在【属性】面板的【大小】选项下拉列表中选择相应的数值。(2)打开【页面属性】对话框,在【外观】/【大小】中选择数值,来设置文档中未定义格式、大小的文本;或者在【标题】分类中设置各个标题的大小。

5、3.6.5改变字体3.6.6改变文本颜色3.6.7格式3.6.8对齐3.7预览网页3.8建立超级链接3.8.1添加文本链接3.8.2图像超级链接3.8.3电子邮件链接3.8.4下载链接3.8.5命名锚记3.8.6空链接3.8.1添加文本链接3.8.2图像超级链接给图像添加链接,使其可以指向其他的网页或者文档,这就是图像超级链接。图像超级链接不像文本超级链接会发生许多提示性的变化,图像本身不会发生改变,只是鼠标光标在指向图像超级链接时会变成手形(默认状态)。3.8.3电子邮件链接创建电子邮件链接与一般的文本链接不同,因为电子邮件链接是将浏览者的本地电子邮件管

6、理软件(如OutlookExpress、Foxmail等)打开,而不是向服务器发出请求信号,因此它的添加步骤也与普通链接有所不同。3.8.4下载链接下载链接并不是一种特殊的链接,它可以是文本超链接也可以是图像链接,而且添加链接的方法也没有什么不同,只是下载链接所指向的文件是特殊的,一般指向压缩文件(文件的扩展名是“.zip”、“.rar”)、可执行文件(文件的扩展名是“.exe”或者“.com”)等文件。3.8.5命名锚记有时网页的内容很长,需要上下拖动滚动条来查看文档的内容,为了寻找其中一个主题,不得不将整个文档内容浏览一遍,这样就浪费了时间。利用Dre

7、amweaver8中的命名锚记功能可以避免以上的麻烦,从而准确快速地查找到文档中的信息。具体的做法就是事先在文档中制作标记,然后通过对这些标记进行链接,将内容较长的文档有条理地编号,这就是命名锚记的基本功能。3.8.6空链接建立空链接时,只要预先选定网页元素(文本或者图像),然后在【属性】面板【链接】文本框中输入字符“#”就行了。空链接虽然没有指派目标,但它具有链接的大部分属性。在设计阶段,空链接非常有用,可以添加空链接,目的是设计链接的外观和样式,一旦完成全部页面后,再将空链接转换为有效的链接。小结本章围绕文档、文本和链接展开,主要介绍了如何新建文档、保

8、存文档、输入文本以及如何设置文本大小、字体、颜色、段落等,另外还介

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。