当前位置：文档之家 › web基础学习课件..

web基础学习课件..

  • 格式：ppt
  • 大小：457.50 KB
  • 文档页数：44
web基础学习课件..

合集下载

Web概述本章主要内容精品PPT课件

Web概述本章主要内容精品PPT课件


1.2 Web工作原理
静态网页与动态网页： 1. 静态网页仅仅使用HTML语言编写； 2. 动态网页需要使用脚本语言编写，根据网页内容依赖于数据库的内容。
1.3 Web服务
Web服务定义： • W3C（国际标准化组织）定义 • Microsoft定义 • IBM定义 • UDDI规范中定义
定义内容详见PP7-12。
1.3 Web服务
Web服务
UDDI Web服务&WSDL
SOAP、XML HTTP、HTTPS、SMTP、FTP
图1-2 Web服务的多层构成
服务发现层 服务描述层 基于XML的消息层 网络层
1.3 Web服务
UUID等于的四种基本结构： • 商业实体（Business entiy）：描述商业信息，如名称和类
器； 4. 如果URL指向脚本语言文本*（或HTML文档中嵌入有脚本语言文本），
则Web服务器运行脚本语言的程序（一般是解释执行脚本程序），将 其输出结果送浏览器； 5. URL也可以执行其他的脚本语言程序，例如：VRML和Ruby等等。
* 常用的脚本语言有PHP、ASP、和每一个人，既是信息 的接收者，也是信息的传播者，大家通过相互协作 来完成各自的任务和实现各自的目的。
分享精神指接入互联网的每一个人，将各自拥 有的信息分享在互联网上，使得任何人都可以使用。
1.1 Web概念
Web的五要素： •URL •HTTP •HTML •Web浏览器 •Web服务器
第1 章Web概述
Web应用举例（续）： •Social networking service（SNS，社会化网络服务） •Online shopping（在线购物） •Web search engine（搜索引擎） •Internet governance（网络政务） •Browse game（页游，网页游戏） •Webcam（网络摄像） •Electronic business（e-business，电子商务）
《网页设计基础》PPT课件

《网页设计基础》PPT课件


1.4 建立网站的基本流程
图1-2所示的是一个网站的完整制作流程.
确定主题策划与准备来自收集资料与素材规划网站结构
图
-
1
设计网页版式
2
确定网站结构
网
站
制作阶段
制作网页元素
的
制
插入元件与排版
作 流
上传网站
程
后期工作
维护与更新
1.4.1 确定主题
网站的主题也就是网站的题材, 是网站设计首先遇到的问题.
〔2〕利用Fireworks修改图像非常方便.
〔3〕Fireworks无需借助其他工具就可 以完成将一个图像转化为网页元素的全过程.
〔4〕Fireworks具有文件导出功能.
1.3.2 Flash
Flash是Macromedia公司开发 的用于矢量图形编辑和动画创作的 专业软件,它是一种交互式动画设 计工具,用它可以将音乐、声效、 动画以及富有新意的界面融合在一 起,以制作出高品质的网页动态效 果.
网站的定位要小,内容要精.
网站的题材最好选自己擅长或 者喜爱的内容.
网站名称,是网站设计的一部 分,而且是一个关键的要素,和现实 生活中一样,网站名称是否正气、
1.4.2 搜集资料 1.4.3 网站的整体规划
进行网站的整体规划也就是组 织网站的内容并设计其结构. 1.4.4 网页设计与制作
1．静态网页的设计与制 作
Dreamweaver是 Macromedia公司推出的一款大 众化的网页制作软件,它具有可 视化编辑界面,用户不必编写复 杂的HTML源代码就可以生成跨 平台、跨浏览器的网页,不仅适 合于专业网页编辑人员的需要, 同时也容易被业余网页制作人员 所掌握.
1.2.3 FrontPage
网页制作基础课件

网页制作基础课件

例1：建立一个本地站点“站点1”，站点文件夹 为C盘的“计算机应用”。
步骤： （1）打开“站点定义”对话框 （2）定义站点
网页制作基础
12
3. 站点的管理
站点建立后，Dreamweaver可 以对站点及站点中的文件进行管理， 可以对所建立的站点进行移动、复制、 删除、导入、导出等操作。
（1）打开“管理站点”对话框
1. 文本操作
（1）输入文本和空格
（2）文本换行（Enter与Shift+Enter）
网页制作基础
14
（3）网页页面属性设置
设置网页的标题、背景图像、背景颜 色、文本颜色、链接颜色、页边距等，对 外观进行整体上的控制，以保证页面属性 的一致性。
单击此按钮， 打开 “页面属性”对话框
网页制作基础
15
列表菜单选择 列表属性设置
网页制作基础
19
2. CSS样式
CSS（Cascading Style Sheet）称为“层叠 样式表”，简称为“样式表”。CSS是一组格 式设置规则，用于控制Web页面元素的外观布 局。
使用CSS可以灵活并更好地控制许多文本 属性，包括特定字体、大小、粗体、斜体、下 划线等。
设计通常以一张精美的海报画面为布局的主体。
网页制作基础
47
8．FLASH布局 FLASH布局是指网页页面以一个或多个Flash作为页面主体的 布局方式。在这种布局中，大部分甚至整个页面都是Flash。
网页制作基础
48
网页布局的方法
在网页制作中，网页布局的重要性是显而易见的。布局有很多方法， 但最基本的方法有两种：
插 入 链 接 对 话 框
网页制作基础
27
在“目标”下拉列表中可以选择超级链接的打开 方式。
web前端开发ppt课件

web前端开发ppt课件


Web前端开发
NO.2 Web标准？Xhtml？
Xhtml（html）语法规则：
属性不能简写（<input checked="checkeame 属性（<img src="picture.gif" id="picture1" />）
在 "/" 符号前添加一个额外的空格，以使你 的 XHTML 与当今的浏览器相兼容
5
Web前端开发
NO.1 Web前端开发设计？？ 网页设计师、Web前端设计师与网站开发 工程师、交互设计师等区别： 网站开发工程师：掌握ASP、PHP、.NET、 JSP等开发语言，熟悉运用Access、SQL语 言、SQL数据库等；对IIS、Apache等服务 器有一定的理解等
6
Web前端开发
1
2
Web前端开发
NO.1 Web前端开发设计？？
网页设计师、Web前端设计师与交互设计 师、网站开发工程师等的区别： 网页设计师是指精通Photoshop、 CorelDRAW、Flash、Illustrator、 Dreamweaver等多项网页设计工具的网页 设计人员
3

<![endif]--> 结语：积累经验解决兼容问题
22
Web前端开发
NO.4 html标签/元素和属性
HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是成对出现的，比如 <p> 和 </p>