网页制作综合技术教程：第1章网页设计基础知识

上传人：P*** IP属地：湖南上传时间：2024-05-12 格式：PPT 页数：27 大小：2.47MB 积分：13 举报 版权申诉

已阅读5页，还剩22页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

第1章网页设计基础知识

网页的基础概念1.1网页与HTML1.2Web标准1.3网页设计与开发过程1.4

HTML基础1.5简单的HTML案例1.6

用Dreamweaver快速建立基本文档1.81.1网页的基础概念

图1.1使用浏览器软件显示网页

图1.2服务器与浏览器的关系示意图1.2网页与HTML

图1.3网页的HTML源文件1.3Web标准

1.3.1标准的重要性1.3.2“Web标准”概述

图1.4“结构”、“表现”和“行为”的关系

图1.5仅使用HTML定义“结构”的页面效果

图1.6使用CSS设定样式之后的效果1.4网页设计与开发过程

简单来说，网站开发的全过程大致可为策划与定义、设计、开发、测试和发布5个阶段。本节将对开发的流程进行介绍。1.4.1基本任务与角色策划与定义设计开发测试发布客户设计师设计师设计师程序开发员

客户设计师程序开发员设计师程序开发员表1.1 网站建设与网页设计流程中的人员角色

图1.7网站开发的工作流程

1.4.2明确网站定位1.4.3收集信息和素材1.4.4策划栏目内容1.4.5设计页面方案

1.4.6制作页面1.4.7实现后台功能1.4.8整合与测试网站1.5HTML基础

HTML（HypertextMarkupLanguage，超文本标记语言）不是一种编程语言，而是一种描述性的标记语言，用于描述超文本中内容的显示方式。

例如，如何在网页中定义一个标题、一段文本或者一个表格等，这些都是利用一个个HTML标记完成的。其最基本的语法就是：<标记>内容</标记>。

标记通常都是成对使用的，有一个开头标记就对应有一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。

当浏览器从服务器接收到HTML文件后，就会解释里面的标记符，然后把标记符相对应的功能表达出来。1.5.2HTML文件结构1．<html>标记2．<head>标记3．<title>标记4．<body>标记1.8利用Dreamweaver快速建立基本文档

1.8.1Dreamweaver简介

图1.21Dreamweaver8的操作界面

1．“文档”窗口2．“插入”面板

图1.22“插入”面板3．“属性”面板图1.23“

人人文库> 全部分类> 教育资料 > 课件下载

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

网页制作综合技术教程：第1章 网页设计基础知识