模板网站基本建站步骤

《模板网站基本建站步骤》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、上机步骤复习上节课教的网站基本步骤知识1.创建文件夹用来存放网站各类资源pages/img/pic2.把必须的资源分类存放在文件夹中.没用到的图片不要放进来。3.在dreamweaver中创建站点。然后创建模板,通过表格设置页面结构，通过页面属性设置页面基本外观。并插入模板对象——>可编辑区域4.由模板创建网页并保存。5.返回模板设计超链接，更新整个网站。在C盘根目录下建立一个文件夹，名字是“xxyyy”，xx是你的学号的后2位，yy是你的姓名。没有空格和标点符号。这个文件夹就是你的站点文件夹，网站建设所有用到的文件都将存放在这里。命名举例：比如

2、03张益达，14李秋水，22郭峰学号是一位数的，比如3号，前面一定要加零.比如是03.在这个文件夹里再建两个文件夹，一个叫img的文件夹，img是image即图片的意思，将用来存放图片。另外一个叫pages，是用来存放网页的文件夹。说明：img是英文单词“图像image”的简写。pages是英文页面的意思。打开dreamweaver。它在桌面上是一个绿色的DW字样图标如下图所示单击最上面的“站点”菜单，选择“新建站点”然后设置站点名称为你的学号加姓名。站点文件夹就是你刚才创建的那个文件夹。单击“本地站点文件夹”最右侧的文件夹图标即可设置。下面8，

3、9，10，11一共4页的内容是老版Dreamweaver的站点设置步骤，提供给使用老版的同学。在机房用cs5版本的可以直接跳过。会出现站点建设对话框。在“为站点起名字”的栏目中，输入你的站点文件夹名字，比如wangluo109，然后单击“下一步”，选“否，我不想使用服务器技术”。再单击下一步，在“您将把文件存储在计算机上的什么位置”的下面。单击右侧的黄色文件夹按钮（上图中红框内），选择到你在d盘下所选定的文件夹内。或者直接改它的文件路径也行，如下所示注意：这个路径必须和你在C盘下设置的你的站点目录一样！！具体名字取你的文件夹名！单击“下一步”，如

4、上图所示，“如何连接到服务器”，选择“无”再单击“下一步”，选“完成”在C盘根目录下建立一个文件夹，名字是“wangluo1xx”，1xx是你的学号的后三位，没有空格和标点符号。这个文件夹就是你的站点文件夹，网站建设中所有用到的文件都将存放在这里。强调：不符合要求的，将被扣分！不要把你的姓名，完整学号等等加入文件夹的名字。而且记住：一定要是拼音，不要用汉字做文件夹名！在正式开始操作之前的最后一个提醒：如果你在操作中发现有一点失误，比如做错了一两步，不必叫我过来问这个怎么改回去，你只要撤销这两步错误的操作即可。撤销上一步操作的快捷键是ctrl+Z就

5、是单击ctrl键不松开的同时单击一下Z键我们今天一开始要用到6张图片，分别是1-1.jpg，1-2.jpg，2-1.jpg，2-2.jpg，2-3.jpg，banner.jpg，beijing.gif。如下图。它们在《世博会主题》文件夹内的《网站图片》文件夹内，请把它们单独找出来复制到你的C盘的站点文件夹下的img文件夹里我在此再次强调：在网页中没有用到的图片，不要放到站点文件夹里。站点文件夹内放的文件，必须是确定用到的图片和网页等文件。有些同学把下载的文件夹、文件都放到站点文件夹里，这种做法是错误的！必须先进行挑选，确实选中要用的文件才放到

6、站点文件夹中，其他所有文件一律放到站点文件夹外！一个文件也不要多放！！！一定要按规则，按思路来管理你的站点文件夹，这样你以后的网站做大的时候才会有条理。实际你自己设计网站的时候，也会像今天这个网站一样，先搜集很多资源，然后从中挑选出符合主题，适应站点需要的图片和文字，然后整理修改后放到站点文件夹内，最后才是粘贴到网页中来使用。然后这时候我们该开始创建第一个页面。不过今天我们要复习上次课的技术：模板首先来认识3个概念，logo，banner和导航栏。注意看下面两页PPT中的红色指示字。网页组成的介绍从上面可以看到Logo一般是网站的标示，标志

7、Banner一般是网页上侧或者左侧的标志性长条，显示网站主题内容。常常有但不是必须有。导航栏是主页上用于到达各个子页面的超链接的一个合集。接下来我们进入今天的操作部分。请大家务必放慢节奏，细心一点。因为一旦做错，往往需要返工从头再来。所以在看步骤的时候一定要慢一点，细心认真一点。我们今天要学习一种新技术：模板在这里提醒一下，我们用F12键可以预览网页，但是不能预览模板。模板表面上和网页一样，实际上是一个网站的总的底板。它只能在Dreamweaver中的设计模式下看到。所以不要在编辑模板的时候点F12.但是在编辑由模板创建的网页的时候，可以点F1

8、2预览我们今天要学习用模板建网站的技术。单击Dreamweaver左上角的“文件”菜单下的“新建”命令，在弹出的新建对话框中，选择“空白