模板网站基本步骤.pptxVIP

上机步骤;复习上节课教的网站基本步骤知识;在C盘根目录下建立一个文件夹，名字是“xxyyy”，xx是你的学号的后2位，yy是你的姓名。没有空格和标点符号。这个文件夹就是你的站点文件夹，网站建设所有用到的文件都将存放在这里。 命名举例：比如03张益达，14李秋水，22郭峰 学号是一位数的，比如3号，前面一定要加零.比如是03.;;;如下图所示 单击最上面的“站点”菜单，选择“新建站点” 然后设置站点名称为你的学号加姓名。站点文件夹就是你刚才创建的那个文件夹。单击“本地站点文件夹”最右侧的文件夹图标即可设置。;下面8 ， 9 ， 10 ， 11一共4页的内容是老版Dreamweaver的站点设置步骤，提供给使用老版的同学。在机房用cs5版本的可以直接跳过。;会出现站点建设对话框。在“为站点起名字”的栏目中，输入你的站点文件夹名字，比如wangluo109，然后单击“下一步”，选“否，我不想使用服务器技术”。;再单击下一步，在“您将把文件存储在计算机上的什么位置”的下面。单击右侧的黄色文件夹按钮（上图中红框内），选择到你在d盘下所选定的文件夹内。 或者直接改它的文件路径也行，如下所示 ;注意：这个路径必须和你在C盘下设置的你的站点目录一样！！具体名字取你的文件夹名！;单击“下一步”，如上图所示，“如何连接到服务器”，选择“无” 再单击“下一步”，选“完成”;在C盘根目录下建立一个文件夹，名字是“wangluo1xx”，1xx是你的学号的后三位，没有空格和标点符号。这个文件夹就是你的站点文件夹，网站建设中所有用到的文件都将存放在这里。 强调：不符合要求的，将被扣分！不要把你的姓名，完整学号等等加入文件夹的名字。而且记住：一定要是拼音，不要用汉字做文件夹名！;;我们今天一开始要用到6张图片，分别是1-1.jpg，1-2.jpg，2-1.jpg，2-2.jpg，2-3.jpg，banner.jpg，beijing.gif。如下图。 它们在《世博会主题》文件夹内的《网站图片》文件夹内，请把它们单独找出来复制到你的C盘的站点文件夹下的img文件夹里;我在此再次强调：在网页中没有用到的图片，不要放到站点文件夹里。站点文件夹内放的文件，必须是确定用到的图片和网页等文件。有些同学把下载的文件夹、文件都放到站点文件夹里，这种做法是错误的！必须先进行挑选，确实选中要用的文件才放到站点文件夹中，其他所有文件一律放到站点文件夹外！;一个文件也不要多放！！！一定要按规则，按思路来管理你的站点文件夹，这样你以后的网站做大的时候才会有条理。实际你自己设计网站的时候，也会像今天这个网站一样，先搜集很多资源，然后从中挑选出符合主题，适应站点需要的图片和文字，然后整理修改后放到站点文件夹内，最后才是粘贴到网页中来使用。;;;网页组成的介绍;接下来我们进入今天的操作部分。请大家务必放慢节奏，细心一点。因为一旦做错，往往需要返工从头再来。所以在看步骤的时候一定要慢一点，细心认真一点。;我们今天要学习一种新技术：模板 在这里提醒一下，我们用F12键可以预览网页，但是不能预览模板。模板表面上和网页一样，实际上是一个网站的总的底板。它只能在Dreamweaver中的设计模式下看到。 所以不要在编辑模板的时候点F12.但是在编辑由模板创建的网页的时候，可以点F12预览 我们今天要学习用模板建网站的技术。;单击Dreamweaver左上角的“文件”菜单下的“新建”命令，在弹出的新建对话框中，选择“空白页”，然后选择“模板” 或者选择 “空模板”--》“html模板”--》“无”。如下图。也行。 然后单击创建。 ;单击Dreamweaver上的“插入”菜单下的“表格”命令，插入一个4行1列的表格，表格宽度为960像素。边框，边距，间距必须都是0.然后单击确定。;此时页面最下方显示的是该表格的属性面板，如上图所示 如果不是，就在表格里单击一下，然后单击上图中左上角的table标签即可 单击属性中的“对齐”，选择“居中对齐” 属性面板对我们来说很重要。很多修饰、操作都是在这里完成的。;此时你的Dreamweaver的面板的右侧应该有站点文件管理面板，如右上图所示。 双击img，你会看到里面列出了你复制到这里的图片文件 双击后如右下图所示;;在表格的第一行里面单击一下。然后单击Dreamweaver上方的“插入”菜单中的“图像”命令，找到你刚放到img文件夹中的banner.jpg图片，插入到表格第一行中 这个图片就是咱们今天的网站的banner 在表格的第二行里面单击一下，在这里插入一个1行6列的表格，宽度960像素，边框，边距，间距都是0。 在表格里插表格的操作方法和在页面里插表格的操作是一样的;在表格的第三行里面单击一下，在这里插入一个1行1列的表格，宽度960像素