【文档说明】第12课《建立自己的网站》PPT课件3-八年级下册信息技术【川教版】.ppt，共(20)页，1.838 MB，由小喜鸽上传

转载请保留链接：https://www.ichengzhen.cn/view-90666.html

以下为本文档部分文字说明：

建立自己的网站用Dreamweaver制作网页1.网页构思、素材准备2.网页制作软件简介3.建立网页文件夹4.新建站点5.用表格布局网页6.文字的输入7.在网页中使用图像8.网页间的链接能否将网页做好，最重要的是要有一个十分清晰的思路，从而产生一个对整个网页的合理布局。首先确定网页主题，根据网页的

主题需要规划好一级、二级菜单的内容。收集好网页制作所需要的素材（文字、图片、动画、声音、视频等）。用网页做课件也是同样的步骤。有的素材需要自己制作，有的可以在网上（利用百度）搜集自己需要的文字、图片、动画、声音、视

频等素材。获取网上Flash文件：工具——internet选项——浏览历史记录中的设置——查看文件。返回目录•初识Dreamweave网页制作工具有Dreamweaver、FrontPage、Photoshop、Fireworks、Flash等。Dreamwea

ver、Fireworks、Flash三个软件合在一起，被称为网页制作“三剑客”，这三个软件相辅相承，可谓是制作网页的最佳拍档。MacromediaDreamweaver是一款专业的网页制作软件，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论开发者愿意享受手工

编写HTML代码时的驾驭感，还是偏爱在可视化编辑环境中工作，Dreamweaver都会提供实用的工具，使网页设计者拥有更加完美的Web创作体验。•Dreamweaver工作环境（Dreamweaver提供了将全部元素置于一个窗口

中的集成工作区。在集成工作区中，全部窗口和面板集成在一个应用程序窗口中。）工作窗口布局Dreamweaver的三种视图模式（代码、拆分、设计）二、网页制作软件简介返回目录做网页之前应先建好文件夹及子文件夹，以便分类存放网页中使用的图片、动画等素材。文件夹名一般是网

页主题的名字。练习1：建立自己的网页文件夹。注意：Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，在新建文件夹或在Dreamweaver中保存网页的时候，用英文或者数字作为文

件名称，就可以避免上面的出错现象。返回目录三、建立网页文件夹•新建站点步骤：打开Dreamweaver软件，在工具栏中，点击站点->新建站点，这时会弹出一个面板，在这个面板上有基本和高级两种选择。在这里，我们选择基本，给你的站点起个名字(要是英文的)，下面的文本框，要填写http地址，这

个不用去管它。单击下一步，会提示你“是否使用服务器技术”，选择“否，我不使用服务器技术”。单击下一步，选择“文件存放的位置”，这里文件位置，是你存放站点的路径。单击下一步，选择“是否连接远程服务器”，在这里，我们选择“本地/网络”。选择“文件存储

在服务器上的文件夹”，选择和上一步存放的文件在同一目录下。单击下一步，会提示你是“否存回和取出文件”，这个不用管它，单击下一步，点击完成。返回目录Dreamweaver不仅仅是网页设计工具，更是网站设计工具，提供了大量和网站管理维护相关的功能，能够对网站中的文件、链

接、媒体文件等多种资源进行统一管理，使网站设计工作事半功倍。要想使用Dreamweaver的网站管理功能，必须首先建立“站点”。四、新建站点练习2：建立自己的网页站点。下面使用Dreamweave制作一个简单的

网页，介绍一下Dreamweave制作网页的基本流程。1．新建网页2．编辑网页3．保存网页4．预览网页5．继续编辑网页6．再次预览网用Dreamweaver制作简单网页页面属性的设置主要控制页面的整体外观，包括背景、标题等。Dreamweaver提供了【页面属性】对话框，在这个对话框中提供了多种

页面属性的设置方法。1．设置背景图片2．设置页面标题3．设置页面边距新建网页、设置页面属性课件的首页是访问者看到的第一页，是课件关键性的一页，人们往往看到第一页就已经对你的课件有一个整体的印象。注意：1、首页保存在站点文件夹下，文件名为i

ndex.html或default.html。2、特别给首页加好一个标题，使访问者通过标题就可以知道课件的名称。（每一个网页都要把标题加好）返回目录练习3：新建首页并设置页面属性。（首页命名：index.htm或default.htm注意新建网页文件位置。)Dreamweaver利用

表格来布局页面、排版。1）点菜单“插入→表格”命令，出来一个对话框，设置好所需表格的行列数和宽度、边距、间距等。返回目录五、用表格布局网页表格在网页中的应用十分广泛，它是网页中的重要元素。表格在网页中有两种功能，一种功能是在网页中用表格组织数据，以清晰的二维列表方式

显示网页中的内容，方便查询和浏览。另一种功能是用表格布局网页，平时在网上浏览时看到的排列整齐的页面，很多都是利用表格进行布局的。这里主要讲一下如何用表格布局网页。2）点“确定”即可插入一个3×3的表格，横着的是行，竖着的是列，每一个小格叫单元格；

3）在表格的边框上点一下，可以选中整个表格，下面的属性面板中也出来表格的各个选项，边框为0的时候不显示边框线；返回目录4）表格拆分、合并、嵌套。练习4：用表格布局网页制作一个用表格布局网站主页的实例，效果如图所示。在本例中，采取

了多种插入、修改表格的方法进行页面布局，旨在通过实例的操作练习，能够帮助读者更熟练地掌握表格布局的各个知识点，在今后的表格布局中灵活应用，方便快捷地完成页面布局。返回目录1．插入表格(宽度用像素)并设置页面属性2．布局Banner和导航条3．布局图像列表4．布局详

细内容在网页中输入文字有二种方法：直接输入、复制粘贴文字。注意：1）输入文字时，每段前的空两格，将输入法工具条设置为全角状态后再按空格键。2）分段时观察按Shift+EnterEnter区别返回目录六、文字的输入网络世界五彩缤纷，涌现出大量优秀精美的网页。大量的网络信息，无非就是通过文本、图

像、动画等网页元素来呈现，其中，文本和图像是网页中最为重要的设计元素。这里介绍一下文字和图像在网页中的应用。练习5：在网页中输入文字网页中所用图像格式主要有GIF、JPEG和PNG。其中使用最为广泛的是GIF和JPEG。在将图片插入

网页前，先将图片存放在站点文件夹下的图片文件夹中。1）插入图像时，将光标放置在文档窗口需要插入图像的位置，然后鼠标单击常用插入栏的“图像”按钮插入，然后根据需要设置大小、对齐方式、边框等。返回目录七、在网页中使用图像图像也是网页元素中的重要组成部分，在网页

中插入图像可以使网页更好地表现网站的主题思想，使版面变得更加丰富多彩，吸引更多的浏览者。在网页中使用图像时，要考虑图像在页面中的整体效果。制作一个图文并茂的网页，效果如下图所示。注意应用图像属性中的左对齐和右对齐。返回目录练习6：制作一个图文并茂的网页

网页中有很多页面，为了建立起网页之间的联系我们必须使用超级链接。通过超链接可以很方便地从一个网页跳转到另一个网页。超级链接可通过文字、图片、热区、变换图像来实现。1、在网页中选中要做超级链接的文字或图片。2、在属性面板

中单击黄色文件夹图标，在弹出的对话框里选中相应的网页文件就完成了。返回目录十二、网页间的超链接所谓超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页（同一个网站内部的网页或者其他网站的网页），也可以是同一个网页的不同位置，还可以是一个电子邮件地址、一个文件

（如图片文件、声音文件、视频文件等。超级链接的链接载体和链接目标课堂实例给文字和图片创建超级链接在网页中最常见的就是在文字或者图片上建立超链接，下面通过一个实例介绍给文字和图片创建超链接的方法。1．给文

字创建超级链接2．给图片创建超级链接注意：链接的网页一定是在站点里的网页文件。返回目录目标下拉列表中有4个选项，它们的功能如下：_blank：将链接的网页在新窗口中打开_parent：将链接的文档载入该链接所在

框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。_self：打开链接窗口时会替换原来的窗口。此目标是默认的，通常不需要指定它。_top：将链接的文档载入整个浏览器窗口，从而删除所有框架。•链接目标返回目录练习：纵向文字导航条制作一个纵向文字导航条

，效果如图5-53所示。在制作这个实例时，需要先用表格布局并设置表格属性，然后输入纵向的导航文字，最好添加超级链接。返回目录