上海成都长沙武汉旅烨网页设计基础课程经典案例分析(三)

1、上海成都长沙武汉旅烨网页设计基础课程经典案例分析主讲人：上海旅烨网络科技有限公司网页设计部经理 蒲大力案例分析时间：2016年5月23日1. 实验体会学会了使用关键字搜索相关内容和了解了WEB2.0的相关技术和服务概念，如AJAX、RSS、Tag、Wiki、Blog、SNS，学会如何从其他网站上下载JS、CSS、IMAGE等相关文件。发现.CSS所在的行都存在字符串“link ”；.JS所在的行也都存在字符串“script ”。2. 实验截图从网上下载自己感兴趣的网站保存截图：下载下来的相关网站及其部分相关JS、CSS文件：实验二1. 实验体会熟悉了简单内联元素的基本概念，掌握了HTML的基本

2、语法。学会如何在HTML中进行简单的文字处理、创建超级链接和插入图片以及锚链接的用法。2. 实验截图及代码简单的文字处理代码：这是一段文本 这是一段文本 ©Microsoft® Windows 2007 A=a1+a2+a3 这是一段文本 这是一段文本 这是一段文本 这是一段文本 HTML中的超级链接代码：简单文字处理HTML中的超级链接锚链接代码：ABCDEFGHIJKLMNOPQRSTUVWXYZ在网页中插入图片：代码：实验三1. 实验体会学会了如何使用HTML简单区块元素在网页中添加HTML列表。掌握了用记事本进行简单网页编辑和HTML文档的编排、简

3、单区块元素及属性的书写。2. 实验截图及代码代码：这是一个段落领袖和跟风者的区别就在于创新成为卓越的代名词，很多人并不能适合需要杰出素质的环境成就一番伟业的唯一途径就是热爱自己的事业。如果你还没能找到让自己热爱的事业，继续寻找，不要放弃。跟随自己的心，总有一天你会找到的中国矿业大学南湖校区管理学院管B302江苏省徐州市中国矿业大学南湖校区h5管理学院管B302 .*.* *.* * .*. . . . HTML列表代码：1.网页设计基础概述2.HTML 4.013.CSS4.JavascriptJ.C.R LickliderLarry RobertsTim Berners-Lee简单文字的编排

4、：中国共产党河南理工大学委员会(通知)校党文200751号iv id=nr关于王洪昌等同志职务任免的通知各党委、党总支，校属各单位：经校党委2007年7月10日会议研究决定：王洪昌同志任后勤集团公司副总经理（副处级），免去其后勤集团公司工会主席职务；张玉培同志任安全科学与工程学院党委书记，免去其电气工程与自动化学院党委书记职务；中共河南理工大学委员会2007年7月11日抄送部门管理学院计算机学院信息与电气工程学院主题词：干部任免 通知中共河南理工大学委员会办公室 2007年7月11日印发CSS源文件：#swidth:70%;margin:auto;h1font-family:宋体;font-s

5、ize:42px;font-weight:bold;color:red;text-align:center;h1 .tzfont-size:20px;font-family:宋体;color:black;.wjxtext-align:center;font-size:30px;color:red;.notext-align:center;font-family:黑体;font-size:20px;hrcolor:red;h2text-align:center;font-size:25px;font-family:黑体;font-weight:bold;#nrfont-size:20px;.zw

6、font-size:40px;.kytext-align:right;#keywordsfont-weight:bold;font-family:黑体;font-size:24px;#dbline-height:30px;text-align:center;border-top:solid 1pt black;border-bottom:solid 1pt black;font-size:20px;#sjmargin-left:50px;实验四1. 实验体会通过使用记事本在网页中添加表单和表单元素，对表单和表单元素的元素名和属性对加深了了解，掌握了它们如何使用。2. 实验截图及代码：代码：单选

7、按钮您所在企业的所有制形式为:(单选)国有集体民营外资合资股份制其他复选按钮您所在企业最需要的信息包括(选择其中最重要的4项信息):产品开发生产技术技术引进市场行情竞争对手政策法规薪酬水平人才信息财务状况投资融资市场预测员工关系客户信息供应商信息产品价格质量管理社交活动合作伙伴信息企业绩效 行业动态其他下拉菜单/列表在实施ERP(或MIS)系统时，您所在企业所处的发展阶段为:创业阶段迅速扩张阶段稳定发展阶段多元化发展阶段业务停滞阶段出现下滑趋势阶段其他您所在企业目前采用的信息系统包括:没有任何系统财务管理系统办公自动化系统(OA)管理信息系统(MIS)计算机辅助设计(CAD)计算机辅助制造(C

8、AM)物料需求计划(MRP)制造资源计划(MRPII)企业资源计划(ERP)决策支持系统(DSS)客户关系管理(CRM)计算机集成制造系统(CIMS)供应链管理(SCM)经理信息系统人力资源信息系统(HR)采购系统营销信息系统库存管理系统业务管理系统经营分析系统option电子商务系统其他实验五1. 实验体会了解了Dreamweaver 8的菜单、工具栏、面板组等界面，学会了如何使用Dreamweaver 8在网页中操作图片、列表、表格、表单和框架，觉得Dreamweaver 8在网页设计中是一个很好的开发工具。2. 实验截图及代码部分代码： 绪论：网页设计基础简介 因特网先锋 里克利德 拉里

9、罗伯茨 蒂姆伯纳斯李 Web发展简史 Web 1.0和Web 2.0 AJAX 异步Javascript和XML IM 即时通讯工具 RSS 丰富站点照耀 Blog 网络日志 liWeb标准与Web标准化 结构 HTML XHTML XML 表现 CSS 行为 DOM ECMAScript 推荐学习资料 参考书 浏览器 网站 第一章：Web基础与概览 第二章：超文本标记语言HTML 第三章：可扩展的超文本标记语言XHTML 第四章：层叠样式表CSS 第五章：Java脚本Javascript实验六1. 实验体会学会了如何使用Dreamweaver 8进行表格布局复杂网页设计，以及掌握了使用表格进

10、行页面布局的方法与技巧2. 实验截图及代码：代码： 歌曲 作词 作曲 编曲 合唱者 时长 01四季列车 方文山 周杰伦 周杰伦   02：40 02手语 周杰伦 周杰伦 林迈可   04：50 03公公偏头痛 方文山 周杰伦 周杰伦   03：03 04明明就 方文山 周杰伦 黄雨勋   04：18 05傻笑 方文山 周杰伦 黄雨勋 袁咏琳 04：50 06比较大的大提琴 方文山 周杰伦 黄雨勋 Lara；Gary 04：12 07爱你没差 黄凌嘉 周杰伦 黄雨勋   04：40 08红尘客栈 方文山 周杰伦 黄雨勋   04：35

11、09梦想启动 林义杰 周杰伦 林迈可   03：25 10大笨钟 周杰伦 周杰伦 黄雨勋   04：04 11哪里都是你 周杰伦 周杰伦 黄雨勋   04：40 12乌克丽丽 周杰伦 周杰伦 林迈可   02:55 实验七1. 实验体会学习掌握使用Dreamweaver 8进行XHTML网页代码检查的方法，通过Dreamweaver 8中的窗口一结果一验证可以验证网页是否符合某种XHTML标准，通过验证结果的提示把不符合XHTML标准的HTML网页修改成符合XHTML标准的网页。2. 实验截图及代码修改后的符合XHTML标准的HTML网页代码：单选按钮您

12、所在企业的所有制形式为:(单选) 国有 集体 民营 外资 合资 股份制 其他 input type=text name=syzxs value= / 复选按钮 您所在企业最需要的信息包括(选择其中最重要的4项信息): 产品开发 生产技术 技术引进 市场行情 竞争对手 政策法规 薪酬水平 人才信息 财务状况 投资融资 市场预测 员工关系 客户信息 供应商信息 产品价格 质量管理 社交活动 合作伙伴信息 企业绩效 行业动态 其他 下拉菜单/列表 在实施ERP(或MIS)系统时，您所在企业所处的发展阶段为: 创业阶段 迅速扩张阶段 稳定发展阶段 多元化发展阶段 业务停滞阶段 出现下滑趋势阶段 其他

13、您所在企业目前采用的信息系统包括: 没有任何系统 财务管理系统 办公自动化系统(OA) 管理信息系统(MIS) 计算机辅助设计(CAD) 计算机辅助制造(CAM) 物料需求计划(MRP) 制造资源计划(MRPII) 企业资源计划(ERP) 决策支持系统(DSS) 客户关系管理(CRM) 计算机集成制造系统(CIMS) 供应链管理(SCM) 经理信息系统 人力资源信息系统(HR) 采购系统 营销信息系统 库存管理系统 业务管理系统 经营分析系统 电子商务系统 其他 实验八1. 实验体会主要是通过谷歌浏览器下载并保存网站的相关资源，通过F12键下载网站主页所使用的资源2. 实验截图网站主页：相关资源：实验九1. 实验体会学会了如何使用简单CSS属性进行样式设置和使用简单CSS属性格式化文档的输出以及回顾了怎么使用dreamweaver 8进行XHTML标准的检验。2. 实验截图及代码实验十1. 实验体会熟悉了Expression Web工作环境以及熟练掌握了应用CSS属性进行样式定义和Expression Web的使用方法和与dreamweaver 8的不同之处。2. 实验截图及代码CSS源文件：/*