网站技术应用和创新设计的培训讲义

1、网站技术应用和创新设计的培训讲义信息素养获取信息、使用信息、创造信息的能力技术与设计有一双识别美的眼睛预备知识： :/ ftp:/ URL 网站结构课的结构理论课 35%实践课带上耳机 50%欣赏课 15%制作软件整合了几乎所有的网站技术，是制作专业网站的捷径But 仍然必须对各种语言有一定了解Dreamweaver制作软件矢量动画制作软件FLASH图形处理软件PHOTOSHOPDifficulty20% 课堂上可以学会的40% 通过上机实践可以掌握的20% 经过努力可以习得20% 需要慢慢领悟的MethodsDo 上机 while(1)Copy & modifydesign your pro

2、ductionidea没有一种软件可以促进你的水平提高，一切进步的根源在于你的头脑别人的作品比你的优秀的原因不是靠几个技巧，而是他消耗了比你更多的精力网站技术知识体系1. 超文本标识语言(html)HyperText Markup Language Html 是用来表示web文档的标准，它使用标识符来确定网页显示的格式Html4.01XHtml1.0 (XML)2.网页美化层叠样式表CSSCasecading Style Sheet 是一种格式化网页的标准方式，扩展了HTML的功能，使网页设计者能够以更有效的方式设置网页格式网站技术知识体系CSS介绍CSS层叠样式表单1、样式表单控制网页显示方

3、式2、层叠样式的优先级3、有效地使网页显示和网页内容别离例如“Web标准CSS盒模型boxcontentpaddingbordermarginCSS2中的盒模型是关系到设计中排版定位的关键 三维模型动画层叠概念 及css与html结合方式 red, yellow or blue? 根本规那么P color : red ；选择符声明属性 值选择符类型选择符类选择符ID选择符包含选择符类选择符和ID选择符的区别：类选择符可以重复使用，且可以应用在任意元素上； ID选择符是唯一的伪类和伪元素元素并不存在，只是指明一种状态A:link FONT-SIZE: 12px; COLOR: #000000;

4、TEXT-DECORATION: none A:visited FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none A:hover FONT-SIZE: 12px; COLOR: #fc6a04; TEXT-DECORATION: underline A:active FONT-SIZE: 12px; COLOR: #cc0000 ; text-decoration: none注意顺序A(锚点)样式重定义(伪类)文档结构网站技术知识体系3. 动态网页javascriptAJAX (异步 JavaScript 和 XML)典型应用：Gma

5、il, Google suggest和google Maps JavaScript 核心概念所有的网页元素都是一个对象windowlocationdocumenttableimagelinkformtextsubmittrtd万物皆对象每个对象都有属性和方法 img1.height td1.alignwindow.print() document.write(“ )我们通过事件来触发程序onMouseOver onMouseOut点语法根底练习翻滚图定制弹出窗口表单检验function EmailCkeck() var valid=false; var emailStr=document.lo

6、gin.email.value; if (emailStr=) alert(input your email, please!); else for (i=0;iemailStr.length;i+) if(emailStr.charAt(i)=) valid=true; break; if(valid=false) alert(please check your email!); CSS&JavaScript应用 -XP风格菜单代码分析网站技术知识体系4.网络编程.net (asp)+windows (IIS) +SQLServerPHP+Linux+MySqlJSP+Linux+OracleFlash动画的特点 灵活地结合了矢量图、位图、音频、视频和交互动作，应用于各种媒体领域文件数据量小强大的交互性Actionscript支持边下载边播放的“流的形式绚丽的视觉表现形式动画根本概念连续播放的静态图片给人产生运动的错觉帧(frame) -动画的时间表示 1、逐帧动画 2、关键帧动画(key frame)动画根本概念层(layer)-动画的