Web程序设计课件chapter-02

Web网页设计及编程语言
主讲 李雅红
目录
第1章 Web应用程序概述 第2章 HTML网页设计 第3章 VBScript脚本编程 第4章 ASP内建对象编程 第5章 Web与数据库集成 第6章 网上论坛设计 第7章 网上考试系统设计
2／241
第1章 Web应用程序概述
1.1 理解Web应用程序 1.2 理解ASP工作原理 1.3 配置ASP开发环境 1.4 设置Dreamweaver站点
具有更好的可扩展性与可定制性，6／数24据1 处理方面更是引入了许多新技
术。
Байду номын сангаас
1.1 理解Web应用程序
第1章目录
• 1.1.5 Web应用开发工具
• 1. 记事本
•
如果用记事本作为网页编辑器，则应当确保文件有一个正确的扩
展名。默认情况下记事本为文件设置的扩展名是.txt。因此，在记事
本中保存文件时，必须为文件指定一个适当的扩展名。
1.1 理解Web应用程序
第1章目录
• 1.1.4 Web应用开发技术
• 1. ASP
•
ASP（Active Server Pages）是Microsoft公司开发的动态网页
技术标准，主要与Microsoft的服务器产品IIS和PWS一起使用。ASP是
一种Web服务器端的脚本环境，可以用来创建动态Web页或Web应用程
（1）计算机。 （2）光纤、同轴电缆和双绞线等传输媒体。 （3）通信网卡：用于收发数据。 （4）集线器(Hub)：用来把多台计算机连在一起。 （5）交换机(Switch)：用来扩展带宽及连接多台计算机。 （6）路由器(或ATM交换机)：负责路径管理和网络交通的控制。 2）计算机网络中的软件 计算机网络中的软件主要分为5类。 （1）操作系统 （2）通信协议 （3）管理软件 （4）交换与路由软件 （5）应用软件 •

H TM L 语言的基本结构
标签 < !DOCTYPE> < html> < head> < title> < body>
描述 定义文档类型。 定义HTML文档。 定义文档的头部。 定义文档的标题。 定义文档的主体。
C S S 样式表的基本概念
1
选择器
用于选择要样式化的HTML元素。
2
属性
用于设置HTML元素的样式，如颜色、字体、背景等。
响应式Web设计
响应式Web设计是一种设计方法，可确保网站在多个设备和屏幕尺寸下都能正确显示，并提供良好的用 户体验。
移动端W移动设备的用户需求，保证 良好的移动体验。
设计原则
简洁明了的界面、大而易操 作的按钮等可以增强移动用 户的体验。
适应性布局
通过使用弹性网格和媒体查 询等技术，确保内容在不同 屏幕尺寸下的适配。
3 增加竞争力
具备Web程序设计技能 可以使个人在求职市场 中脱颖而出，拓宽职业 发展道路。
Web程序设计的基本要素
HTML
用于定义网页结构和内容， 包括标题、段落、图像等。
CSS
用于控制网页的样式和布局， 包括字体、颜色、边距等。
JavaScript
用于添加交互和动态效果， 使网页更加生动和有趣。
Web程序设计为用户提供了互动和实时的在线体验，是现代互联网世界的核心。
关键技能
学习Web程序设计可以掌握HTML、CSS、JavaScript等技术，为职业发展打下基础。
为什么学习Web程序设计
1 广泛应用
Web程序设计技能在各 行业都有需求，是未来 职场发展的趋势。
2 创造力

格式化文本
6、文本上的线条 text-decoration 可以使用这个属性在文本下方、上方或是中间添加线 条，甚至是使文本闪烁。 text-decoration可以使用的值有： underline overline line-through blink 也可以联合使用多种效果： eg：text-decoration:underline overline;同时给文本添加 下划线和顶线。 text-decoration:none用来取消文本线条。最常见的例 子是去除链接的下划线。
格式化文本
4、设置斜体和粗体 font-style font-weight font-style:italic; 斜体化文本 font-weight:bold; 使文本为粗体 如果需要确保文字正常显示，则可以设置： font-weight:normal;
格式化文本
5、设置字母大写 text-transform 可以使用text-transfrom属性使文本全部大写、小 写甚至是大写每个单词的首字母。如： text-transform:uppercase; text-transform:lowercase; text-transform:capitalize; 如果要告诉css不要改变文本的大小写，就： text-transform:none;
浏览器通过使用字号与数字相乘来决定行间距。
格式化文本
9、对齐文本
text-align
该属性的取值可以有以下四种：
a、left
左对齐
b、right 右对齐
c、center 居中对齐
d、justify 两端对齐
格式化文本
10、首行缩进 text-indent 可以使用px和em值来设定首行缩进 eg： text-indent:2em; text-indent:25px; 像素值是一种绝对度量，而em值则指定了缩 进的字母数。

Tomcat是当前使用最为广泛的Servlet/JSP应用服务器 JavaSoft和Apache开发团队合作计划（Apache Jakarta Project）的产品，被Sun公 司作为官方推荐的servlet和jsp容器 。 官方网站/
网易（）2009.02.17
设置环境变量的方法
在Windows系统下，设置环境变量，具体步骤如下： 在Winodws“控制面板”中，双击“系统”图标，打开“系统属性”对话 框。选择“高级”选项卡。 在“高级”选项卡中，单击“环境变量”按钮，打开“环境变量”对话 框，
设置JAVA_HOME环境变量
在“系统变量”区域，单击“新建”按钮，打
由于jdk1.6.0_12已 经包含了JRE，如果 机器尚未安装JRE， 则在安装jdk1.6时，
JRE将一并安装
操作：
和安装JDK同样的原 因，可以更改JRE的 安装目录为
C:\Java\jre1.6.0_12\
安装Java运行环境-7
Java运行环境（JDK+JRE6） 安装完成
单击“完成”按钮， 结束Java的安装过 程。此时，在系统 盘中将看到安装 Java所创建的文件 夹
支持安全Socket层(SSL) 提供用户会话过程的跟踪 通过第三方模块可以支持Java Servlet
Tomcat应用服务器的作用和功能
Tomcat是针对于Apache服务器开发的JSP应用服
务器，是Java Servlet和Java Server Pages （JSP）技术的标准实现 Tomcat内置了一个Apache的HTTP服务，但是它
Apache服务器
其他Web服务器
Web服务器
什么是Web服务器？