大学计算机基础第9章-网站的设计与开发
网站设计与开发
网站设计与开发网站设计与开发是指对一个网站进行整体的规划、设计和制作的过程。
随着互联网的快速发展，网站已经成为企业和个人展示形象、传播信息、服务客户的重要渠道之一。
设计和开发一个高质量的网站，对于吸引用户、提升用户体验、增加网站流量和转化率具有重要意义。
在进行网站设计与开发的过程中，首先要明确网站的目标和定位。
根据网站的用途和所服务的对象，确定网站的整体风格和定位。
例如，企业网站需要注重形象展示和产品介绍，而电商网站需要注重产品展示和交易功能。
在明确网站目标和定位后，进行网站规划，包括确定网站的主题结构、页面布局、导航设计等。
接下来是网站的视觉设计。
通过色彩搭配、字体选择、图像设计等来表达网站的风格、特点和品牌形象。
视觉设计要符合网站的定位和目标受众的审美需求，同时要注重页面的美观性和用户体验。
一个好的视觉设计能够吸引用户的注意力，增强用户对网站的印象。
网站的交互设计是一个核心环节。
它关乎用户在网站上的操作体验、界面互动和信息呈现方式。
一个好的交互设计能够使用户操作流程简单易懂，提升用户的使用体验，并增加用户的黏性和转化率。
在交互设计中需要考虑用户可能的操作路径，合理布局功能按钮和链接，保证用户自由浏览和查询所需信息。
网站的内容是吸引用户和提供信息的重要组成部分。
内容包括文本、图像、视频等形式。
在网站设计与开发过程中，需要制定内容策略，确定网站所提供的内容类型和数量。
同时，要注意内容的质量，确保内容的真实性、新颖性和相关性，提供有价值的信息给用户。
除了以上几个环节，网站设计与开发还需要考虑技术实现。
根据网站的需求，选择合适的技术平台和开发工具，编写代码实现功能和界面。
在技术实现过程中，需要注意网站的性能和安全性，提高网站的访问速度和稳定性，并保护用户的个人信息和数据安全。
最后，进行网站的测试和优化。
通过多次测试，发现可能存在的问题和不足，并及时进行修复和优化。
测试环节包括功能测试、兼容性测试、性能测试等。
网页设计与开发入门教程
网页设计与开发入门教程1. 前言在当今数字化时代，网页已经成为了人们获取信息和交流的主要途径。
学习网页设计与开发能够让你拥有创建自己的专业网站的能力，同时也具备了解互联网技术背后原理的基础知识。
本文将介绍网页设计和开发的基本概念、工具以及步骤，帮助初学者快速入门。
2. 网页设计基础2.1 色彩与排版•了解色彩在网页设计中的重要性•掌握常用色彩搭配原则•学习如何选择合适的字体与排版方式2.2 布局与导航•网页布局的原则和方法•导航菜单设计与分类2.3 图像与多媒体元素•图片格式以及优化技巧•视频、音频等多媒体元素的添加和处理3. 网页开发基础3.1 HTML基础知识•HTML标签和语法介绍•学习如何创建HTML结构3.2 CSS样式表•CSS选择器和属性介绍•样式表的引入方式和基本语法3.3 响应式设计•了解移动设备适配的重要性•响应式设计的原理与实现方法4. 网页开发工具4.1 编辑器选择与配置•推荐几种常用的网页编辑器软件•设置编辑器环境以提高开发效率4.2 图形编辑工具•学习使用图形编辑工具，如Photoshop、Sketch等•制作网页所需的图片和素材4.3 调试工具与技巧•浏览器调试工具的使用方法和技巧•掌握常见问题的排查和解决5. 网站发布与部署5.1 域名注册与选择主机服务商•注册域名及选择合适的域名服务商流程简介•选择可靠的主机服务商并进行设置5.2 文件上传与服务器配置•学习通过FTP上传文件到服务器上•配置服务器环境以支持网站运行5.3 SEO优化与网站分析工具•学习基本SEO优化技巧，提升网站搜索排名•探索常用网站统计分析工具，了解用户访问情况6. 实践项目6.1 制作个人简历网页•从头开始创建一个个人简历网页，并应用已学习的技巧和知识•添加样式和多媒体元素，使其具备吸引力和实用性6.2 设计一个自定义博客主题•学习如何设计一个独特的博客主题，符合个人风格和品味•实现博客页面的布局、导航以及文章展示效果通过本教程的学习，你将掌握网页设计与开发所需的基础知识和技能，并可以实践创建个人或商业网站。
基于目标导向《大学计算机基础》网络课程设计与开发
河
北
工
程
大
学 学
报
（ 社
会
科
学Leabharlann 版） Ｖｏ ． Ｎｏ ２ １２６ ．
Ｊ ｕ ａ ｏ Ｈｅ ｅ Ｕｎｖ ｒｉ ｏ Ｅ ｇ ｅｒ ｇ （ ｏｉ Ｓ ｉ ｃ Ｅ ｉｏ ） ｏｒ ｌ ｆ ｎ ｂｉ ｉｅ ｓｔ ｙ ｆ ｎｉ ｅｉ Ｓ ｃａ ｎ ｎ ｌ ｃ ｎ ｅ ｄｔ ｎ ｅ ｉ
Ｊｎ ２ ０ ｕ．０９
基于 目标导向《 大学计算机基础》 网络课程设计与开发
胡承军， 常志英
（ 河北 工程 大学 教育 技术 中心 ， 北 邯 郸 ０６３ ） 河 ５０８
［ 摘 要］ 大学计算机基础》 《 最终的课程 目的是培养学生的信息素养， 这种 以能力为本位 的课程 目标决定 了大学 计算 机基 础 网络课 程教 学设 计 不 同于其 他 的 学科 ， 范例 、 活动 、 作是 实现 这 一 目 的有 效 途 径 。基 于 目标 导 向的 网 协 标 络 课 程 可以 与课 堂教 学 实现 优 势互 补 ， 高教 育教 学质量 。 提 ［ 关键词 ］ 标导向； 目 大学计算机基础 ； 网络课 程； 设计与开发 ［ 中图分类号 ］Ｇ ４． ［ ６２０ 文献标识码］ ［ Ａ 文章编号］６３ ９７ （ｏ９ ｏ 一 ０７— ３ １７ — ４７２ｏ ）２ Ｏ９ ０ 信息技术的飞速发展 ， 使各领域工作的发展愈来愈依赖于信息 （ ） 二 活动 中体 验 。活动 理论 强 调学 生是 学 习的 主体 ， 促进 学 要 技术 ， 求 大学 生有 更丰 富 的信 息技 术知 识 和更 强 的 应用 信 息 技术 生 的 主体性 发展 ， 须 首 先 让 学 生作 为 主体 去 活 动 ， 活 动 中 完 要 就必 在 的能 力 。大学计 算 机基 础 是 为非 计 算 机 专业 大 一新 生入 学 而 开设 成 学 习对象 与 自我 的双 向建 构 。信 息 素养 最 终 体 现 为 一 种 利 用信 的第一 门计 算基 础 课 ， 课程 具有 课 程信 息 量 大 ， 时少 ， 程 内容 息技 术解 决 问题 和进 行创 新 的能 力 ， 不仅 仅 是熟 练 的技 能 和 丰 富 该 课 课 而 更新快 ， 且具有实践 Ｉ 操作性强等课程特点 ， 生、 由于各地 区信息化教 的知识 ， 它主要通过学生在信息社会活动中应用学 习和生存体现出 育 发展 不平 衡 ， 生基 础水 平差 异 很 大 ， 于 此 ， 要 利 用 网络 的 来 。如果 能够 将 活动 理论 引 入 计算 机教 育 的 教 学 过 程 可 以形 成 新 学 鉴 有必 潜 在优 势 ， 计开 发 网络课 程 ， 和拓 展 传 统 的 面对 面 课 堂教 学 ， 的教 学策 略 ， 高计 算机 教 育 的教学 效果 和 效率 以及学 习者 的 学 习 设 丰富 提 让 学 习者可 以在 课 堂外 继续 学 习或 与教 师保 持联 系 ， 用 网 络辅 助 兴趣 ， 利 从而使得学习者在掌握信息技术技能 的基础上 ， 提高 自己的 教 学手 段提 高教 学 质量 。 信 息素养 。 但 纵观 现有 的 网络课 程 ， 是教 材搬 家 ， 遍 存在 着 “ 教 学 大多 普 重 （ ） 三 协作 中创 新 。计 算机 课程 的最 终 目标是 提 升 学 生 的信 息 内容 的呈现 与讲 解 ， 学 习环境 与 学 习活 动 的设 计 ” 轻 ，为此 ， 法 提 素养 ， 息素养 具有 隐 『知识 的特征 。协 作学 习是 发展 学 生 隐性 知 武 信 生 博 士提 出 了 目标 导 向的 网络 课 程 开 发 模 式 ， 模 式 认 为 ： 络 课 程 识 的 有效 方法 。 同伴 间 的 交 流 可 以 使 隐性 知识 明 晰化 ， 为 更 多 该 网 并 设计 是 目标 导 向的 ， 括课 程 设 计 和 教 学 设 计 两 个 阶 段 ， 程设 计 的学 习者所 共 享 ； 作 中的反 思 可 以使 显性 知 识 隐 性 化 ， 断 丰 富 包 课 协 不 阶段需 要 根据 课程 目标 选择 和 组织 教学 内容及 学 习 资源 ， 定 课 程 隐性 知识 宝库 。 确 结构 ， 计划教与学的活动； 教学设计 阶段主要是进行需求分析 、 根据 二、 目标 导 向 网络课 程设 计模 型 教学 目标设 计 网络 课程 的学 习环境 。网络课 程 目标 是 “ 程 目标 一 课 教学 目标 ” 内存逻 辑 统 一 。 们 需 要 根据 课 程 目标 选 择适 用 的课 的 我 （ ） 程 结构 设计 一 课 程论 、 论 、 习论 为 指 导 ， 教学 学 以便 有 针 对 性设 计 网 络课 程各 要 素 ， 在《 大学计算机基础》 网络课 程中， 我们设计 了以注册登 录模 这 对 于 网络 课 程在 目标 、 过程 、 三 方 面 的 内在 统 一 ， 现 有效 教 结果 实 块、 学生模 块 、 管理模 块 、 师模 块等 模块 构成 的 网络课 程结 构 。 教 学 具有 重要 意 义 。该 模 式在 原理 上仍 然 沿袭 了泰 勒 的 目标模 式 ， 但 目标 的概念 扩 展到 了行 为 目标 、 成 性目标 和 表现 性 目标 。 生
大学计算机基础 第9章 习题参考答案
习题九一、用适当内容填空1．计算机系统运行和操作的最小功能单位是指令，一台计算机中全部指令的集合称为指令系统。
2．计算机能够直接识别的程序设计语言是机器语言，其直接使用机器指令或二进制格式编写程序。
3．汇编语言是一种低级语言，它是面向过程的语言。
高级语言书写的源程序可以通过解释或编译方式来执行。
4．字符型是一种基本数据类型，一般程序设计语言中都采用8位二进制位来表示，其对应值的范围是0-255。
5．在程序中要处理200名学生一门课的成绩信息，应该定义数组类型变量；要处理200名学生的档案资料应该定义记录或结构类型变量。
6．在程序运行过程中值不可改变的量称为常量，可改变的量称为变量。
7．结构化程序设计的3种基本逻辑结构为顺序、分支或选择和重复或循环，合理使用这3种控制结构可以表现任何复杂的控制关系。
8．过程是功能独立或需要多次调用的程序段，它也可以称为函数或子程序。
9．一段程序代码需要多次反复执行，需要使用重复或循环结构来表达；根据判断条件结果决定是否执行一段程序，应该使用分支或选择结构表示。
10．循环也称为重复，其对应两种类型，分别为当型结构和直到型结构。
11．面向过程程序设计的核心是算法和数据结构；面向对象程序设计的核心是类和对象。
12．结构化程序设计应遵循自顶向下、逐步求精、模块化和限制使用goto语句原则。
13．采用结构化程序设计方法能够使程序易读、易理解、易维护和结构良好。
虽然这种方法具有许多优点，但它仍是一种面向过程的程序设计方法。
14．VB是一个可视化操作界面、面向对象的程序设计语言；在VB中可以直接创建Access 数据库。
15．在VB窗口中添加的对象都具有若干属性，在窗口设计阶段改变对象属性可以在①属性窗口中操作，在程序运行时改变属性应该在相关对象事件代码中操作。
16．类是一组数据及该组数据能够实现操作的封装体。
在类与对象的关系中，类是对对象的抽象，而对象是类的实例。
17．在面向对象方法中，信息隐藏是通过对象的封装性来实现的；同样的消息被不同的对象接收时可导致不同的行为，这是对象的多态性。
大学计算机基础教学网站设计及实现
题目基于的“大学计算机基础”教学网站设计与实现指导老师 **** 专业班级 * 姓名 ***** 学号 ****年月*日摘要：目前，传统的学习方式都是通过出版书籍和杂志等实体类的学习材料。
对人们的学习造成了一定的障碍比如你自己好多的东西根本无法自己去理解，请教老师又不是很方便。
本文针对这些问题提出相应的解决方案，使学“大学计算机基础”教学网站不仅成为人们在结合实体类的学习资料的同时结合网络的资源和手段充分的把想学的知识掌握好。
具体而言，它主要涉及到以下几个方面：在线报名；在线论坛交流；在线咨询；适应不同用户的不同学习要求，能根据不同用户的需要发布相应的信息资料。
本课题的目标是开发一套关于大学生计算机基础教学的教学网站，实现一般教学网站应该具备的功能，包括课程信息，资料信息，在线交流，课程公告等一系列的功能，通过这些功能模块来帮助学生和教师的沟通和辅助教学。
本系统基于实现“大学计算机基础”教学网站，搭建该课程网络资源共享与学习支持服务平台。
本课题是基于B/S架构的网站系统开发工具采用VS2005集成开发环境进行开发，配合使用微软的SQL2005数据库作为网站的数据库平台。
关键词：教学网站； ；数据库；C#；VS2005目录引言 01 系统概述 01.1 系统研究现状 01.2 系统的开发方法 (1)2 系统调研及可行性分析 (1)2.1 系统调研 (1)2.2 系统的总体目标 (1)2.3 可行性分析 (1)3 系统分析 (2)3.1 系统需求分析 (3)3.2 数据流程图 (3)4 系统总体设计 (4)4.1 概要设计 (4)4.1.1 功能模块结构图 (4)4.1.2 功能模块描述 (5)4.2 数据库设计 (5)4.3 详细设计 (10)4.3.1 功能模块的设计 (10)4.3.2 学生管理模块的设计 (10)4.3.3 信息管理模块的设计 (12)4.3.4 教学视频信息管理模块设计 (13)4.3.5 账号管理模块详细设计 (14)4.3.6 论坛管理模块设计 (15)5 系统实现 (17)5.1 功能模块的实现 (17)5.2 学生管理模块的实现 (18)5.3 信息管理模块的实现 (19)5.4 教学视频信息管理模块的实现 (21)5.5 账号管理模块的实现 (22)5.6 论坛管理模块的实现 (23)6 系统测试 (25)6.1 测试目的 (25)6.2 测试方法 (26)6.3 系统测试 (26)6.3.1 测试的数据 (26)6.3.2 系统测试方法 (26)6.3.3 系统测试项目表 (26)6.3.4 系统测试结果 (27)结论 (27)致谢 (29)参考文献 (30)引言随着互联网事业的蓬勃发展，论坛，这个具有强大实时交互功能，信息交流的平台，使人们不再像电视观众、电台听众、报纸杂志读者一样只是被动地观看、收听、阅读，而是可以积极而及时地参与讨论，在了解他人观点意见的同时也可以发表自己的看法。
《大学计算机基础》网络课程的设计与实现
２ １世 纪 的 社会 是一 个 知 识 爆 炸 的信 息 社 会 ． 何 以 网 络 如
堂 多媒 体 演 示 系 统 ．同 时 还可 以利 用 其 远 程教 学 的优 势 为 继 续 教 育 服务
为 纽 带 快 速 、 效 、 便 地 实现 知 识 的传 递 、 流 和 学 习 ， 新 高 方 交 是 时 代 教 育 工 作者 努 力 的方 向 。 因此 。 着 网络 教 学 的 推 广 ， 随 对 作 为 重 要 教 学 资 源 的 网络 课件 及 网络 课 程 的 研 究 、 计 、 发 设 开
过， 他们 需 要 从 头 学起 。然 而 ． 校 有 限 的师 资 力量 根本 无 法 学 满 足每 个 学 生 的 不 同需 求 ２ 学生 课 后 复 习 或 上 机 实 践 时 ． 到 问 题 无 法 立 刻 得 到 ． 遇 教 师 的指 导 和 帮 助 ． 学 习效 率 降 低 。 虽 然 我 们 在 教 学 过 程 使 中尽 量 多 安 排 答 疑 时 间 ． 是 受 设 备 资 源 和人 力 资源 的限 制 ． 但 仍 不 能 达 到很 好 的 效果 而 对 学 生 来 说 ． 题 得 不 到 及 时 的 问
、
目前教 学方式 的弊端
《 学 计 算机 基础 》 一 门实 践 性 、 能 性 很 强 的课 程 ， 大 是 技 作 为 高 校 非 计 算 机 专 业 计 算 机 教 育 体 系 的第 一层 次 ， 非计 算 是 机 专 业 本 、 科 生 必修 的 重 要 基 础 课 程 。 目前 的教 学 方式 存 专 在 着 许 多 的不 足之 处 ： １ 师 是 教 学 的 主 体 ． 生 们 无 法 根 据 自身 情 况 自主 地 ． 教 学 调 整 学 习 内容 和 学 习进 度 ． 使 学 生 学 习 的 主 动 性 受 到 很 大 致
《网站开发与设计》
《网站开发与设计》远程教学课件开发总结闫秀婧二00四年十月二十日《网站开发与设计》--远程教学课件开发总结一、背景随着多媒体技术与网络技术的飞速发展，网络化学习已成为可能。
它打破了传统校园的界限，可以创造不受时空限制的更广阔的多元化学习环境，网络能使学习者更主动的参与并提升学习兴趣，同时还能实现非实时教学传授方式，因而利用网络科技的发展，建立辅助教学网站是形成有效的辅助教学工具、达到资讯交流与资源共享的最佳途径。
从国内外电子商务人才培养的方向来看也是通过网站来了解电子商务学习内容，而电子商务在某种程度上可以说“电子商务＝网上服务”。
如“学易网”、“21世纪网校”，这些都是通过电子商务方式学习电子商务，在学习电子商务中掌握电子商务，而《网站开发与设计》课程是电子商务专业的一门核心课程，它综合了网页设计、动画设计、ASP网站开发、IIS/PWS的使用等知识，为电子商务的学习奠定坚实的基础，为此，我们开发了《网站开发与设计》课程的远程教学课件。
二、内容简介1、总体构架：该课件实际上是一个远程教育网站，由两大部分组成，网页和后台数据库，其中网页由五块组成，即主页面、注册页面、主导页面、在线考试页面、讨论区，总体结构图如下所示：数据库主要记录学员提交的注册信息和学员的考试成绩，便于查询学员的成绩和学员的其它情况。
注册数据库中主要字段有用户名、密码、籍贯、出生日期、文化程度、所学专业、毕业学校、身份证号、E－MAIL、联系地址、邮政编码、考试成绩。
2、模块功能：（1）主页该模块属于远程教学课件的引入界面，加入了音乐和动画，用于增加网站趣味性，同时导入该学堂的注册页面。
（2）注册该模块属于远程教学课件的的注册和登录界面，主要有【新用户注册】、【忘记密码】、【修改信息】、【查看学员信息】、【查看班级信息】五个导航条。
对于进入网站的新学员必须进行【新用户注册】，在注册表中填入用户名、密码、籍贯、出生日期、文化程度、所学专业、毕业学校、身份证号、电子邮箱等信息，并将填写信息提交到注册数据库，对学员的情况进行登记，便于日后对学员的学习情况、测验成绩和考试成绩进行管理，注册完成后，即可登录；对于已注册的学员可直接登录，然后进行课程内容学习；若忘记密码，可以通过【忘记密码】进行查询，同时在该模块中还可以【查看学员信息】、【查看班级信息】、【修改信息】。
大学计算机基础-第9章网页设计与制作
2020/6/25
3
9.1 网站的建设与规划
9.1.1 网页基本知识 9.1.2 HTML语言简介 9.1.3 常用的网页制作工具
2020/6/25
4
9.1.1 网页基本知识
• WWW(World Wide Web )
WWW是Internet上多媒体信息查询的工具。WEB由互相链接在一起的网页 构成，这些网页是由普通文本、超文本Hypertext，以及图表、图片等构成 。
• URL（Uniform Resource Locator）
URL（统一资源定位器）是指向网络服务器中某个资源的地址，用字符
串来表示。其中包括协议、主机域名（或IP地址）、文件名等等。
• 超级链接（Hyperlink）
超级链接是包含在网页中指向其他网页的指针。
• 超文本
包含超链接的文本称为超文本。有时图像或图像的某部分也可以包含超
➢ 标记的一般格式为：
<tag>对象</tag>
<tag 属性=参数>对象</tag>
<tag>
例如：<h1>我的主页</h1>
<a href=jianjie.htm>简介</a>
2020/6/25
12
超文本文档的结构
例：<html>
<head>
文 档
<title>我的第一个主页</title>
头部</head>
20120./6/确25 定了主题和风格后就需要组织文字、图片、9声
网页设计遵循的一般原则
•主题鲜明
一個主题鲜明、內容丰富具有特色的网站，通常要比什么都有的大杂 烩式的网站更加吸引人。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第9章网站的设计与开发
9.1 网站的基本概念
☐网页（Web Page）
是构成网站的基本元素，也是构成WWW最主要的基石，也就是说网站是由许多个网页组成。
如果没有网页，互联网的浏览者就看不到WWW上五彩斑斓、信息丰富的世界了。
网页也可能是一个文件（静态网页），存储于某个网络存储设备上，经由网址（URL）来识别和存取。
是Internet中的一“页”，需要透过Web浏览器来浏览。
如在WWW上浏览的搜狐，新浪就是网页。
这些网页由HTML编写而成，上面有图形，音乐，动画等等。
☐主页（Home Page）
也是一个网页，是进入一个网站的起始页面，通常也称为“首页”。
通俗地讲，主页是一个网站的门面，要想设计出一个优秀的网站，必须在主页上有自己的特点，能吸引每一个来访者的注意力，优秀的主页是一个好的网站必须具备的第一要素。
☐超级链接（Hyperlink）
通俗地讲，它就是向导，把用户从一个网页带到另一个网页，或者从网页的某一部分引导到另一部分。
超级链接是通过给网页上的文字或者图像加上特殊的标记来实现的，而浏览者只需要用鼠标点击就可使用它的功能。
☐超文本（Hypertext）
是一种文件形式，这种文件的内容可以无限地与相关资料链接。
超文本是自然语言文本与计算机交互、转移和动态显示等能力的结合，它允许用户任意构造链接，通过Hyperlink来实现。
☐超文本语言（HyperText Markup Language）
即常说的HTML，是制作网页、包含超级链接的超文本文件的标准语言，它由文本和标记组成。
超文本文件的扩展名一般为.html或.htm。
☐网站的组成
网站通常由静态网页和动态网页组成。
（1）静态网页
HTML格式的网页通常被称为“静态网页”。
常见的静态网页
以.htm、.html、.shtml等为后缀，每个网页都是一个独立的文件。
早期的网
站一般都由“静态网页”构成的。
在静态网页中，也会出现各种动态的效果，如gif图片的动画、Flash、滚动字幕等，这些“动态效果”只是视觉上的，初学者看到这种网页上的“动态效果”则认为这就是动态网页，这是错误的认识，它与动态网页并无直接联系。
（2）动态网页
采用动态网站技术生成的网页，就称为动态网页，即结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态
网页。
常见的后缀是.aspx、.jsp、.php、.cgi等形式。
另外网站的组成还包括了网站链接中的各种资源，包括图形图像、文字、动画、音视频、数据库等等。
9.2 创建网站
9.3 HTML概述
9.4 Dreamweaver的基本应用
说明：9.2、9.3和9.4为自学内容，其中9.4应重点学习，要求会使用Dreamweaver建立简单的网站。
使用Dreamweaver建立网站
☐首页必须是index.html或default.html
☐三大原则
建立站点
文件名和对象名只能包含英文、拼音和数字
保存后看效果
☐超链接必须使用相对路径
☐上传网站
./myweb/pages/life.html
./pages/me.html。