网页制作兴趣教程.ppt

《网页制作兴趣教程.ppt》由会员分享，可在线阅读，更多相关《网页制作兴趣教程.ppt（27页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、l l课堂讲解 课堂讲解 l站点的规划站点的规划 l创建本地站点创建本地站点 l创建远程站点创建远程站点 l管理本地站点管理本地站点 l管理站点地图管理站点地图 l页面设置页面设置 站点的规划 lDreamweaver 8的站点类型的站点类型l规划站点结构规划站点结构 l绘制网站结构草图绘制网站结构草图 Dreamweaver 8的站点类型l本地站点本地站点l远程站点远程站点l测试站点测试站点 规划站点结构 规划站点结构是设计站点规划站点结构是设计站点的必要前提，其操作是将不同的必要前提，其操作是将不同的文件分类存放在文件夹中以的文件分类存放在文件夹中以便于设计者管理。合理地组织便于设计者管理

2、。合理地组织站点结构，可提高工作效率，站点结构，可提高工作效率，加快对站点的设计。加快对站点的设计。绘制网站结构草图 站点规划好之后，就可以根据规划站点规划好之后，就可以根据规划绘制出一个网站结构草图，以便于有一绘制出一个网站结构草图，以便于有一个清晰的思路。个清晰的思路。外外语语影影片片“零零影视零零影视”网站首页网站首页动作片动作片国国语语影影片片喜剧片喜剧片外外语语影影片片国国语语影影片片爱情片爱情片外外语语影影片片国国语语影影片片今日推荐今日推荐艺术片艺术片外外语语影影片片国国语语影影片片恐怖片恐怖片外外语语影影片片国国语语影影片片影星专辑影星专辑创建本地站点创建本地站点 l l新建站

3、点新建站点新建站点新建站点 l l新建文件夹新建文件夹新建文件夹新建文件夹 l l新建网页文件新建网页文件新建网页文件新建网页文件 新建站点新建站点 通过通过通过通过 站点站点站点站点 新建站点新建站点新建站点新建站点 菜单命令或菜单命令或菜单命令或菜单命令或“文件文件文件文件”面板新建站点。面板新建站点。面板新建站点。面板新建站点。新建站点新建站点 新建文件夹新建文件夹 建立好站点后就可以在站点中新建建立好站点后就可以在站点中新建文件夹，该文件夹主要用来存储这个网文件夹，该文件夹主要用来存储这个网站中用到的网页元素，如图片、音乐等。站中用到的网页元素，如图片、音乐等。新建网页文件新建网页文件

4、 新建网页文件的方法与新建新建网页文件的方法与新建文件夹的方法相同文件夹的方法相同。创建远程站点创建远程站点 创建远程创建远程站点的方法与站点的方法与创建本地站点创建本地站点的方法类似，的方法类似，只是无需在站只是无需在站点文件夹下再点文件夹下再新建文件夹或新建文件夹或网页文件。网页文件。管理本地站点管理本地站点 l编辑本地站点编辑本地站点 l删除本地站点删除本地站点 编辑本地站点编辑本地站点 l l选择本地站点选择本地站点l l删除站点中的文删除站点中的文 件和文件夹件和文件夹l l更改站点信息更改站点信息 删除本地站点删除本地站点 如果不需要某个站点时，可以如果不需要某个站点时，可以将其从

5、站点列表中删除。将其从站点列表中删除。管理站点地图管理站点地图 l l定义主页定义主页 l l查看站点地图查看站点地图 l l在站点地图中管理页面文件在站点地图中管理页面文件 定义主页定义主页 在使用站点在使用站点在使用站点在使用站点地图查看站点时地图查看站点时地图查看站点时地图查看站点时必须保证这个站必须保证这个站必须保证这个站必须保证这个站点已定义了一个点已定义了一个点已定义了一个点已定义了一个主页，因为主页主页，因为主页主页，因为主页主页，因为主页是一个站点的根是一个站点的根是一个站点的根是一个站点的根节点，必须有根节点，必须有根节点，必须有根节点，必须有根节点才有各个支节点才有各个支节

6、点才有各个支节点才有各个支节点，也就是各节点，也就是各节点，也就是各节点，也就是各个子页。个子页。个子页。个子页。查看站点地图查看站点地图 查看站点地图是在查看站点地图是在查看站点地图是在查看站点地图是在DreamweaverDreamweaver 8 8的的的的“文件文件文件文件”面面面面板的板的板的板的“视图视图视图视图”下拉列表框中选择下拉列表框中选择下拉列表框中选择下拉列表框中选择“地图视图地图视图地图视图地图视图”选项。选项。选项。选项。在站点地图中管理页面文件在站点地图中管理页面文件 l l选择页面文件选择页面文件选择页面文件选择页面文件l l打开页面文件打开页面文件打开页面文件打

7、开页面文件l l新建页面文件新建页面文件新建页面文件新建页面文件l l更改页面标题更改页面标题更改页面标题更改页面标题选择页面文件选择页面文件l l在在在在站站站站点点点点地地地地图图图图中中中中的的的的某某某某个个个个页页页页面面面面文文文文件件件件上上上上单单单单击击击击鼠鼠鼠鼠标标标标即即即即可选择该文件。可选择该文件。可选择该文件。可选择该文件。l l按按按按住住住住【ShiftShift】键键键键的的的的同同同同时时时时单单单单击击击击需需需需要要要要选选选选取取取取的的的的文文文文件件件件，可选择多个连续的页面文件。可选择多个连续的页面文件。可选择多个连续的页面文件。可选择多个连续

8、的页面文件。l l按按按按住住住住【CtrlCtrl】键键键键的的的的同同同同时时时时单单单单击击击击需需需需要要要要选选选选取取取取的的的的文文文文件件件件，可选择多个不连续的页面文件。可选择多个不连续的页面文件。可选择多个不连续的页面文件。可选择多个不连续的页面文件。打开页面文件打开页面文件l l在页面文件上双击鼠标即可打开该文件。在页面文件上双击鼠标即可打开该文件。l l在在选选择择页页面面之之后后，选选择择文文件件 打打开开菜单命令打开页面。菜单命令打开页面。l l选选择择页页面面后后单单击击鼠鼠标标右右键键，在在弹弹出出的的快快捷菜单中选择捷菜单中选择“打开打开”命令可打开页面。命令

9、可打开页面。新建页面文件新建页面文件 在建立好站点地图之后，如果还需要在在建立好站点地图之后，如果还需要在在建立好站点地图之后，如果还需要在在建立好站点地图之后，如果还需要在其中添加新的网页文件，可以在站点地图中新其中添加新的网页文件，可以在站点地图中新其中添加新的网页文件，可以在站点地图中新其中添加新的网页文件，可以在站点地图中新建一个页面文件。建一个页面文件。建一个页面文件。建一个页面文件。更改页面标题更改页面标题 在站点地图中可对页面标题进行更改，以在站点地图中可对页面标题进行更改，以在站点地图中可对页面标题进行更改，以在站点地图中可对页面标题进行更改，以方便绝对站点的管理。方便绝对站点

10、的管理。方便绝对站点的管理。方便绝对站点的管理。页面设置页面设置 当站点建立好之后，就可以进行具体的网当站点建立好之后，就可以进行具体的网当站点建立好之后，就可以进行具体的网当站点建立好之后，就可以进行具体的网页编辑操作了，但在编辑网页之前，还需要对页编辑操作了，但在编辑网页之前，还需要对页编辑操作了，但在编辑网页之前，还需要对页编辑操作了，但在编辑网页之前，还需要对页面进行一些简单的属性设置以方便以后的工页面进行一些简单的属性设置以方便以后的工页面进行一些简单的属性设置以方便以后的工页面进行一些简单的属性设置以方便以后的工作。作。作。作。上机实战上机实战(11.16n)本课上机实战将练习创建

11、一个名为本课上机实战将练习创建一个名为本课上机实战将练习创建一个名为本课上机实战将练习创建一个名为“国画欣赏国画欣赏国画欣赏国画欣赏”的站点，将其的站点，将其的站点，将其的站点，将其中的本地站点保存在中的本地站点保存在中的本地站点保存在中的本地站点保存在“D:D:guohuaguohua”文件夹下，远程站点保存在文件夹下，远程站点保存在文件夹下，远程站点保存在文件夹下，远程站点保存在“E:E:guohuaguohua”文件夹下。然后为文件夹下。然后为文件夹下。然后为文件夹下。然后为“国画欣赏国画欣赏国画欣赏国画欣赏”网站建立一个存放图网站建立一个存放图网站建立一个存放图网站建立一个存放图片的文

12、件夹片的文件夹片的文件夹片的文件夹“picpic”，并新建名为并新建名为并新建名为并新建名为“index.html”index.html”、“ghzs.htmlghzs.html”、“jrmh.htmljrmh.html”、“ghds.htmlghds.html”、“flxs.htmlflxs.html”、“ghlt.htmlghlt.html”和和和和“lxwm.htmllxwm.html”的网页文件，最后设置的网页文件，最后设置的网页文件，最后设置的网页文件，最后设置“index.html”index.html”的页面属性。的页面属性。的页面属性。的页面属性。国画知识国画知识分类欣赏分类欣赏联系我们联系我们国画大师国画大师“国国画画欣欣赏赏”网网站站首首页页今日名画今日名画国画论坛国画论坛