网站技术应用和创新设计的培训讲义_第1页
网站技术应用和创新设计的培训讲义_第2页
网站技术应用和创新设计的培训讲义_第3页
网站技术应用和创新设计的培训讲义_第4页
网站技术应用和创新设计的培训讲义_第5页
已阅读5页,还剩27页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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)-动画的

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论