网页ppt模板

PPT内容

这是网站ppt模板，包括了网页设计与制作基础，Dreamweaver基础，网页中的文本，网页元素定位，网页中的多媒体对象，模板与库，动态网站特效，动态网站等内容。

第1篇 网页设计与编辑

第1章 网页设计与制作基础

第2章 Dreamweaver基础

第3章 网页中的文本

第4章 网页元素定位

第5章 网页中的多媒体对象

第6章 模板与库

第7章 动态网页特效

第8章 动态网站

上机时间

周日下午3-4节，计算机网络中心

考核方法：做一个自己感兴趣的网站。

要求图文并茂。

上机作业

作业命名方式：

提交压缩包

学号+姓名+班级+实验N

学号+姓名+班级+网站

1.实验、教案等材料下载

ftp://202.205.94.12

“陈英义”文件夹

“网页设计”文件夹

无须用户名

2.上传实验作业：

ftp://10.2.210.170:22

登录名：cyy

密码：cyy

第1篇 第1章 网页设计与制作基础

1.1 网络基础

1.1.1 网络与网页

1.1.2 HTML语言与XHTML语言

1.2 网站建设流程

1.2.1 分析阶段

1.2.2 设计阶段

1.2.3 制作阶段

1.2.4 测试阶段

1.2.5 发布与维护阶段

思考题

1.1 网络基础 1.1.1 网络与网页

Internet服务：www服务（网页浏览服务）、电子邮件服务、网上传呼（ICQ传呼）、文件传输、在线聊天、网上购物、网络炒股、联网游戏、虚拟空间等

1.1.1 网络与网站

浏览器：是获得www服务的基础，它的基本功能就是显示网站。

Dreamwaver内置ftp功能。建立自己的网页和ftp.

统一资源定位符URL（Uniform Resource Locator）

1-2

1.1.2 HTML语言与XHTML语言

网站是多个网页文件的集合。

主页（Home Page首页）：是整个网站的起始点跟汇总点，是客户开始浏览网页的入口。Index.html

HTML（Hyper Text Markup Language ）即超文本标记语言，是借助标记符来标记应显示网站的各个个别。通过标记符告诉浏览器如何显示网站网页课件模板，浏览器按排序阅读 HTML 文件，然后按照内容周围的 HTML 标记符解释跟显示诸多内容。

XHTML（Extensible Hyper Text Markup Language）为能扩展超文本标记语言 。

HTML是纯文本文件(ASCII码文件)，可用文本编辑器编辑，如记事本、Word。扩展名为htm（或html）。

1.1.2 HTML语言与XHTML语言

【例1-2】在Dreamweaver 8环境下制作例1-1的界面，分析平台生成的XHTML代码 。

1. 2 网站建设步骤 1.2.1 分析阶段

这一阶段的主要任务是搜集、研究用户需求，讨论Web内容，制定计划。

任务

主题

内容

1.2.2 设计阶段

1．站点风格：信息式（新浪）、画廊式（个人网站）。

2．网络技术：

网络上的运行速度。 （网页下载时间不应超过２０s）

浏览器脚本兼容性。会妨碍这种网页效果不能正常显示。

页面对键盘分辨率的适应。网页页面的大小要尽量适应流行屏幕的分辨率。随着显示器分辨率的提升，网页设计标准也会增加。

网页是否应该交互操作。在网站中加入JavaScript脚本，或在服务器端提供CGI、ASP或PHP支持。

安装软件。如果网站中使用了flash动画、Shockwave媒体对象、Real视频等，需要相应的软件，应考量用户获得软件的方式 。

1.2.2 设计阶段

3．规划站点结构及导航模式

规划网站目录结构

目录名及文件名不能过长，也不能用中文。

文件名中可以包括数字或下划线。

主页的文件名应为index.htm或Default.htm（系统默认的主页名称）。主页文件放在站点根目录下，其余文件均须归类至相应的子目录下。

1.2.2 设计阶段

【例1-3】

规划《家畜生产学》教学网站的目录结构。养猪生产、养禽生产、养牛生产、养羊生产4个模块，可以创建目录结构如下图。

1.2.2 设计阶段

设计站点导航

导航设计的原则是：

通过最少的点击数量超过目的地。

整个网络的导航风格需要一致，否则浏览者会误解为未离开本网站。

导航系统要一目了然，又需要尽量少占用页面空间。

1.2.2 设计阶段

【例1-4】《家畜生产学》教学网站的导航平台

1.2.2 设计阶段

设计各级页面的版式：

原则一：

统一：设计作品的整体性，一致性。同一级页面的版式应该同样，不同级页面的版式应有所差别。

连贯：页面相互有关系。

分割：将页面分成若干小块，小块之间有视觉上的不同，可以使用户一目了然。

对比：通过矛盾和冲突，使设计非常充满生气。

和谐：整个页面符合美的法则，浑然一体。

1.2.2 设计阶段

原则二（3C原则）：

Content（内容）：主页简明，内容明确。

Clarify（清晰性）：文字不能太多，字体大小一致，统一设计样式。

Color（色彩）：具有一致性和可读性。一致性指颜色一致，色彩不宜太多；可读性指颜色配色恰当，文字与底图对比鲜明。

1.2.2 设计阶段

1.2.3 制作阶段

网站建设的第三阶段是准确实施设计的细则，将站点中的网站根据设计方案制作起来。本篇以下各章节将学者这方面的知识。

Dreamweaver允许用面向对象的方式“搭建”页面，也允许直接编程制作Web页面。

1.2.4 测试阶段

在所有影响页面显示的各类环境下进行检测，然后对网站进行更改

不同系统平台

不同连接速度

不同访问方式（局域网、调制解调器、ISDN等）

不同浏览器种类或版本

不同显示分辨率。

1.2.5 发布与维护阶段

发布：把网页上传到ISP提供的服务器端

维护、更新跟修改 ：获取最新信息，是他们上网的主要因素

谢谢！

欢迎提问问题？

相关PPT

一份国外的网站方式的PowerPoint模板：一份国外的网站方式的PowerPoint模板这是一个商务PPT模板。商务概念的强调是转型的产物，有一个演变的过程：贸易部——商业部、外贸部——内贸部——内贸局——商务部。是内外贸一体化的概念。

菜单响应式web2.0网站样式ppt模板：菜单响应式web2.0网站样式ppt模板这是一个高大上网页样式，菜单响应式web2.0风格模仿网站ppt模板，菜单响应式web2.0网站风格ppt模板。

网页的美化课件：这是网页的美化课件，包括了插入背景音乐，设置网页的背景和表格的背景，插入Flash动画网页课件模板，插入滚动字幕等内容，欢迎点击下载。

《网页ppt模板》是由用户駦屿于2017-04-08上传，属于课件PPT。