02网页和网站的创建.pptVIP

【输入欢迎文字】　　在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您……”然后，利用属性面板对文字进行设置。 　　保存页面。 【预览网页】在页面编辑器中按F12预览网页效果。网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。 2、网页文档的格式化 文档格式化的几种方式： 1）HTML标记格式化：文字属性面板中的“格式”选项，提供的HTML标记有：“段落”、“标题1”、“标题2”、“标题3”······；其它包括：粗体、斜体、文本对齐、列表、文本缩进等。 2）CSS样式格式化：CSS样式提供更多的格式属性，能够进行精确格式化，可同时对多个文档做格式化处理。如设置文本的字体、字号、颜色等属性。 3、超级链接 超链接的分类： 按源端点：超文本链接、非超文本链接（图像链接、多媒体链接等） 按目标端点：（网站）外部链接、（网站）内部链接、锚点链接、电子邮件链接等。 按URL协议： http——指向WWW服务器 ftp——用于文件传递，包括文件的上传和下载 file——访问本地计算机中的文件 1）页面链接 用HTML创建超链接需要使用A标记符（结束标记符／A不能省略），它的最基本属性是href，用于指定超链接的目标。通过为href指定不同的值，可以创建出不同类型的超链接。另外，在A和／A之间可以用任何可单击的对象作为超链接的源，例如文字、图像和多媒体。 例如： A href=../PageMain.htm target=_parentPageMain/A 2）锚点链接 锚点链接：指向网页的某个指定位置的超链接。 如果要设置锚点超链接，首先应为页面中需要跳转到的位置（锚点）命名。命名时应使用A标记符的name属性。 例如，可以在页面开始处用以下HTML语句进行标记： A name=top目录／A 对页面进行标记之后，就可以用A标记符设置指向这些标记位置的超链接。 A href=#top返回目录／A 这样设置之后，当用户在浏览器中单击文字“返回目录”时，将显示“目录”文字所在的页面部分。 2）锚点链接 在Dreamweaver中，可通过菜单【插入】|【命名锚记】命令为锚点命名。 如果源端点和目标端点不在同一网页中，可在源端点对象的属性面板的“链接”文本框中输入“文件名.htm#锚点名字”。对应HTML标记为： A href=文件名.htm#锚点名字 3）电子邮件链接 如果将href属性的取值指定为“mailto:电子邮件地址”，那么就可以获得电子邮件链接的效果。例如： A href=mailto：qjl@作者邮箱／A 当浏览网页的用户单击了指向电子邮件的超链接后，系统将自动启动邮件客户程序，并将指定的邮件地址填写到“收件人”栏中，用户可以编辑并发送该邮件。 4）映射图链接（热点链接） 映射图链接是在一个图像中划分出几个不同的几何图形区域，然后分别为这个图像不同的几何图形区域建立超链接，图像中建立超链接的几何图形区域称为热区。 映射图链接可以通过图像属性面板中“地图”文本框区域的操作完成。 例：创建导航条 通常在网页的首页上可以设置一个导航条，引导浏览者浏览整个网站的不同页面。导航条设一组链接按钮，按钮有多种形式，下边介绍由鼠标经过图像变换按钮的组成的导航条制作：（导航条） ??? “鼠标经过图像”——当访问者用鼠标指针指向该图像时，该图像发生变化。 ??? “鼠标经过图像”由两个图片组成：页面最初载入时显示的原始图像，访问者将鼠标指针移到原始图像上时显示另一幅图像。 ??? 提示：事先要制作好按钮图像，确保每个按钮的图像都具有相同的宽度和高度（以像素为单位）。 打开主页 (index.htm) ??? 在“文档”窗口中，将插入点放置在要显示导航条的位置。一般在导航条上边要放置一个横幅图像（logo），导航条就安排在logo下边的位置。 ??? 选择菜单【插入】|【图像对象】 |【导航条】命令，弹出对话框如下： 在“插入导航条”对话框中，单击顶部加号“＋”按钮，按照上图所示①②③④⑤对应的文本框，填入相应的文件。即完成了一个按钮的添加。 ??? 然后，单击页面顶部的加号“+”按钮，添加另一个按钮。重复以上步骤，直至您所需的按钮添加完毕。 ??? 勾选“预先载入图像”，在对话框底部的“插入”菜单中，选中“水平”。勾选“使用表格”。 ??? 单击“确定”关闭该对话框，成功创建了导航条。 ??? 保存页面。 ??? 按F12，预览一下你的导航条。 课程小结： 2.1 网页的基本要素 2.2 网页制作的基本步骤 2.3