1 / 24

第一课 进入 ASP 网页制作的准备工作

第一课 进入 ASP 网页制作的准备工作. 理论是实践的基础，实践以理论作指导；通过实践加深对理论的理解，从而更好地指导实践；理论与实践相结合，是学好计算机的不二法门。. 本课目录. 建立 ASP 运行平台 认识 ASP 了解 HTML 语言及标记 本章总结 作业练习. 1-1 建立 ASP 运行平台. 了解： ASP 的运行平台主要有两种 IIS 和 PWS

nituna
Télécharger la présentation

第一课 进入 ASP 网页制作的准备工作

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第一课 进入ASP网页制作的准备工作 理论是实践的基础，实践以理论作指导；通过实践加深对理论的理解，从而更好地指导实践；理论与实践相结合，是学好计算机的不二法门。

  2. 本课目录 • 建立ASP运行平台 • 认识ASP • 了解HTML语言及标记 • 本章总结 • 作业练习

  3. 1-1 建立ASP运行平台 • 了解：ASP的运行平台主要有两种IIS和PWS • 在WinNT Server4.0、Win2000 Server及ADServer、Win2000 Professional、WinXP Professional、Windows 2003操作系统中可安装IIS • 在WinNT Workstation、Win95/98中可安装PWS • 掌握：怎样安装和设置IIS，使其可以运行ASP程序并让别人可以通过IP访问你的网站。 • 访问本地站点的方法有四种：//计算机名，//IP地址，//127.0.0.1，//localhost • 要让别人能访问你的网站，还需要给于一定的权限：用户权限、目录访问权限及IIS访问权限

  4. 1-2 认识ASP • 我们先来看一些比较经典的实例： • 访问学院宽带网站http://10.10.1.8，依次浏览新闻系统、留言板、论坛、软件下载、宽带影院等用ASP开发的站点。 • 了解ASP的相关概念、特点及发展 • ASP文件的扩展名是.asp，一个ASP文件通常由ASP脚本命令、HTML标记、文本组成

  5. ASP的执行 • ASP动态网页必须通过IIS（或者PWS）来执行才有效，直接通过浏览器或者其他工具来打开ASP文件的话，则ASP网页中的ASP程序不会被执行的。 • 在记事本中输入下列程序，并保存为whattime.asp文件，然后用IE分别打开它和浏览它，看看效果 • <HTML><BODY> • 现在时间： • <% • T = Time • Response.Write T • %> • </BODY></HTML>

  6. Whattime.asp （1）菜单的“文件/打开” <HTML> <BODY> 现在时间 <% T=Time Response.WriteT %> <BODY> <HTML> 浏览器 打开文件 Whattime.asp 打开文件 （2）在地址栏输入网址 浏览器 网页下载 执行 IIS或PWS Whattime.ASP的执行

  7. 1-3 什么是HTML语言 • HTML（HyperText Markup Language，超文本标记语言）是构成网页最“基础”的要素，对于专业网页制作者来说，必须掌握HTML语言。 • Java Script、VB Script、ASP等，依然是建筑在HTML之上 • ASP程序能动态建立HTML格式的文件，然后下传到浏览器，了解HTML语法是制作ASP网页必备的基础。

  8. 1.3.1 HTML的基本概念 • 1.标记的概念 • 2.区段的概念 • 3.标记的属性 • 4.阶层的概念 • 5.超文本的概念 • 6.其他概念

  9. 标记的概念 每一个标记就好象是下给浏览器的一个指令 <H1>初试 HTML 语法</H1> <HR> <H2>使用 HTML 的基本概念</H2><P> <UL> <LI>标记的概念</LI> <LI>区段的概念</LI> <LI>参数的概念</LI> </UL> Markup（标记）的意义就是这样来的。

  10. 区段的概念 <H1>……</H1> <H2>……</H2> <LI>……</LI> <UL>……</UL> 以上都算区段，区段成对出现，区段由标记所构成

  11. 标记的属性 例如：<IMG SRC=“logo.gif" HEIGHT=200 WIDTH=300> “=”前面的是属性名称，后面的则是属性。

  12. 阶层的概念 标记是有阶层的： HTML：用来表示< HTML>与</HTML>之间的文字是一份HTML文件 HEAD：用来设置HTML文件的标题、作者等信息，这些信息不会显示在浏览窗口上 BODY：撰写在<BODY>及</BODY>之间的HTML标记经浏览器解译之后，会显示在浏器窗口中，所以这是HTML主体的部分

  13. 超文本的概念 HyperText Markup Language 图片：<IMG SRC=“logo.gif" HEIGHT=200 WIDTH=300> 超级链接：在浏览网页时，将鼠标指针移到某一段文字或图片下面，如果出现受型指针，就表示这是一个链接，在此按一下会链接到另一个网页。 例如： <a href=“wwwteach/dwmx/index.htm”> Dreamweaver 学习教程</a>

  14. 其他概念 • 多个空格符，浏览器视为一个（如果要输入多个空格，请在中文输入法的全角状态下输入） • 注意<br>和<p>标记 • 标记不区分大小写 • 注释标记：<!--与-->之间的文字

  15. 1.3.2 常用的HTML标记 • 1.设置文字外观的标记 • 2.设置段落样式的标记 • 3.设置对齐样式的标记 • 4.表格（Table标记）

  16. 设置文字外观的标记 • <B>：粗体 • <I>：斜体 • <U>：加底线 • <SUP>：上标字 • <SUB>：下标字 • <TT>：宽字型 • <FONT>：通常带有属性SIZE/COLOR/FACE，FACE属性用来选择文字所使用的字型

  17. 设置段落样式的标记 • <H!>～<H6>：设置标题的大小级数 • <ADDRESS>：采用斜体字作为段落的字体 • <FRE>：采用宽字型作为该段落的字体 • <BLOCKQUOTE>：“紧缩”标记 • <OL>：标号列表，在需要编号的数据前加<LI>标记，所有的<LI>放在<OL>及</OL>区段之间 • <UL>：项目列表，同<OL>类似 • <DL>：定义列表，在被解释的段落（段落一）前加<DT>标记，在解释的段落（段落二）前加<DD>标记，将段落一，段落二放在<DL>及</DL>之间

  18. 设置对齐样式的标记 单一段落的对齐： <P ALIGN=”Left/right/center”>对齐的段落</P> 连续多个段落对齐： <DIV Align=” Left/right/center”>多个段落</DIV> 左对齐为默认方式

  19. 表格（Table）标记 <TABLE BORDER=1> <TR> <TD>第一列的第一栏</TD> <TD>第一列的第二栏</TD> </TR> <TR> <TD>第二列的第一栏</TD> <TD>第二列的第二栏</TD> </TR> </TABLE> 设置<TD Align=”Left/Center/Right” Valign=”Top/Center/Bottom”>对齐方式</TD>。BgColor/Border/CellPadding/CellSpacing/Width/NoWrap

  20. 1.3.3 动态网页 • HTML是一种语言，但并不算是“程序”语言。HTML所定义的范畴仅局限于如何表现文字、图片，以及如何建立文件之间的链接。 • 由HTML所构成的文件并不会因时地产生变化，所以便有“静态”（static）网页之称。 • 要产生动态网页，一定要撰写程序，程序的执行端可分成客户端（浏览器）及服务器端（Server）

  21. 1-4 整理一下（1） • 1、单纯由HTML所构成的网页是静态的网页，要产生动态网页效果必须撰写程序。网页程序的执行可分成在客户端执行及在服务器端执行两种状态，而ASP是在服务器端执行的程序。 • 2、用打开文件的方式打于ASP文件，并不会让文件中的ASP程序被执行。要让ASP程序序被执行的条件是：（1）系统安装有PWS或IIS；（2）以浏览的方式浏览ASP网页。

  22. 1-4 整理一下（2） • 3、ASP已经将CGI的接口封装成比较容易使用的对象，如果已经开始使用ASP，就可以不必再学CGI。 • 4、HTML是制作ASP网页的很重要的基础。 • 5、VB Script及Java Script都可以用来撰写ASP程序，我们采用VB Script撰写ASP程序。 • 6、我所介绍的ASP网页是由HTML与VB Script所构成的，其中HTML是构成网页的基础，而VB Script则是用来撰写ASP网页所需的ASP程序的。

  23. 1.4.2 作业练习 • 1.练习设置“文字外观的标记”。 • 2.练习设置“段落样式的标记。 • 3.练习“表格标记”，制作您的个人简历网页。 • 4.下载留言板实例，并设置IIS让你通过在地址栏输入//localhost/lyb正常使用它。 • 5.手工编写ASP程序（1）显示系统的日期和时间（2）获取本机IP地址。 • 6.请在“学习交流留言板”上留言，提出您在学习中遇到的疑难问题。

  24. 第一课 进入ASP网页制作的准备工作学习到此为止，谢谢大家的合作

More Related