第一章 计算机基础知识v1.1 计算机概述 v1.2 中文Windows2000操作系统 v1.4 计算机网络基础1.1 计算机概述v1.1.1 计算机的发展 v1.1.2 计算机信息编码形式 v1.1.3 计算机硬件系统组成 v1.1.4 计算机软件系统组成1.1.1 计算机的发展一、计算机的产生世界上第一台电子数字积分计算机：名称：埃尼阿克埃尼阿克ENIAC ( Electronic Numerical Integrator and Computer)时间：1946年2月地点：美国宾夕法尼亚大学第一台计算机图片：第一台计算机图片：1.1.1 计算机的发展v计算机发展历经四代 ： 第一代（1946-1958）电子管计算机 第二代（1958-1964）晶体管计算机 第三代（1964-1970）集成电路（IC）计算机 第四代（1971-至今）大规模集成电路计算机电子管 vacuum tube1、真空的，体积庞大2、使用寿命短1.1.2 计算机的编码形式采用二进制码的原因： 1、物理上容易实现 2、编码、计数、加减运算规则简单 3、为了书写和表示方便，引进八进 制和十六进制二进制计数特点1、只有两个基数：0和1 2、逢“二”进一二进制计数运算规则v加法：0+0=0 0+1=1 1+0=1 1+1=10v减法：0-0=0 1-0=1 1-1=0 10-1=1二进制计数运算规则v乘法：v除法： 00=001=110=111=1商数非0即1四种常用进位计数制计数 制基数数码进位规则十进制100 1 2 3 4 5 6 78 9逢十进一二进制20 1逢二进一八进制80 1 2 3 4 5 6 7逢八进一十六进制160 1 2 3 4 5 6 7 8 9 A B C D E F逢十六进一二进制、八进制、十六进制对照二 八 二 十六 二 十六000 0 001 1 010 2 011 3 100 4 101 5 110 6 111 70000 0 0001 1 0010 2 0011 3 0100 4 0101 5 0110 6 0111 71000 8 1001 9 1010 A 1011 B 1100 C 1101 D 1110 E 1111 F1.4 计算机网络基础网络：将分布在不同地理位置且具有独立 功能的计算机及辅助设备，通过通信设备 和传输线路连接起来，由功能完善的网络 软件（网络协议、信息交换方式、控制程 序和网络操作系统）实现网络资源共享的 系统称为计算机网络系统。计算机网络的发展1）面向终端的计算机通信网络 2）以共享资源为目标的计算机网络 3）标准化网络 开放系统互联参考模型 OSI/RM 4）因特网 Internet资源与典型服务v特殊IP地址1）回送地址 127.0.0.1为本地回送地址，用于测试本机安装协议的正确性。 2）直接广播地址 3）有线广播地址 4）全“0”地址 5）“0”地址 域名v域名：主机的名字。v域名结结构：主机名机构名次高域名最高域名www.tsinghua.edu.cnv注意：计算机处理的还是IP地址。因此，在Internet上需要有一个完成IP地址和域名的转换的设备、这个设备就是域名服务器（DNS）。 统一资源定位标识 v统一资源定位标识（Uniform Resource Locator，URL）为为了引用资资源，在WWW上，每一信息资资源都有统统一且唯一的地址，该该地址称为为URL。vURL基本格式：/ http:/ www.tsinghua.edu.cn /index.html IPv6简介vIPv4局限性及其缺点 1）地址空间间的局限性2）安全性问题问题3）结结点配置比较较复杂杂vIPv6对对IPv4的改进进 1）扩扩展地址 2）其他方面 第三章 HTML简介HTML ：超文本标记语言，它采用HTML标记来标注文本、图像、链接等网页元素，形成网页 。编辑环境 ：文本文档（如Windows记事本）、FrontPage、Dreamweaver 等 第三章 HTML简介HTML ：超文本标记语言，它采用HTML标记来标注文本、图像、链接等网页元素，形成网页 。编辑环境 ：文本文档（如Windows记事本）、FrontPage、Dreamweaver 等 3.1.1 接触HTML3.1.2 HTML相关概念一、标记标记是HTML用于描述功能的符号，它用来标识 文档的结构以及链接信息。标记在使用时，要用 括起来 。二、标记的分类 1单标记：只需单独使用就能完整表达意思的标记。格式：例如：3.1.2 HTML相关概念2双标记：必须首标记与尾标记成对出现才能完整表达意思的标记。格式：内容说明： “内容” 指要被这对标记施加作用的部分。例如：1) 渭城曲2) 渭城朝雨浥轻尘3.1.2 HTML相关概念三、标记的使用格式格式：属性语法：属性名= “属性值”(英文状态)例如：1、2、渭城朝雨浥轻尘文件头内容文件体内容3.1.3 HTML文档结构和语法规则一、HTML文档结构 HTML文件开始HTML文件结束文件头开始文件头结束文件体开始文件体结束1. HTML文件以纯文本形式存放，扩展名为“.htm”或“.html”。2. HTML标记不区分大小写。3. 多数HTML标记可以嵌套，但不可以交叉。4. 可以在一行写多个标记，也可以将一个标记分多行书写而不用任何续行符号。3.1.3 HTML文档结构和语法规则二、HTML语法规则3.1.3 HTML文档结构和语法规则5. HTML源文件中的换行、回车符和多个连续空格是无效的。应使用实现换行；使用实现换段；需要多个连续空格时，可使用多个) 也可输入全角空格. 【设置文本属性:】利用属性面板4.3 图像处理1. 加入图像: 利用“插入”菜单或“插入”工 具栏 图像属性设置: 利用属性面板 【属性说明:】 v 宽高值：可调整图像为指定大小。 v 替代：可在其后的框中输入文字，浏览时，这些 文字会成为图像的说明文字。并且，当浏览器端 不能正确显示图像时，这些文字将被显示在图像 位置。 v对齐4.3 图像处理2.加入水平线: “插入”菜单“HTML”选项“水平线” 3.加入鼠标经过图像方法： “插入”工具栏选“常用”组; 展开“图像”工具按钮，选择“鼠标经过图像”。 (也可以在“插入”菜单中选择“图像对象”，然后选“鼠 标经过图像”)4.4 超链接链接媒介: 网页中的文字、图像等网页元素 一. 建立文字链接 作用: 通过点击链接文字打开链接目标. 常用链接:页间链接,锚记链接,文件链接,邮件链接,空链接等 1、添加页间链接 作用: 通过链接文字链接到某网址或本站点中的某网 页文档。 方法:在属性面板将选定文字的链接属性设为本地网 页或某站点的URL4.4 超链接2. 添加锚记链接(页内链接) 作用:通过链接文字跳转到网页中某锚记标识所在的 位置 方法:将网页中要标识的位置加入命名锚记，然后使 链接文字的链接属性为# 3. 添加非网页文件链接作用:通过链接文字链接到非网页文件 方法:将文字的链接属性设为非网页文件4.4 超链接4. 添加邮件链接 作用: 通过链接文字启动电子邮件程序，允许用户书 写电子邮件并发送到指定邮件地址 方法: 将链接文字的链接属性设为：mailto: 5. 添加空链接 作用:空链接是一个未设计的链接，可使文本产生链 接的形式.(要为文本添加行为,需先为文本设置空 链接) 方法:选择文本后，在属性面板的“链接”框中输入“#” 或“javascript:;”4.4 超链接6. 添加脚本链接 作用:可用来执行JavaScript代码或调用JavaScript函 数 方法:选择文本后在属性面板“链接”框输入 “javascript:”,及一些javaScript代码7 . 设置链接样式 “页面属性” “链接”4.4 超链接8. 绝对地址与相对地址v绝对路径：绝对路径是指包含服务器协议在内的 完全路径。例如： http:/www.hrbmu.edu.cn/jyswj/fm.htm v相对路径：相对路径是指从站点根目录或其中的 某文件夹开始起算的文档路径。 二. 建立图像链接 热点链接4.5 建立表格一. 创建表格 方法一: “插入”工具栏“常用”组的“表格”工具; 方法二: “插入”菜单的“表格”项。 二.编辑表格1.选择表格：移鼠标指针到表格的左上角或左下角, 使其变为“表格指针”形状时单击； 或单击任一单 元格,然后在文档窗口底端的“标签选择器”选择 。4.5 建立表格2.选择行：移鼠标指针到行的左端，使其变为指向 右的实箭头，然后单击或拖动；若选择一行，也 可以单击该行某单元格，然后在 “标签选择器”选 择。 3.选择列：移鼠标指针到列的顶端，使其变为指向 下的实箭头，然后单击或拖动。 4.选择单元格：选择一个单元格，可单击该单元格 ，然后执行CTRL+A，或在 “标签选择器”选择 ； 选择一个单元格范围，可单击起始单元格后， 向右下拖动至终止单元格.4.5 建立表格5 .删除表格、表行或表列: 选定, 按Delete. 6. 插入表行或表列:单击插入位置, 修改/表格插入行(插入列) 7. 合并或拆分单元格:选定要合并或拆分的单元格, 在属性面板或“修改” 菜单进行合并或拆分. 8. 边框设置及其它表格设置:选定, 然后在属性面板或“修改/表格”菜单进行. 替代4.6 表单的制作作用: 制作网页中与用户交互的界面. 创建方法: 先创建表单, 然后向其中添加表单对象. 一. 创建表单方法： （1）在“插入”工具栏选择“表单”组； （2）单击“表单”工具按钮。此时页面中会出现表示 表单区域的红色框线； （3）在属性面板设置表单的属性。4.6 表单的制作二. 向表单中添加表单对象表单对象包括：文本字段、文本区域、单选钮、单选按钮组、复 选框、列表/菜单、跳转菜单、文件域、按钮、图 像域等. 加入方法：利用“表单”工具栏或“表单”子菜单向表单 中加入表单对象，然后再利用属性面板对其进行 设置. 例: 建立表单后, 向其中插入表格, 然后在表格中加入 各表单对象。4.6 表单的制作一、文本字段 作用：向表单加入文本域，用来接收用户输入的文 本。 分类：分为单行、多行、密码三种类型。 标签：input或textarea v二、文本区域 作用、分类及标签同文本字段。默认类型为“多行”。 4.6 表单的制作三、复选框 作用：向表单中加入复选框 标签：input 四、单选钮 作用：向表单中加入单选钮 标签：input 五、单选按钮组 作用：向表单中加入共享同一名称的一组单选按钮 标签：input4.6 表单的制作三、复选框 作用：向表单中加入复选框 标签：input 四、单选钮 作用：向表单中加入单选钮 标签：input 五、单选按钮组 作用：向表单中加入共享同一名称的一组单选按钮 标签：input4.6 表单的制作六、列表/菜单作用：向表单中加入列表框或下拉列表框。 分类：分为列表、菜单两种类型。 说明：此处的“菜单”实为Windows介绍中所述的“下 拉列表框” 标签：select 七、跳转菜单 作用：向表单中加入允许对其内容设置链接的列表 框或下拉列表框。 分类及标签：同“列表/菜单” 4.6 表单的制作八、文件域 作用：加入空白文本域和“浏览”按钮，供用户输入或 选择用来上传的磁盘文件。 标签：input。 代码格式：input type= “file“ 九、按钮 作用：用来在表单中加入文本按钮。 分类：分为提交按钮、重置按钮、