动态网页设计与制作前言

CSS和JavaScript
• javascript：是一种能让你的网页更加生动活泼的 程式语言，也是目前网页中设计中最容易学又最 方便的语言。你可以利用JavaScript轻易的做出 亲切的欢迎讯息、漂亮的数字钟、有广告效果的 跑马灯及简易的选举，还可以显示浏览器停留的 时间。让这些特殊效果提高网页的可观性。 • javascript：包含7个部分 1、运算符, 2、表达式, 3、语句, 4、函数, 5、对象, 6、事件, 7、变量
课程的学习目标
• 熟练使用CSS对网页进行排版布局。 • 掌握JavaScript的基本编程技术 • JavaScript高级应用（有兴趣的同学自行去 查看相关书籍和资料） • 推荐大家多学习动态网页和数据库联动， 和网站安全性
网页或网站开发人员的层次结构
网站架构师
项目经理
页面设计师
程序员
同学们定位自己的学习目标
• 网页的本质就是HTML，通过结合使用其他的Web技术 （如：脚本语言、CGI、组件等），可以创造出功能强大 的网页。因而，HTML是Web编程的基础，也就是说万维 网是建立在超文本基础之上的。
动态网页
• 动态网页，与网页上的各种动画、滚动字幕等视 觉上的“动态效果”没有直接关系，动态网页也 可以是纯文字内容的，也可以是包含各种动画的 内容，这些只是网页具体内容的表现形式，无论 网页是否具有动态效果，采用动态网站技术生成 的网页都称为动态网页。 • 动态网页主要根据网页制作的语言来区分： • 静态网页使用语言：HTML（超文本标记语言） 动态网页使用语言：HTML+ASP 或 HTML+PHP 或 HTML+JSP 等。
• 该门课程是网站开发的基础，所以无论是 设计人员还是程序开发人员都需要先将基 础打好。
CSS和JavaScript
• CSS：级联样式表（Cascading Style Sheet） ，它是用来进行网页风格设计的。 能够真正做到网页表现与内容分离的一种 样式设计语言。相对于传统HTML的表现而 言，CSS能够对网页中的对象的位置排版 进行像素级的精确控制，支持几乎所有的 字体字号样式，并能够进行初步交互设计， 是目前基于文本展示最优秀的表现设计语 言。
常见的动态网页
• 通常以页面的后缀来区分网页所用到的开 发技术 • 常见的页面后缀有 html,shtml,asp,aspx,php,jsp • 一般来说html代表静态网页。 • 其他的都代表使用了动态网页技术，目前 的动态网页90%以上都和数据库相关联。 • 不同的技术都拥有不同的优点和缺点。
动态网页设计与制作—— CSS+JavaScript
前言
• • • • • • •
什么是HTML？ 什么是动态网页？ 常见的动态网页有哪些？ 什么是CSS和JavaScript？ 该课程的学习目标 网页或网站开发人员的层次结构 同学们定位自己的学习目标
源自文库
HTML
• HTML超文本标记语言（Hyper Text Markup Language） 是为“网页创建和其它可在网页浏览器中看到的信息”设 计的一种标记语言。 • HTML之所以称为超文本标记语言，是因为文本中包含了 所谓“超级链接”点。所谓超级链接，就是一种URL指针， 通过激活（点击）它，可使浏览器方便地获取新的网页。 这也是HTML获得广泛应用的最重要的原因之一。