第1章网页设计基础知识
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第1部分 HTML网页设计
第1章 网页设计基础知识
1.1
网页的基础概念
1.2
网页与HTML
1.3
Web标准
1.4
网页设计与开发过程
1.5
HTML基础
1.6
简单的HTML案例
1.8
用Dreamweaver快速建立基本文档
1.1 网页的基础概念
图1.1 使用浏览器软件显示网页
服务器
请求 响应
互联网
5．其他面板
1.8.2 创建新的空白文档
图1.25 创建新文档
写在最后
经常不断地学习,你就什么都知道。你知道得越多,你就越有力量 Study Constantly, And You Will Know Everything. The More
You Know, The More Poபைடு நூலகம்erful You Will Be
浏览器
浏览器
浏览器
图1.2 服务器与浏览器的关系示意图
1.2 网页与HTML
图1.3 网页的HTML源文件
1.3 Web标准
1.3.1 标准的重要性 1.3.2 “Web标准”概述
图1.4 “结构”、“表现”和“行为”的关系
作品
<ul>
名称 宣传语 简介
链接
联络方式
<h1> <h2> <p>
标记通常都是成对使用的，有一个开头 标记就对应有一个结束标记。结束标记只是 在开头标记的前面加一个斜杠“/”。
当浏览器从服务器接收到HTML文件后， 就会解释里面的标记符，然后把标记符相对 应的功能表达出来。
1.5.1 创建第一个HTML文件
1.5.2 HTML文件结构
1．<html>标记 2．<head>标记 3．<title>标记 4．<body>标记
1.5 HTML基础
HTML（Hypertext Markup Language，超 文本标记语言）不是一种编程语言，而是一 种描述性的标记语言，用于描述超文本中内 容的显示方式。
例如，如何在网页中定义一个标题、 一段文本或者一个表格等，这些都是利用 一个个HTML标记完成的。
其最基本的语法就是：<标记>内容</ 标记>。
1.6 简单的HTML案例
1.8 利用Dreamweaver快速建立基本文档
1.8.1 Dreamweaver简介
图1.21 Dreamweaver 8的操作界面
1．“文档”窗口 2．“插入”面板
图1.22 “插入”面板
3．“属性”面板
图1.23 “属性”面板
4．“文档”工具栏
图1.24 “文档”工具栏
策划与定义 设 计
开发
测试 发布
客户 设计师
设计师
设计师 程序开发员
客户设计 师程序 开发员
设计师程 序开发员
图1.7 网站开发的工作流程
1.4.2 1.4.3 1.4.4 1.4.5
明确网站定位 收集信息和素材 策划栏目内容 设计页面方案
1.4.6 制作页面 1.4.7 实现后台功能 1.4.8 整合与测试网站
<ul>
<p> <p>
图1.5 仅使用HTML定义“结构”的页面效果
图1.6 使用CSS设定样式之后的效果
1.4 网页设计与开发过程
简单来说，网站开发的全过程大致可为 策划与定义、设计、开发、测试和发布5个阶 段。
本节将对开发的流程进行介绍。
1.4.1 基本任务与角色
表1.1
网站建设与网页设计流程中的人员角色
Thank You
在别人的演说中思考，在自己的故事里成长
Thinking In Other People‘S Speeches，Growing Up In Your Own Story
讲师：XXXXXX XX年XX月XX日
第1章 网页设计基础知识
1.1
网页的基础概念
1.2
网页与HTML
1.3
Web标准
1.4
网页设计与开发过程
1.5
HTML基础
1.6
简单的HTML案例
1.8
用Dreamweaver快速建立基本文档
1.1 网页的基础概念
图1.1 使用浏览器软件显示网页
服务器
请求 响应
互联网
5．其他面板
1.8.2 创建新的空白文档
图1.25 创建新文档
写在最后
经常不断地学习,你就什么都知道。你知道得越多,你就越有力量 Study Constantly, And You Will Know Everything. The More
You Know, The More Poபைடு நூலகம்erful You Will Be
浏览器
浏览器
浏览器
图1.2 服务器与浏览器的关系示意图
1.2 网页与HTML
图1.3 网页的HTML源文件
1.3 Web标准
1.3.1 标准的重要性 1.3.2 “Web标准”概述
图1.4 “结构”、“表现”和“行为”的关系
作品
<ul>
名称 宣传语 简介
链接
联络方式
<h1> <h2> <p>
标记通常都是成对使用的，有一个开头 标记就对应有一个结束标记。结束标记只是 在开头标记的前面加一个斜杠“/”。
当浏览器从服务器接收到HTML文件后， 就会解释里面的标记符，然后把标记符相对 应的功能表达出来。
1.5.1 创建第一个HTML文件
1.5.2 HTML文件结构
1．<html>标记 2．<head>标记 3．<title>标记 4．<body>标记
1.5 HTML基础
HTML（Hypertext Markup Language，超 文本标记语言）不是一种编程语言，而是一 种描述性的标记语言，用于描述超文本中内 容的显示方式。
例如，如何在网页中定义一个标题、 一段文本或者一个表格等，这些都是利用 一个个HTML标记完成的。
其最基本的语法就是：<标记>内容</ 标记>。
1.6 简单的HTML案例
1.8 利用Dreamweaver快速建立基本文档
1.8.1 Dreamweaver简介
图1.21 Dreamweaver 8的操作界面
1．“文档”窗口 2．“插入”面板
图1.22 “插入”面板
3．“属性”面板
图1.23 “属性”面板
4．“文档”工具栏
图1.24 “文档”工具栏
策划与定义 设 计
开发
测试 发布
客户 设计师
设计师
设计师 程序开发员
客户设计 师程序 开发员
设计师程 序开发员
图1.7 网站开发的工作流程
1.4.2 1.4.3 1.4.4 1.4.5
明确网站定位 收集信息和素材 策划栏目内容 设计页面方案
1.4.6 制作页面 1.4.7 实现后台功能 1.4.8 整合与测试网站
<ul>
<p> <p>
图1.5 仅使用HTML定义“结构”的页面效果
图1.6 使用CSS设定样式之后的效果
1.4 网页设计与开发过程
简单来说，网站开发的全过程大致可为 策划与定义、设计、开发、测试和发布5个阶 段。
本节将对开发的流程进行介绍。
1.4.1 基本任务与角色
表1.1
网站建设与网页设计流程中的人员角色
Thank You
在别人的演说中思考，在自己的故事里成长
Thinking In Other People‘S Speeches，Growing Up In Your Own Story
讲师：XXXXXX XX年XX月XX日