ImageVerifierCode 换一换
格式:PPT , 页数:57 ,大小:3.30MB ,
资源ID:3356633      下载积分:20 金币
快捷下载
登录下载
邮箱/手机:
温馨提示:
快捷下载时,用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)。 如填写123,账号就是123,密码也是123。
特别说明:
请自助下载,系统不会自动发送文件的哦; 如果您已付费,想二次下载,请登录后访问:我的下载记录
支付方式: 支付宝    微信支付   
验证码:   换一换

加入VIP,免费下载
 

温馨提示:由于个人手机设置不同,如果发现不能下载,请复制以下地址【https://www.docduoduo.com/d-3356633.html】到电脑端继续下载(重复下载不扣费)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录   QQ登录   微博登录 

下载须知

1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。
2: 试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
3: 文件的所有权益归上传用户所有。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 本站仅提供交流平台,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

版权提示 | 免责声明

本文(电子商务网页设计与网站建设——第二章网页的基础知识.ppt)为本站会员(dzzj200808)主动上传,道客多多仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知道客多多(发送邮件至docduoduo@163.com或直接QQ联系客服),我们立即给予删除!

电子商务网页设计与网站建设——第二章网页的基础知识.ppt

1、2 网页的基础知识,2.1 网页的脚本语言HTML 2.1.1 HTML语言概况,HTML(Hypertext Markup Language) 超文本标记语言 文本文档编辑器编辑HTML文档 运行在Web浏览器上,2.1 网页的脚本语言HTML 2.1.2 HTML脚本的基本结构,元素:符合DTD的文档 标签:规定元素的属性和在文档中的位置 成对出现:格式 单独出现:格式 标签:文档标识符 标签:文档头部分 标签:文档主体部分,标签中的一些基本属性,bgcolor背景色 text文字的颜色 link待连接超链接对象的颜色 alink连接超链接对象的颜色 vlink已连接超链接对象的颜色 ba

2、ckground背景文件,例1:基本结构,标题主体 ,2.1 网页的脚本语言HTML 2.1.3 常用HTML元素,文本 标签:换行 标签:标题分级 color颜色 align位置 标签:划分段落 标签:换行并在该行下画一条水平直线 size水平线高度 width水平线宽度,标签:预格式化 标签:黑体 标签:斜体 标签:下划线,例2:标签,Hi标签测试文档这是第一级标题 这是第二级标题 这是第三级标题 这是第四级标题 这是第五级标题 这是第六级标题,例3:标签属性,段落位置测试文档段落位于左侧。 段落位于中间。 段落位于右侧。,例4:标签属性,HR标签测试文档水平线位于左侧。水平线位于中间。水

3、平线位于右侧。,图象标签 src属性图象文件所在位置 width属性图象宽度 hight属性图象高度 align属性图象相邻位置文字的位置 vspace属性垂直方向上与相邻对象距离 hspace属性水平方向上与相邻对象距离 border属性设置图象边框,文档中的列表元素 无序列表:标签与标签 排序列表:标签与标签 目录列表:标签与标签 描述性列表:标签、标签和标签 HTML中的表格元素 标签界定表格范围 border属性 width属性和height属性 align属性 cellspaceing属性 cellpadding属性,标签标题标签 align属性 valign属性 标签行标签 ali

4、gn属性 valign属性 表头标签和数据标签 rowspan属性 Colspan属性 align属性 Valign属性 bgcolor属性 background属性 例5:表格(略),文档的超链接 锚标标签 href属性,例6:不同文档之间的跳转,文档链接范例程序有关柯基的说明 ,例6:不同文档之间的跳转,dog.html图象链接范例程序,2.2 网页的编辑工具Dreamweaver 2.2.1 Dreamweaver概述,“网页设计三剑客” Dreamweaver、Flash、Firework DreamweaverMacromedia公司推出的可视化网页制作工具 Dreamweaver的

5、版本 Dreamweaver 4.0 Dreamweaver mx Dreamweaver mx 2004 Dreamweaver 8.0 Dreamweaver CS3,2.2 网页的编辑工具Dreamweaver 2.2.2 Dreamweaver CS3概述,支持ActiveX、JavaScript、Java、Flash、Shockwave 集网页设计与网络编程功能为一身 插件Macromedia Extension Manager使Dreamweaver CS3具有无限的扩展性,2.2 网页的编辑工具Dreamweaver 2.2.2 Dreamweaver CS3工作界面,2.2 网

6、页的编辑工具Dreamweaver 2.2.2 Dreamweaver CS3工作界面,菜单栏 插入栏 浮动面板 “属性”面板 文档窗口,2.2 网页的编辑工具Dreamweaver 2.2.3 创建和管理站点,创建本地站点 执行“站点”“管理站点”命令,点击“新建”,在弹出的菜单中选择“站点” 打开“站点定义”对话框,选择“基本”选项卡,输入站点名字 点击“下一步”选择“否” 点击“下一步”设置文件放置的位置 点击“下一步”选择“无” 点击“下一步”显示站点设置总结 点击“完成”返回到“管理站点”对话框 点击“完成”,管理本地站点 执行“窗口”“文件”命令打开“文件”面板,可以看到站点中的所

7、有文件 点击“文件”面板右侧的“展开/折叠”按钮,即可打开站点管理器窗口 使用站点地图 点击“站点地图”按钮,2.2 网页的编辑工具Dreamweaver 2.2.4 Dreamweaver CS3的基本操作,插入文本 使用列表 在文件中插入文件头部内容 插入其他对象,插入文本,插入普通文本 插入特殊字符 执行“插入记录”中的“HTML”中的“特殊字符”命令,使用列表,插入项目列表 执行“文本”“列表”中的“项目列表”命令 点击“属性”面版中的“项目列表”按钮 插入项目编号 执行“文本”“列表”中的“项目编号”命令 点击“属性”面版中的“项目编号”按钮,在网页中插入文件头部内容,插入Meta信

8、息 Meta信息用来描述网页文件自身的信息 执行“插入记录”“HTML”“文件头标签”中的“Meta”命令 在弹出的对话框中设置参数 点击“确定”后,在代码视图中可以看到插入的Meta信息,设置基础 基础是指在文件头中添加一个脚本链接,该网页文档中所有的链接都以此链接为基准 执行“插入记录”“HTML”“文件头标签”中的“基础”命令 在弹出的对话框中设置参数 Href:输入一个地址作为超链接的基本地址 目标:选择打开方式 点击“确定”,插入关键字 关键字是与网页主题相关的简短而有代表性的词汇,可供搜索引擎使用 执行“插入记录”“HTML”“文件头标签”中的“关键字”命令 在弹出的对话框中设置参数 点击“确定”,插入说明文字 说明中详细说明网页的内容信息 执行“插入记录”“HTML”“文件头标签”中的“说明”命令 在弹出的对话框中设置参数 点击“确定”,设置刷新 刷新可以指定浏览器在一定的时间后自动刷新页面 执行“插入记录”“HTML”“文件头标签”中的“刷新”命令 在弹出的对话框中设置参数 点击“确定”,插入其他对象,插入日期 点击“常用”插入栏中的“日期”按钮 插入水平线 执行“插入记录”“HTML”中的“水平线” 命令,上机作业,完成书上p29-55中的所有HTML示例 创建一个本地站点 使用Dreamweaver CS3的基本操作创建一个简单的页面(如例7),

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报