医学计算机与信息技术应用基础 教学课件 作者 王世伟 第9章 网页制作.pptVIP

第9章 网页制作 Dreamweaver MX 2004概述 建立网站的基本过程 文本与图像的基本操作 创建超链接、锚点链接和E-mail链接 创建表格 层 框架 表单 行为 9.1 Dreamweaver MX 2004概述 Dreamweaver MX 2004的系统最低要求 安装启动Dreamweaver MX 2004 Dreamweaver MX 2004的开始页 窗口布局 网页编辑视图 9.1.1 Dreamweaver MX 2004的系统最低要求 Intel奔腾II 300 MHz或相当的处理器。 操作系统Windows 98/Me/2000/XP。 128MB内存。 1 024×768的分辨率、16位真彩色及以上的显示模式。 24倍速的光盘驱动器。 9.1.2 安装启动Dreamweaver MX 2004 选择“设计者”工作区 这种布局方式留出了很大的屏幕空间用来显示网页内容，使网页设计者工作起来更加方便。该工作区中的全部“文档”窗口和各种面板被集成在一个更大的应用程序窗口中，并将面板组设计放在右侧。这种方式适合用户的主要工作是使用Dreamweaver中的可视化工具制作静态网页。 选择“代码编写者” 这种布局方式是针对代码编写者的习惯进行设计的，将大量的屏幕空间用来显示网页中的代码，极大地方便了程序员的工作。这种方式适合用户的主要工作是编写网页中的代码，如HTML，CSS，ASP，JSP和PHP等。 选择“设计者”，单击“确定”按钮，这时就打开了“Macromedia Dreamweaver MX 2004”软件窗口，如图所示。 Dreamweaver MX软件窗口 如果此时需要重新选择，可以在菜单中选择【编辑】→【首选参数】命令打开的“首选参数”对话框中切换到“常规”的参数设置，如图所示。 参数编辑对话框 9.1.3 Dreamweaver MX 2004的开始页 Dreamweaver MX 2004和Dreamweaver其他版本不同的是，当用户打开Dreamweaver MX 2004窗口后，不是立即显示编辑窗口，而是首先显示一个开始页，如图所示。 Dreamweaver MX 2004开始页 开始页分为5个部分：“打开最近项目”、“创建新项目”、“从范例创建”、“扩展”以及“帮助”。 9.1.4 窗口布局 在开始页中单击“创建新项目”下的HTML，将会自动关闭开始页，并打开一个新的文档编辑窗口，如图所示。 设计窗口 菜单栏 编辑窗口的顶部是菜单栏，其中包括“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”、“帮助”等菜单，几乎所有的功能都可以通过这些菜单来实现。 “插入”工具栏 单击“插入”工具栏左上角三角形的扩展按钮，将会显示子工具栏名称列表，将光标移到某个名称上单击就会切换到其他的子工具栏，如图所示。 面板 面板是Dreamweaver网页设计中的亮点，利用它能很方便地完成大多数的属性设定。我们可以将面板摆放到任何位置，也可以在不需要的时候关闭它们，甚至还可以根据习惯随意组合常用的面板。在Dreamweaver中，根据位置的不同，一部分是窗口底部的“属性”面板，另一部分是窗口右侧的“设计”、“应用程序”、“标签检查器”、“文件”等面板组。 9.1.5 网页编辑视图 可视化视图 源代码视图 拆分视图 9.2 建立网站的基本过程 网站有关概念 新建站点 创建站点目录结构 9.2.1 网站有关概念 本地计算机和Internet服务器 用户浏览网页时所使用的计算机称为本地计算机。本地计算机和Internet服务器之间通过各种线路（如局域网连线、电话线、ISDN专线等）连接。 Internet服务器是指用于提供Internet服务的计算机，它们存储了各类网站及网站资源。对于浏览者来说，Internet服务器是透明的，当进行网上冲浪时，只需要在浏览器的地址栏中输入网站的URL地址，浏览器就会自动请求Internet服务器，搜索这个网站。 本地站点和远程站点 在本地计算机上建立的站点称为本地站点。Internet服务器上的站点称为远程站点。用户浏览一个网站，实际上就是用浏览器打开存储于Internet服务器上的HTML文档和相关的资源。而由于Internet服务器的物理位置、性能等信息对于用户来说是不可见的，因此把存储于Internet服务器上的相关文档和资源称为远程站点。 用Dreamweaver管理站点，通常先在本地计算机上建好网站结构，编辑完成相应的文档和网页制作，然后再将其上传到Internet服务器上。 创建新站点时，设计者需要考虑许多因素。所有因素都要围绕一个主题：设计站点的目的是什么，目的明确后，站点的信息内容就要围绕这