静态教案.docVIP

第1课时 网页制作概述 网页：由文字、图片，动画（GIF、Flash）、声音、视频多种媒体组成。 网页文件本身只是纯文本文件（HTML:超文本标记语言）HyperText Markup Language，静态网页的文件扩展名：htm、html。 其他图片等媒体都是以外部个体文件的形式保存。 网页：就是一个页面。 。 网站：若干通过超级链接联系在一起的网页集合。 浏览网站（静态网页）的过程： 打开浏览器，在地址栏输入IP地址或者域名， 一个IP地址可以绑定多个域名，但一个域名只能是指向一个IP地址。 http://(网页)向服务器发送请求，服务器接收后，就将主(首)页（index.html/htm、default.htm）发送给客户端。客户端接收之后，进行解释，并且发送文件请求。 网页开发的工具（记事本，Frontpage,Dreamweaver）: 1、可以使用记事本纯手工制作网页。 2、Dreamweaver是网页制作的一种可视化的开发工具。 Dreamweaver MX 2004简介： 1、Macromedia公司的网页三剑客软件套装(Dreamweaver、Flash、Fireworks)之一，专业的网页合成编辑软件。 2、软件界面： 初始化面板，标题栏、菜单栏，常用面板组（插入、文件、属性、应用程序、代码、行为等），工作区（代码，设计，拆分）、状态栏。 3、软件常用快捷键 插入表格 Ctrl+Alt+T 插入或环绕标记　Ctrl+T 在浏览器中浏览网页 F12　 文件面板组：F8 设计面板组：Shift+F11 属性面板组：Ctrl+F3 插入面板组：Ctrl+F2 页面属性对话框：Ctrl+J 插入图片: Ctrl+Alt+I 作业： 1、记忆和熟悉常用快捷键。 2、用Dreamweaver制作一张文字网页(200字以上)。 第2课时 网站站点管理及文件夹组织方式 站点与网站： 网站：若干通过超级链接联系在一起的网页集合。 站点：它是网站制作中的一个概念。网站文件的存储区域。(一个文件夹) 在网页中插入图像、声音、动画、视频或超级链接等，必须提供文件的位置。 新建一个站点――新建一个网页――保存网页为index.html 绝对路径：指从磁盘根目录开始指向该文件的地址。E:\hans\test1\index.html 绝对路径不适用于网页。因为网站开发的计算机（工作用电脑）环境和网站正式运行使用的环境（服务器）并不一定一致。 相对路径：是指定文件相对于本文件的位置。相对于本身的网页文件。 指定的文件的绝对路径－本文件的绝对路径=指定文件的相对路径 f:\dirver\1.gif - f:\dirver\=1.gif f:\driver\img\1.gif - f:\dirver\=img\1.gif 同一级目录：直接写文件名 下一级子目录：子目录名/文件名 上一级目录：　．．/文件名 在网页中插入其他文件，创建相对路径前必须保存文件。 制作网站的第一步：新建一个站点。 *在用Dreamweaver新建站点前，必须首先准备好作为站点的文件夹。 １、文件夹和文件名命名时，不要使用中文和空格，只能使用英文字母加数字的方式。 ２、站点文件夹结构的组织方式：+ 小型网站按照文件类型进行文件夹的划分； 大型网站则按照目录结构来划分文件夹。 1、展开文件面板--管理站点--站点管理对话框--新建 2、站点定义对话框--站点名称--站点根文件夹--默认图像文件夹(建立主页。 3、完成 超级链接的制作 文字超链接--选择文字--链接栏输入文件路径 在站点制作完成后，站点面板中就会出现该站点下的所有文件及文件夹。如果我们要进行文件名或文件夹名的修改，或者要移动或删除文件或文件夹，一定要在站点面板里进行。 作业： 做一个最少五个页面的网站。主页名(index.htm) 第3课时 表格式布局页面的制作（一） 网页布局（主页）： 物理：文字、图片，声音，动画，音频，视频，交互链接。 功能：页眉，页脚，主干。 页眉：第一页的最上端，在网页中，最为重要，通常这个区域，一般放网站logo和导航条。 主干：网站的主要内容。 页脚：网页的最下端，一般放置与公司相关或网站本身相关的信息。（网站或公司简介的链接，公司的招聘，网站的版权信息，备案号） 布局技术： 1、表格布局：不要将一个网页整个的用一个表格包含。而是将网页分为多个部分放在多个表格中进行布局。 表格大小： 根据你所做的网页的用户来分析：800*600、1024*768、1280*960 780-760任取中间的值。 1024-20=1004-6=998 800*600-1024*768 800-20=