如何设计个人主页
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
的。其它代码是从代码窗口中，将所需要的代码加在<head></head>或<body></bpdy>标 记之间.
(3) 输入内容 1） 插入图片：从"插入"菜单中选择"图象"，选择所需要的图片，注意：最好在准备阶 段就把图片复制到自己的相应文件夹中。 插入图象之前，可以利用图片处理软件预先处理好，也可以插入后再修改，系统会自动 更新图片。 2） 输入文字并编排格式：通过工具栏可以象 Word 一样设计所需要的文字效果。 3） 插入表格：表格之中不但可以输入各种文字，也可以插入图片。注意设置表格的各 种属性，如：表格及单元格的尺寸、颜色（背景、前景）、边框、对齐方式等。 4） 建立链接：链接时注意选好"目标"，以便链接的内容能够在所希望的那个位置显示 出来。
5. 全面测试
主要测试页面的浏览效果和链接是否通畅，发现问题及时更正。目前主流的浏 览器是 IE4 或 IE5，屏幕区域一般设为 800x600。
6. 网上发布
（1） 先从某个站点申请到主页空间，申请空间时会得到：主机 IP 地址、用户名和密码。 （2） 利用上传工具将所有文件上载到网上：
可以专门的工具，如 CuteFTP； 也可以通过 Dreamweaver 或 FrontPage 自带的上传功能； 还可以直接利用网站提供的上传工具。 上传时必须填写主机 IP 地址、用户名和密码。
通过代码窗口，粘贴到自己页面相应的百度文库置，注意是加在<head>部分还是<body>部分， 如果位置粘错了，一般是达不到预期效果的。 图片特效大多是用 JavaScript 写的 Java Applet（Java 小程序），如：飘雪、水面倒影、 光照效果、扭曲、波纹等。
文字特效大多也是用 JavaScript 写的，如滑动文字、旋转文字。
JSP 文件的扩展名是：*.JSP
（4）PHP（Hypertext Pre_Processor，超级文本预处理语言） 是一种在服务器端执行的、内嵌在 HTML 页面内的脚本语言，语言风格类似 C 语言，静态 的 HTML 标记和 PHP 程序一起组成了动态 Web 页面。PHP 文件可以在多种操作系统下运行 （Windows 或 UNIX 都支持），执行效率高，支持多种数据库，功能强大。 在 HTML 页面中插入 PHP 标记最常用的方法有两种：
(4) 调整布局 可以通过插入表格(将边框宽度设置为 0，就看不到表格的外形了)、层来将各
部分内容放在所需要的合适位置。想多输入空格是按 Ctrl+Shift+空格键（在代码中看 到的是： ，浏览时才看到效果），也可以通过?lt;blockquote></blockquote>来缩 进。
(5) 页面特效的设计 参考有关书籍，根据需要添加代码。不会写时可以直接从网上复制各种代码，
（3）将主页网址告诉亲朋好友，以便大家访问。
7. 日常维护
网页需要经常更新才有生命力，所以要进行日常维护，同时做好宣传，不断扩 大其影响，吸引更多的人来访问。
3. 详细设计
(1) 建立框架 给各部分起好名字，保存时要注意各框架页的文件名（容易出错！！，可以先
试试，关系正确后再开始正式设计，输入各种内容）。
(2) 设置各页面基本属性 可以设置页面背景颜色、背景图片、各类文字颜色、背景音乐等。还可以通过
添加代码来定义页面其它属性，设定样式单等。 在 Dreamweaver 中是从"修改"菜单中选择"页面属性…"命令来设计页面属性
<? php …… ?>
或：<script language="php"> …… </ script >
PHP4.0 文件的扩展名是：*.PHP，也是在服务器端执行的。
（5） Web 数据库 一般都是通过 SQL 命令对后台数据库进行各种操作的。常用的后台数据库一般有： 1）Microsoft SQL-Server ：需要 Windows 操作系统支持，适合不太大的系统； 2）Oracle：可以跨平台运行，适合大型系统，使用比较复杂； 3）Microsoft Access：需要 Windows 操作系统支持，小型的多采用, 使用比较简单。
态页面，功能强大。它可以直接应用于 HTML 文档，在客户端执行以获得交互式效果或其 它动态效果，而且可以运行于服务器端，代替传统的公共网关接口 CGI（Common Gateway Interface ）程序。 基本特点：
① 是一种脚本语言：在程序运行过程中被逐行解释执行，属于解释性 语言； ② 基于对象：许多功能来自于脚步环境中对象的方法与脚本的相互作 用； ③ 安全性：不允许访问本地的硬盘，也不允许对网络文档进行修改和 删除，只能通过浏览器实现信息浏览和动态交互。 ④ 跨平台性：它的执行依赖于浏览器本身，与操作系统无关，只要浏 览器支持 JavaScript，脚本就可以正确执行。 在 HTML 文档中插入 JavaScript 的标记是： <SCRIPT Language = " JavaScript " TYPE = " text/ javascript "> …… </SCRIPT>
（1） 建立站点名称和主文件夹、子文件夹。 （2） 总体布局：应用框架和导航条来组织各部分内容。 （3） 页面布局：用表格和层来定位图片、文字、链接。 （4） 逻辑结构：明确各页面之间的上、下级关系，建立不同的文件夹来存放各类文件。 （5）链接关系：根据各页面之间的逻辑关系来建立链接，可以通过文字或图片来实现。
页面需要显示的其它特殊内容，也基本都是用 JavaScript 编写的程序段，如：插入系统 日期、提示问候，对输入内容的检查、提示等。
(6) 高级应用 可以用 ASP、JSP、PHP 来操作 Web 数据库。
4. 高级设计简介
（1） Web 上常用的编程语言
1） JavaScript 脚本语言 是目前最流行的 Web 脚本语言（其基本语法与 C 语言十分类似），用于开发动
（2）ASP（Active Server Pages，动态服务器页）
它提供了一种服务器端脚本编写环境和服务器端执行指令的环境，是用附加特 性扩展了的标准 HTML 文件。ASP 页面可以使用脚本语言（如 JScript、 VBScript、 Perl） 编写，程序代码隐藏。使用它可以创建和运行动态、交互的 Web 服务器应用程序。ASP 需要 Microsoft 的 IIS（Internet 信息服务器）的支持才可以运行，可以是：Windows NT+IIS4.0、Windows 2000+IIS5.0、Windows 98+PWS。ASP 页面可以通过内置组件 ADO （ActiveX Data Objects），ADO 再通过 ODBC 实现客户端在线存取数据库，并将结果返 回给用户的浏览器。
1）网页设计"三剑客"：
Dreamweaver 4.0--设计站点和页面 Fireworks 4.0 --处理静态图片或简单的动态图片（gif 动画） Flash 5.0--动画
2） FrontPage 2000：设计站点和页面 "我行我速"： 处理静态图片，可以做出简单的效果、加文字
2. 总体设计
如何设计个人主页
1. 设计准备
（1） 确定主题 可以是关于学习、文学、各种艺术、体育、旅游、娱乐等健康、文明的主题即
可。
（2） 准备素材
1） 文字：下载或自己输入，一般应该有自我介绍和联系方式的内容。 2） 图片：包括静态和动态的图片，可以从别处拷贝，再自己处理一 下。 3） 链接资源的网址
（3） 选择设计工具
2） VBScript 脚本语言 是由微软开发的一种通用的 Web 脚本语言（其基本语法与 Basic 语言类似），
但它只能被 IE 浏览器所支持。 在 HTML 文档中插入 VBScript 的标记是：
<SCRIPT Language = " VBScript " > …… </SCRIPT>
或： <% …… %>
ASP 文件的扩展名是：*.ASP，在服务器端执行，客户端一般无法下载到源文件。
（3）JSP（JavaServer Pages， Java 服务器页）
JSP 是由 SUN 公司倡导并在许多公司参与下而共同建立的一种动态网页技术标 准。主要特点：将内容的生成和显示分离，可以保护源代码，可以用于各种基于 HTML 的 Web 浏览器；JSP 页面的内置脚本语言是 Java 语言，所有 JSP 页面都被编译成为 Java Servlet，所以它具有 Java 技术的所有好处，一次编写多处可用，可以跨软、硬件平台。
(3) 输入内容 1） 插入图片：从"插入"菜单中选择"图象"，选择所需要的图片，注意：最好在准备阶 段就把图片复制到自己的相应文件夹中。 插入图象之前，可以利用图片处理软件预先处理好，也可以插入后再修改，系统会自动 更新图片。 2） 输入文字并编排格式：通过工具栏可以象 Word 一样设计所需要的文字效果。 3） 插入表格：表格之中不但可以输入各种文字，也可以插入图片。注意设置表格的各 种属性，如：表格及单元格的尺寸、颜色（背景、前景）、边框、对齐方式等。 4） 建立链接：链接时注意选好"目标"，以便链接的内容能够在所希望的那个位置显示 出来。
5. 全面测试
主要测试页面的浏览效果和链接是否通畅，发现问题及时更正。目前主流的浏 览器是 IE4 或 IE5，屏幕区域一般设为 800x600。
6. 网上发布
（1） 先从某个站点申请到主页空间，申请空间时会得到：主机 IP 地址、用户名和密码。 （2） 利用上传工具将所有文件上载到网上：
可以专门的工具，如 CuteFTP； 也可以通过 Dreamweaver 或 FrontPage 自带的上传功能； 还可以直接利用网站提供的上传工具。 上传时必须填写主机 IP 地址、用户名和密码。
通过代码窗口，粘贴到自己页面相应的百度文库置，注意是加在<head>部分还是<body>部分， 如果位置粘错了，一般是达不到预期效果的。 图片特效大多是用 JavaScript 写的 Java Applet（Java 小程序），如：飘雪、水面倒影、 光照效果、扭曲、波纹等。
文字特效大多也是用 JavaScript 写的，如滑动文字、旋转文字。
JSP 文件的扩展名是：*.JSP
（4）PHP（Hypertext Pre_Processor，超级文本预处理语言） 是一种在服务器端执行的、内嵌在 HTML 页面内的脚本语言，语言风格类似 C 语言，静态 的 HTML 标记和 PHP 程序一起组成了动态 Web 页面。PHP 文件可以在多种操作系统下运行 （Windows 或 UNIX 都支持），执行效率高，支持多种数据库，功能强大。 在 HTML 页面中插入 PHP 标记最常用的方法有两种：
(4) 调整布局 可以通过插入表格(将边框宽度设置为 0，就看不到表格的外形了)、层来将各
部分内容放在所需要的合适位置。想多输入空格是按 Ctrl+Shift+空格键（在代码中看 到的是： ，浏览时才看到效果），也可以通过?lt;blockquote></blockquote>来缩 进。
(5) 页面特效的设计 参考有关书籍，根据需要添加代码。不会写时可以直接从网上复制各种代码，
（3）将主页网址告诉亲朋好友，以便大家访问。
7. 日常维护
网页需要经常更新才有生命力，所以要进行日常维护，同时做好宣传，不断扩 大其影响，吸引更多的人来访问。
3. 详细设计
(1) 建立框架 给各部分起好名字，保存时要注意各框架页的文件名（容易出错！！，可以先
试试，关系正确后再开始正式设计，输入各种内容）。
(2) 设置各页面基本属性 可以设置页面背景颜色、背景图片、各类文字颜色、背景音乐等。还可以通过
添加代码来定义页面其它属性，设定样式单等。 在 Dreamweaver 中是从"修改"菜单中选择"页面属性…"命令来设计页面属性
<? php …… ?>
或：<script language="php"> …… </ script >
PHP4.0 文件的扩展名是：*.PHP，也是在服务器端执行的。
（5） Web 数据库 一般都是通过 SQL 命令对后台数据库进行各种操作的。常用的后台数据库一般有： 1）Microsoft SQL-Server ：需要 Windows 操作系统支持，适合不太大的系统； 2）Oracle：可以跨平台运行，适合大型系统，使用比较复杂； 3）Microsoft Access：需要 Windows 操作系统支持，小型的多采用, 使用比较简单。
态页面，功能强大。它可以直接应用于 HTML 文档，在客户端执行以获得交互式效果或其 它动态效果，而且可以运行于服务器端，代替传统的公共网关接口 CGI（Common Gateway Interface ）程序。 基本特点：
① 是一种脚本语言：在程序运行过程中被逐行解释执行，属于解释性 语言； ② 基于对象：许多功能来自于脚步环境中对象的方法与脚本的相互作 用； ③ 安全性：不允许访问本地的硬盘，也不允许对网络文档进行修改和 删除，只能通过浏览器实现信息浏览和动态交互。 ④ 跨平台性：它的执行依赖于浏览器本身，与操作系统无关，只要浏 览器支持 JavaScript，脚本就可以正确执行。 在 HTML 文档中插入 JavaScript 的标记是： <SCRIPT Language = " JavaScript " TYPE = " text/ javascript "> …… </SCRIPT>
（1） 建立站点名称和主文件夹、子文件夹。 （2） 总体布局：应用框架和导航条来组织各部分内容。 （3） 页面布局：用表格和层来定位图片、文字、链接。 （4） 逻辑结构：明确各页面之间的上、下级关系，建立不同的文件夹来存放各类文件。 （5）链接关系：根据各页面之间的逻辑关系来建立链接，可以通过文字或图片来实现。
页面需要显示的其它特殊内容，也基本都是用 JavaScript 编写的程序段，如：插入系统 日期、提示问候，对输入内容的检查、提示等。
(6) 高级应用 可以用 ASP、JSP、PHP 来操作 Web 数据库。
4. 高级设计简介
（1） Web 上常用的编程语言
1） JavaScript 脚本语言 是目前最流行的 Web 脚本语言（其基本语法与 C 语言十分类似），用于开发动
（2）ASP（Active Server Pages，动态服务器页）
它提供了一种服务器端脚本编写环境和服务器端执行指令的环境，是用附加特 性扩展了的标准 HTML 文件。ASP 页面可以使用脚本语言（如 JScript、 VBScript、 Perl） 编写，程序代码隐藏。使用它可以创建和运行动态、交互的 Web 服务器应用程序。ASP 需要 Microsoft 的 IIS（Internet 信息服务器）的支持才可以运行，可以是：Windows NT+IIS4.0、Windows 2000+IIS5.0、Windows 98+PWS。ASP 页面可以通过内置组件 ADO （ActiveX Data Objects），ADO 再通过 ODBC 实现客户端在线存取数据库，并将结果返 回给用户的浏览器。
1）网页设计"三剑客"：
Dreamweaver 4.0--设计站点和页面 Fireworks 4.0 --处理静态图片或简单的动态图片（gif 动画） Flash 5.0--动画
2） FrontPage 2000：设计站点和页面 "我行我速"： 处理静态图片，可以做出简单的效果、加文字
2. 总体设计
如何设计个人主页
1. 设计准备
（1） 确定主题 可以是关于学习、文学、各种艺术、体育、旅游、娱乐等健康、文明的主题即
可。
（2） 准备素材
1） 文字：下载或自己输入，一般应该有自我介绍和联系方式的内容。 2） 图片：包括静态和动态的图片，可以从别处拷贝，再自己处理一 下。 3） 链接资源的网址
（3） 选择设计工具
2） VBScript 脚本语言 是由微软开发的一种通用的 Web 脚本语言（其基本语法与 Basic 语言类似），
但它只能被 IE 浏览器所支持。 在 HTML 文档中插入 VBScript 的标记是：
<SCRIPT Language = " VBScript " > …… </SCRIPT>
或： <% …… %>
ASP 文件的扩展名是：*.ASP，在服务器端执行，客户端一般无法下载到源文件。
（3）JSP（JavaServer Pages， Java 服务器页）
JSP 是由 SUN 公司倡导并在许多公司参与下而共同建立的一种动态网页技术标 准。主要特点：将内容的生成和显示分离，可以保护源代码，可以用于各种基于 HTML 的 Web 浏览器；JSP 页面的内置脚本语言是 Java 语言，所有 JSP 页面都被编译成为 Java Servlet，所以它具有 Java 技术的所有好处，一次编写多处可用，可以跨软、硬件平台。