网页设计与制作教案.docx

网页设计与制作教案

第一篇：网页设计与制作教案《网页设计与制作教案》教师：系部：信息技术工程系专业：计算机应用班级：计机湄洲湾职业技术学院2008-2009学年第一学期唐俊奇电子信息07（1）信息07（1）08（2）1.3网页中所使用的技术1.3.1HTML语言和XML语言1、HTML语言ØHTML只使用SGML中很小一部分标记ØHTML语言（HyperTextMarkupLanguage超文本标记语言）ØHTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具2、XML语言XML（eXtensibleMarkupLanguage）1.3.2动态网页1.3.3多媒体技术的应用1.3.4Web服务器端程序1.4制作网页的基本方法1.4.1制作网页的基本步骤1、确定网页的内容2、设计网页的组织结构3、资料的收集与整理4、选择网页的设计方法1.4.2制作网页时要注意的问题1、网页的标题要简洁，明确。2、在文本中要使用水平线，以分割不同部分。3、对重点段落要强调显示。4、网页中插入的图片要尽量的小。5、图形要附加文字说明，以便关闭图像时查看。6、网页中引用的资料及商标（或图标），不能侵犯版权。【课后小结】通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。第二讲HTML的基本标志与格式标志【教学内容】讲解HTML基本标志对和格式标志。【教学目的】使学生标志对与格式标志对的使用。【教学重点】格式标志的使用。【教学难点】*使学生掌握超级链接标志的使用。【教学重点】*字体、图片和超级链接标志的使用。*网页中特殊符号的输入。【教学难点】*理解特殊符号对应的标志。*理解img标志中属性的意义。*理解书签超级链接的意义。【教学方式】讨论式、案例分析式、练习式。【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。2、《WEB网站设计》JoelSklar著高等教育出版社。3、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】2.2插入文字2.2.1划分段落格式段落内容2.2.2插入标题文字格式标题内容2.2.3字号属性设置基准字号：网页内的其他文字，采用下面的格式来定义......Size的有效范围是1（最大）到7（最小）。如果在Size的值前面带上“+”号或“-”号，则表示相对于基础字体增大或减小若干字号。2.2.4颜色属性两种方式字符串2.2.5字体属性2.2.6文本修饰......，文字以粗体显示。......，文字显示为斜体。......，显示下划线。......，中心线贯穿文字。......，强调文字，通常用斜体。......，特别强调的文字，通常用黑体。2.3.2图片的属性2.4建立超级链接2.4.1指向一个目标1、建立超级链接字符串2、为图片建立超级链接3、链接到邮件和多媒体文件链接到邮件请与我联系2.4.2使用锚点Ø使用锚点可以使用户在一个较长的文档中跳转，方便地找到要阅读的内容。Ø建立锚点：Ø锚点文字Ø使超级链接指向已定义的锚点。Ø文字Ø文字2.4.3新窗口和基准链接1、打开新窗口Target=“window-name”>开一个新窗口2、基准链接在与之间设定BorderColor=“#008000“>2.7.3子窗口属性设置-2.7.4常见的框架窗口划分方法（1）标题和正文，分为上下两部分（2）层次结构，分为上中下三部分（3）目录和标题，分为左上、左下、右三部分（4）标题、目录和正文，分为上、左下、右下三部分（5）嵌套目录，分为左、右上、右下三部分2.7.5不支持框架的网页很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。第二篇：网页设计与制作-论文（本站推荐）第一章绪论摘要本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。在介绍网页设计与制作语言的基础上，着重使用JavaScript作为工具语言进行网页设计与制作的实际操作，分别对基于对象的JavaScript语言、内部对象系统的使用及WEB页面信息交互——窗口和框架进行详细描述，并利用具体的实例进行验证。本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。第二章：网页设计语言概述，本章主要介绍网页设计的语言——HTML，以及用于编辑HTML语言的软件，为后续工作奠定基础。第三章：基于对象的JavaScript语言，本章介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。第四章：内部对象系统的使用，本章主要介绍使用浏览器的内部对象系统，可实现与HTML文档进行交互。第五章：WEB页面信息的交互——窗体与框架，本章主要介绍实现网页的动态交互，必须掌握有关窗体