网页制作第1部分.ppt

4） Web服务器端程序 　　专业的网站都是建立在使用数据库的基础上的，要将这些数据库变成可以通过浏览器显示和操作的Web页面，就要编写服务器端的程序。用户向服务器传送提交的表单（个人信息、选择等）需要在服务器端进行记录、筛选等处理。大量的数据库查询、修改处理也需要服务器端程序的支持。 　　目前常用的服务器端编程技术主要有CGI、ASP、PHP、JSP等，不同的技术需要不同的系统环境支持。 网页制作的基本方法 制作网页的基本步骤 　　常用的网页制作工具有Frontpage、Dreamweaver等。 网页制作的原则 制作网页时要注意的问题 开始网页制作 Macromedia Studio MX2004 　　 　　Macromedia Studio MX2004是目前应用最广泛的网页制作工具组件，使用方便、功能齐全，Dreamweaver、Flash、Fireworks被称作“网页三剑客”。 在Dreamweaver 里用丰富的层叠样式表制作耐看，专业的网站。 Fireworks通过自动变形，用动的效果，图片编辑工具和拖拽工具能传送较精彩的 Fireworks 图片。 　　 Dreamweave?8的菜单共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。其中，编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问。 文件：用来管理文件。例如新建，打开，保存，另存为，导入，输出打印等。??? 编辑：用来编辑文本。例如剪切，复制，粘贴，查找，替换和参数设置等。?? 查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 ? ? 插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。? 修改：具有对页面元素修改的功能，例如在表格中插入表格， 拆分、合并单元格，对其对象等。? 文本：用来对文本操作，例如设置文本格式等。? 命令：所有的附加命令项? 站点：用来创建和管理站点? 窗口：用来显示和隐藏控制面板以及切换文档窗口? 帮助：联机帮助功能。例如按下F1键，就会打开电子帮助文本 思考题 1.1 什么是WWW？什么是网页？ 1.2 一个完整的URL由哪几部分组成？举出几个URL的例子。 1.3 如何设置IE的主页？如何用IE收藏一个网页？ 1.4 网页中一般都使用了哪些技术？ 1.5 Macromedia Studio MX2004有哪几部分组成？ 1 站点设置 站点的概念 规划站点结构 创建站点 站点的概念 多个网页文档通过各种链接关联起来就构成了站点，站点可以小到一个网页，也可以大到整个网站。 Dreamweaver MX 2004提供了3类站点：本地站点、远程站点和测试站点。用户可通过本地站点和远程站点在本地磁盘和Web服务器之间传输文件，测试站点可用于对动态站点的测试。 ? 本地站点 ? 远程站点 ? 测试站点 规划站点结构 设计站点的必要前提是规划站点结构。规划站点结构是指利用不同的文件夹将不同的网页内容分门别类地保存，合理地组织站点结构，可提高工作效率，加快对站点的设计。 在制作站点时通常先在本地磁盘上创建一个文件夹，将所有在制作过程中创建和编辑的网页内容都保存在该文件夹中。在发布站点时，直接将这些文件夹上传到Web服务器上即可。如果站点内容较多或站点较大，则还需建立子文件夹以存放不同类型的网页内容。 在站点规划过程中，需使用合理的文件名称、文件夹名称。通常在命名时，可以采用与其内容相同的英文或拼音进行命名，应避免使用长文件名和中文。 制作网页所需的图片或动画等文件的存放位置也是规划站点结构时应考虑的。若是大型站点，可分别创建相应的文件夹在各个类别的文件夹下，如在站点根目录下创建一个名称为picture的文件夹用以存放主页中用到的图片和动画。如果站点内容较少，可以只在站点的根目录下创建一个文件夹。 规划站点结构 【实例1】创建一个站点 使用菜单“站点”“管理站点”打开站点管理对话框，进行操作 创建站点 使用“高级”方式定义站点 　 在“定义站点”向导进行的任意一个步骤，选择对话框上部的“高级”标签，可打开高级站点定义对话框。 2 文本与列表控制 文本与列表控制 问题：文本中输入空格 1）【工具箱】-【文本】-【不换行空格】 2）直接在代码中粘贴空格符号 3）全角模式下直接输入 4）【编辑】-【首选参数】-【常规】：选中“允许多个连续的空格” 3 链接的使用 说明 目标： _blank：打开一个新窗口显示目标网页。 _parent：目标网页的内容在父框架窗口中显示。 _self：目标网页的内容在当前所在框架窗口中显示。 _top：目标网页的内容在最顶层框架窗口中显示 代码： 链接文字颜色的设置 通过【修改