[06教案Web网页设计及实践专贾砚池.docVIP

西南财经大学天府学院 教 案 任课教师：贾砚池 课程名称：Web网页设计及实践_专12级专科会计电算化25班12级专科市场开发与营销01班12级专科税务02班12级专科营销与策划01班12级专科工程14班 教 案 编号：01 章节 第一讲 网页制作基本知识 授课方式 讲授+学生讨论 教 学 目 的 让学生了解该课程讲授的内容、形式以及其考核标准 学生根据该课程的特点自己组合成小组，为后面学习形成一个相互协作的团队,培养学生团队协作精神与创新性思维课程 上课要求：课堂上不允许影响他人学习，教师开始授课前进入教室 上机要求：准时出席、保持安静、自觉维护实验室秩序和卫生；按要求以正确的格式独立完成实验题目。 课堂纪律： 上课不准吃零食、嗑瓜子等。 下课后带走自己桌上的垃圾，让课桌上保持整洁。 下课后关电脑(主机和显示器)。 上课不准大声喧哗、玩手机、pad、睡觉等与学习无关的事情。 课堂内严禁看视频、玩游戏。 以上第一次和第二次犯均为警告处理，第三次开始每次扣5分，如果屡次(5次以上)不改者，则取消考试资格。直接进入重修。 教师信息及答疑时间设定 姓名：温俊 电话答疑：每周五中午12：00-14：00东区广场 学习小组的成立以及成员之间讨论 自由分组，每个组4-6人，并选定小组，然后为每个组安排好上机位置，以后就固定座位。 小组讨论： 互相认识，加深了解，了解各自的兴趣和长项。 选取一个同学为小组长。 探讨学习本课程的方法，并由小组长向老师汇报本次讨论的结果。 认识网站与网页（讲授） 网页的本质 我们看到的网页是由一组文件构成的，它们分别是网页文件（扩展名为.html、.asp等）、图像文件（扩展名为.jpg、.gif等）和Flash动画文件（扩展名为.swf）等。 网页的功能组成 从浏览者的角度看，网页中无非就是一些文字、图像、动画等。但从专业的角度来讲，网页中的元素各有其不同的作用，可以将他们分为站标、导航条、广告条、标题栏和按钮等。 IP地址、域名与网址 IP地址：虽然互联网上连接了不计其数的服务器与客户机，但它们并不是杂乱无章的。每一个主机在互联网上都有唯一的地址，我们称这个地址为IP地址（Internet Protocol Address）。IP地址由4个小于256的数字组成，数字之间用点间隔。例如，“26”就是一个IP地址。 域名：由于IP地址在使用过程中难于记忆和书写，人们又发现了一种与IP地址对应的字符来表示地址，这就是域名。每一个网站都有自己的域名，并且域名是独一无二的。例如，我们只需要在浏览器地址栏中输入搜狐网站的域名“”，然后按回车键就可以访问搜狐网站了。 网址：网址又叫URL，英文全称是“Uniform Resource Locator”，即统一资源定位符。它是网络上通用的一种地址格式，用于标识网页文件在网络中的位置。一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文件名4部分组成。 静态网页与动态网页 从大的方面讲，网页可分为静态网页和动态网页。通常是从制作技术的角度来区分静态网页和动态网页的，完全采用HTML技术制作的网页称为静态网页；使用HTML、编程语言和数据库共同完成，需要与服务器实时交互的网页称为动态网页。 网页设计软件和制作技术 网站管理与网页制作软件 目前用于网站管理和网页制作的软件主要是Dreamweaver，其功能全面、操作灵活、专业性强。另外，它还可以作为动态网站的开发环境。在制作网页时，除Dreamweaver外还需要用到Fireworks、Flash、Photoshop等辅助软件。 HTML语言简介 HTML是Hypertext Markup Language的首字母缩写，中文称作“超文本标记语言”。 HTML语言是网页制作的基础，目前Internet上的绝大多数网页都遵循HTML语言规范，或是由HTML语言发展而来。HTML语言的核心是标签（或者称为标记）。也就是说，我们在浏览网页时看到的文字、图像、动画等在HTML文档中都是用标签来描述的。一个完整的HTML文档由html标签开始并由/html标签结束，所有的HTML代码都应写在html标签与/html标签之间。 网站建设流程 1．确定网站内容 建设网站要有目的性，首先要根据网站的性质和受众，确定网站内容和要实现的功能。 2．规划网站结构 确定网站内容后，就要根据网站的内容来规划网站结构。网站结构有两层意思，一是逻辑结构，二是物理结构。 逻辑结构主要是指将网站内容划分成哪些栏目，实际上就相当于网页中的导航条，下图显示了某企业网站的逻辑结构图。 3．确定网站要应用的技术 网站要应用的技术包括两个方面，一个是程序和数据库，另一个是运