[理学]网页设计课件第一章.ppt

第一章 本章要点 1动态网页和静态网页的区别 2什么是ASP，ASP运行环境和开发工具 3常用的网站开发工具 学ASP必须掌握的 HTML 网页设计 互动答题 如何安装ASP运行环境 www的工作原理 C/S模式体系结构 B/S软件系统结构 静态网页的工作原理 动态网页的工作原理 C/S B/S 静态网页的工作原理 所谓静态网页，就是说该网页文件里没有程序代码，只有HTML标记，这种网页的扩展名一般是.htm或.html。 静态网页工作原理： 动态网页 所谓动态网页，就是说该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的扩展名一般根据不同的程序设计语言而不同，如ASP文件的扩展名为.asp。 动态网页工作原理： 常用网络程序设计语言 XP上安装IIS 开始安装IIS ASP动态站点的开发流程 设计站点框架和功能模块 1需求分析 2 整体规划 3网站架设方案 嵌入相关ASP程序代码 1环境准备 2 创意设计 3 站点版面设计和美化4 网站的层次结构和链接结构 系统运行测试和错误修改 站点发布 站点开发工具 网页编辑工具 Dreamweaver FrontPage 图形图像制作工具 Photoshop CorelDRAW Fireworks 网页制作动画 Flash 编辑工具 EditPlus 记事本 ASP的开发工具 最好的工具是Microsoft Visual InterDev. 也可以用记事本或FrontPage等编写. 这里推荐EditPlus 软件（下载网址：） . 关于EditPlus ： 依次选择【Tools】→【Preferences】菜单命令，可以在弹出的“Preferences”对话框中对EditPlus进行各种设置。比如，如不希望自动生成备份文件，可以在该对话框左侧选择“files”，之后在右侧取消选中“Create backup file when saving”即可。 1.4 开发一个简单的ASP文件 1.4.1 新建ASP文件 1.4.2 保存ASP文件 1.4.3 浏览ASP文件 1.4.1 新建ASP文件 打开Editplus，然后在菜单栏中依次选择【File】→【New】→【HTML Page】菜单命令，然后输入以下内容： 1.4.2 保存ASP文件 制作完毕后，依次选择【File】→【Save】菜单命令，就会弹出如下图所示的“另存为”对话框，将该文件命名为1-1.asp，保存在“C:\inetpub\wwwroot\asptemp\chapter1” 中即可。 1.4.3 浏览 ASP文件 制作完毕后，依次选择【File】→【Save】菜单命令，就会打开IE浏览器，在地址栏里输入以下5种形式中任一种就可以访问该文件： （1）http://localhost/asptemp/chapter1/1-1.asp （2）/asptemp/chapter1/1-1.asp （3）http://你的计算机的名字/asptemp/chapter1/1-1.asp （4）http://你的计算机的IP地址/asptemp/chapter1/1-1.asp （5）http://你的计算机的域名/asptemp/chapter1/1-1.asp * 你必须会做网页 请同学们拿出纸笔做个小测验！ 什么是服务器端和客户端？ 一般来说，凡是提供服务的一方称为服务器端，而接受服务的一方称为客户端。 PHP是一种免费的开源软件，它的特点也是将脚本描述语言嵌入HTML文档中，它大量采用了C, Java和Perl语言的语法，并加入了各种PHP自己的特征。 是微软公司推出的一种简单易学的网络程序设计语言，它的特点是将VBscript、或JavaScript嵌入到HTML中。 它是由SUN公司提出的一种可跨平台使用的网页技术，它的特点是将Java程序片段（Scriptlet）和JSP标记嵌入到普通的HTML文档中。 ASP PHP JSP 回车 *