电子商务 web设计 课件 ppt典型实例.pptVIP

* 第三讲 web设计 主要内容 Web设计的工具 Web网站实现原理 CSS Web设计的工具 网页制作类 文本编辑器 Notepad UltraEdit Word 专门的网页制作软件 FrontPage Netscape HotDog DreamWeaver 动态网页开发工具 Web网站的实现原理 Client/Server的结构 基于HTTP的通讯原语 HTTP 1.1 GET POST 性能优化 持久连接 Cache 表单(Form) 提供Client与Server通讯的渠道，这是可以基于Web进行程序设计的基础 基本语法 form action=url method=*... ... input type=submit input type=reset/form Action:设定Form被提交后的动作 Method:数据传输的方式，GET/POST Name:用来标识一个Form 选择 复选框 input type=checkboxinput type=checkbox checkedinput type=checkbox value=** 单选框 input type=radio value=**input type=radio value=** checked 举例 列表框 Select和Option Name:选择项的名称 Size: Size=值，显示列表框 不设置Size，显示下拉框 Multiple:多选，用Ctrl配置鼠标实现多选 举例 其他 Input type=* value=** *=Submit，提交按钮 *=Reset，重置按钮 *=Image，图象坐标 *=Hidden，隐含发送的数据 用table对Form排版的例子 层叠样式表(CSS) 目的:在有限的标签基础上产生多样的表现形式 定义样式规则，自定义文档的显示方式 控制页面的布局、字体、颜色等各种效果 作用 扩展HTML标签的功能 美化网页 控制页面布局 减少使用图片的情况 同时控制一批网页的显示风格 加入CSS 链接到CSS文档 link rel=“stylesheet” href=“url” type=“text/css” head.../head中加入CSS定义 style type=“text/css”.../style 使用注释!-- ... -- 在标签中直接使用CSS 标签 style=“...” CSS叙述产生重复时采用就近原则 举例 新增的标签 Link标签 LINK REL=stylesheet TYPE=“text/css HREF=url Style标签 作用于文档的CSS Span标签 用于标记由相关联样式表定义其特别样式的文本，如果没有样式表指令，不影响显示 CSS语法 基本语法 标签1,...,标签n { 属性1:属性值;...属性n:属性值 } Class 对同一个选择符可以定义不同的类，能使相同的标签在不同的地方显示不同的样式 注意：单元名和类值是由句点分隔开的。当类值本身包含句点时，这种用法将带来一些问题。CSS语法规则使用反斜线来“逃避”类似句点这样的特殊字符。(“\.”) ID 唯一指定单元标识符，同一文档中，没有两个单元的ID值是相同的。 举例 常用的css属性(一) 字体属性 font-family font-style font-variant font-weight font-size font * * *