DW第一讲 基础知识
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
例如：http://www.qvsp.com/host/vhost.asp
[注意]个人主页空间：主要针对个人用户。费用低廉（甚至有免费），但服务器性能比较差。 可以去以下网站申请： http://51.net/
http://www.zhaoweb.com/free/freespace.htm http://www.ik8.com
“动态”网页
请求网页 送出SQL指令
客户端
回应网页
服务器
传回运行结果
数据库
浏览器
网页文件要使用“浏览器”浏览。 常见浏览器有：
Internet Explorer (IE) Netscape Navigator (网景） Tencent Traveler( 腾讯）
网页三剑客简介
Dreamweaver MX
Dreamweaver课件
第一讲
基础知识
主要内容
经典网站欣赏 制作网站基本步骤 理解网页三剑客课程的几个问题 学习的目的及要求 HTML语言简介
制作网站基本步骤
确定主题、类别 申请域名
域名： 由ICANN国际域名管理机构管理。类似于互联网上的门牌号码，与该计算机的互联网协 议（IP）地址相对应。但相对于IP地址而言，更便于使用者理解和记忆。 （DNS域名地 址服务器--把域名翻译成IP地址。） 常见分类： 顶级域名、二级域名、三级域名。.com、.net、.org、.cn(常见顶级域名） [注意]更深入了解域名：http://www.cnnic.net.cn/
Ｍacromedia公司推出的网站开发工具．主要功能：站点管理，网页排版 与编辑等．
Fireworks MX
Ｍacromedia公司推出的网站开发工具．主要功能：网页图形图象的制作 及修改．热点及切片的应用．
Flash MX
Ｍacromedia公司推出的矢量动画设计软件．
以上是网页三剑客所学的三门软件．因为都与网页制 作有关，且功能强大，彼此结合性极好,故称之为：网 页三剑客．
<font face=“ “ size=“ “ color=“ “„>...</font>
face:字体，引号中输入字体名。如：face=“黑体”。默认是宋体。 size:字号。可以是-7--------+7之间整数。默认是3。 color:颜色。可使用“red”之类的颜色名称或16进制编码指定。默认黑色。
学习的目的及要求
目的：掌握网页设计的相关知识，熟练使用 网页设计相关软件，能够独立完成不 基于数据库的小型公司网站和个人网 站的制作及发布。 要求：
1. 2. 3. 4. 5.
认真听讲，独立、按时完成作业。 注意优秀网站的收集。 多练习，多思考。 合理使用搜索引擎。 注意一些小软件的使用（网页特效精 灵，swish等）。
HTML简介
全称：Hypertext
Markup Language 超文本 标记 语言 作用：编写网页的语言。
HTML简介
HTML基本结构（每个网页都是在基本结构的
基础上添加内容的）
<html>---------网页文件开始标签 <head>--------头部元素开始标签 <title>----------网页标题开始标签 „ 头部元素 </title>---------网页标题结束标签 „ </head>-------头部元素结束标签 <body>---------网页内容开始标签 网页具体内容 ... </body>--------网页内容结束标签 </html>---------网页文件结束标签
[注意]目前域名服务通常与服务器租用捆绑销售。如： http://www.net.cn/static/hosting/jz_sheet.asp
制作网站基本步骤
网站设计 1：搜集素材，定位CI形象 2：确定栏目、版块、层次结构。 3：色彩搭配。 网站制作 1: 站点的建立 2：首页的制作（版面布局）--------表格 3：字体设置-----------------------------css 4: 图片、动画、特效等。-----------FW、FLASH、Javascript等。 5：整体风格------------------------------模板 6: 站点和链接的检测 上传------------------------------------------------CuteFtp 维护-----------------------------------------------（内容更新，费用续交，安全技术等）
HTML简介
标签书写方式（不同标签书写方式不同）
1. <标签>对象</标签> 如：title、head等。 2. <标签> 如：br 3. <标签 属性1=“参数1” 属性2=“参数2” ...>对象</标签> 如：font
注意：可以嵌套，但要注意顺序。
HTML简介
几个常用标签介绍 文字：
理解网页三剑客课程的几个问题
网页文件的扩展名是什么? 使用什么软件浏览网页? 网页三剑客是哪三个软件?各有什么
用途?
网页文件的扩展名
源自文库
.htm , .html .asp , .php , .jsp „(“动态网页”需要服务器的支持、实现与数据库的交流）
“静态”网页
客户端 请求网页 回应网页 服务器
申请空间(主机)
主机托管----客户自备硬件,由服务商负责软件安装、配置，可以节省高昂的专线及网络设 备费用，客户拥有对服务器完全的控制权限。 虚拟主机(服务器租用 )----采用特殊的软硬件技术，把一台真正的主机分为若干台主机对 外提供服务，每一台虚拟主机都可以具有独立的域名和地址。虚拟主机之间完全独立，并 可由用户自行管理，可以大大地缓解互联网上IP及服务器等资源的不足，同时降低用户的 硬件费用、网络维护费用和通讯服务费用。
换行：<br> 加粗：<b>...</b> 倾斜：<i>...</i>
第一讲总结
内容：了解网页设计基础知识。 重点：HTML的结构。 作业：使用记事本文件，编写一个简单网页。
[注意]个人主页空间：主要针对个人用户。费用低廉（甚至有免费），但服务器性能比较差。 可以去以下网站申请： http://51.net/
http://www.zhaoweb.com/free/freespace.htm http://www.ik8.com
“动态”网页
请求网页 送出SQL指令
客户端
回应网页
服务器
传回运行结果
数据库
浏览器
网页文件要使用“浏览器”浏览。 常见浏览器有：
Internet Explorer (IE) Netscape Navigator (网景） Tencent Traveler( 腾讯）
网页三剑客简介
Dreamweaver MX
Dreamweaver课件
第一讲
基础知识
主要内容
经典网站欣赏 制作网站基本步骤 理解网页三剑客课程的几个问题 学习的目的及要求 HTML语言简介
制作网站基本步骤
确定主题、类别 申请域名
域名： 由ICANN国际域名管理机构管理。类似于互联网上的门牌号码，与该计算机的互联网协 议（IP）地址相对应。但相对于IP地址而言，更便于使用者理解和记忆。 （DNS域名地 址服务器--把域名翻译成IP地址。） 常见分类： 顶级域名、二级域名、三级域名。.com、.net、.org、.cn(常见顶级域名） [注意]更深入了解域名：http://www.cnnic.net.cn/
Ｍacromedia公司推出的网站开发工具．主要功能：站点管理，网页排版 与编辑等．
Fireworks MX
Ｍacromedia公司推出的网站开发工具．主要功能：网页图形图象的制作 及修改．热点及切片的应用．
Flash MX
Ｍacromedia公司推出的矢量动画设计软件．
以上是网页三剑客所学的三门软件．因为都与网页制 作有关，且功能强大，彼此结合性极好,故称之为：网 页三剑客．
<font face=“ “ size=“ “ color=“ “„>...</font>
face:字体，引号中输入字体名。如：face=“黑体”。默认是宋体。 size:字号。可以是-7--------+7之间整数。默认是3。 color:颜色。可使用“red”之类的颜色名称或16进制编码指定。默认黑色。
学习的目的及要求
目的：掌握网页设计的相关知识，熟练使用 网页设计相关软件，能够独立完成不 基于数据库的小型公司网站和个人网 站的制作及发布。 要求：
1. 2. 3. 4. 5.
认真听讲，独立、按时完成作业。 注意优秀网站的收集。 多练习，多思考。 合理使用搜索引擎。 注意一些小软件的使用（网页特效精 灵，swish等）。
HTML简介
全称：Hypertext
Markup Language 超文本 标记 语言 作用：编写网页的语言。
HTML简介
HTML基本结构（每个网页都是在基本结构的
基础上添加内容的）
<html>---------网页文件开始标签 <head>--------头部元素开始标签 <title>----------网页标题开始标签 „ 头部元素 </title>---------网页标题结束标签 „ </head>-------头部元素结束标签 <body>---------网页内容开始标签 网页具体内容 ... </body>--------网页内容结束标签 </html>---------网页文件结束标签
[注意]目前域名服务通常与服务器租用捆绑销售。如： http://www.net.cn/static/hosting/jz_sheet.asp
制作网站基本步骤
网站设计 1：搜集素材，定位CI形象 2：确定栏目、版块、层次结构。 3：色彩搭配。 网站制作 1: 站点的建立 2：首页的制作（版面布局）--------表格 3：字体设置-----------------------------css 4: 图片、动画、特效等。-----------FW、FLASH、Javascript等。 5：整体风格------------------------------模板 6: 站点和链接的检测 上传------------------------------------------------CuteFtp 维护-----------------------------------------------（内容更新，费用续交，安全技术等）
HTML简介
标签书写方式（不同标签书写方式不同）
1. <标签>对象</标签> 如：title、head等。 2. <标签> 如：br 3. <标签 属性1=“参数1” 属性2=“参数2” ...>对象</标签> 如：font
注意：可以嵌套，但要注意顺序。
HTML简介
几个常用标签介绍 文字：
理解网页三剑客课程的几个问题
网页文件的扩展名是什么? 使用什么软件浏览网页? 网页三剑客是哪三个软件?各有什么
用途?
网页文件的扩展名
源自文库
.htm , .html .asp , .php , .jsp „(“动态网页”需要服务器的支持、实现与数据库的交流）
“静态”网页
客户端 请求网页 回应网页 服务器
申请空间(主机)
主机托管----客户自备硬件,由服务商负责软件安装、配置，可以节省高昂的专线及网络设 备费用，客户拥有对服务器完全的控制权限。 虚拟主机(服务器租用 )----采用特殊的软硬件技术，把一台真正的主机分为若干台主机对 外提供服务，每一台虚拟主机都可以具有独立的域名和地址。虚拟主机之间完全独立，并 可由用户自行管理，可以大大地缓解互联网上IP及服务器等资源的不足，同时降低用户的 硬件费用、网络维护费用和通讯服务费用。
换行：<br> 加粗：<b>...</b> 倾斜：<i>...</i>
第一讲总结
内容：了解网页设计基础知识。 重点：HTML的结构。 作业：使用记事本文件，编写一个简单网页。