《网页设计与制作（HTML+CSS+JavaScript）》课件_CORE-01.pptVIP

第一章网页编程基础**课程简介本课程教授网页编程的基本常用技术。为以后更深入学习JSP或WebForm编程打下基础。课程讲解使用HTML、CSS、JavaScript进行网页编程。重点：HTML，难点：JavaScript。*了解网页开发工具、网页开发的步骤和一般思路、色彩的含义、布局的规律。理解网络技术和网页分类，文字、图片、超链接、列表、表格、框架、多媒体文件、表单、段在网页中的作用，JavaScript的定义和使用。掌握HTML、CSS、JavaScript的结构与基本写法，在HTML、CSS中使用文字、图片、超链接、列表、表格、框架、多媒体文件、表单、段的技巧，用JavaScript制作动态网页。课程目标（或主题）*概述本课程主要讲解HTML、CSS、JavaScript。HTML用来制作静态网页，CSS用来控制网页样式，JavaScript用来制作动态网页。CSS??JavaScriptHTML*词汇术语词汇表HTML：是一种标记语言，是在普通文档上添加标记，使文本按照标记表示的意义来呈现。CSS：是一种设计网页样式的标准。JavaScript：是一种动态网页开发语言。WWW：万维网，将全球不同位置的计算机连在一起。*Internet简介Internet是世界上最大的计算机网络。Internet始于1969年，最初称之为ARPANET，是美国军方为推行空间计划而建立的。Internet的发展要归功于美国国家科学基金会(简称NSF)的介入。Internet采用TCP/IP协议。*Internet及其重要服务WWW——信息浏览服务Email——电子邮件服务*网页简介网页技术 HTML网页分类静态网页（HTML、CSS、JavaScript）动态网页（ASP.NET、JSP、PHP）*HTML简介HTML： 全称为HyperTextMarkupLanguage，译为“超文本标记语言”，目前的版本为4.0。示例htmlhead title天津迅腾滨海科技有限公司/title/headbody b 迅腾欢迎你！ /b/body/html*HTML结构html标记head标记title标记body标记html head title/title /head body /body/html*注释标记注释： 良好的注释能大大提高阅读代码的效率，降低代码的维护成本。那么HTML当中的注释是怎样实现的呢？示例html head title注释标记/title /head body !--注释-- 讯腾欢迎你！ /body/html*标题标记标题： 是文章总要有标题，给文章一个醒目的标题会达到提纲挈领、总括和强调要传达的内容的作用。示例htmlhead title标题标记/title/headbody 以下为标题样式： h1H1标题大小/h1 h2H2标题大小/h2 h3H3标题大小/h3 h4H4标题大小/h4 h5H5标题大小/h5 h6H6标题大小/h6/body/html*彩色文字标题： 为了不至于过早地导致视觉疲劳，增加信息的传递效果和吸引更多关注，现在的网页一般都不只一种文字颜色。示例html head title字体颜色标记/title /head body fontcolor=blue