《HTML+CSS网页设计与布局》教案.docVIP

  1. 1、本文档共25页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
《HTML+CSS网页设计与布局》课程教案 授课教师: 授课班级: 地点: 周课时: 5 课时 章节 内容 网页设计基础知识 Dreamweaver软件介绍及其基础操作 HTML基础知识及常用标记 教学 目标 使学生了解网页设计的相关基础知识; 使学生熟悉Dreamweaver软件界面的基本操作方法。 重点 难点 了解网页设计相关概念和网页的类型; 熟练掌握Dreamweaver软件创建和管理站点的方法。 教学 方法 课堂讲授、案例讲解与指导 教学 环境 计算机机房 教学过程及内容提要 时间 分配 备注 教学过程设计 引入 相互认识,提出与本学科相关的知识,介绍本门课程情况、教学内容及总学时数进度安排,宣讲本课程教学纪律,鼓励学生营造一种学习氛围,尊重同学,互帮互学,真正达到学以致用; 提出问题:上过网吧?有谁自学过网页设计?听说过HTML或者CSS这两个概念吗? 告知学生课堂任务 本次课所学习的主要内容是HTML相关基础知识和Dreamweaver软件基础操作; 逐步演示讲解分析教学内容 网站和网页的区别: (1)网页是Internet基本元素; (2)网站由网页组成; 静态网页和动态网页: 静态网页:纯粹HTML语言格式的网页通常被称为静态网页,静态网页的后缀名通常为.htm、.html、.shtml、.xml。 动态网页:许多人认为网页会动就是动态网页,这是个错误的观点,在静态的网页中也可以含有动态的图片,这仅仅是视觉上的动态罢了。真正的动态网页是指实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页。也就是说,它是返回到了客户端上的网页。例如网页文件是以ASP、PHP、JSP、ASPX为结尾就是动态的网页了。 静态网页的特点: (1)内容相对稳定,容易被有哪些信誉好的足球投注网站引擎检索到; (2)没有数据库支持,在网站制作和维护方面工作量大; (3)交互性差,在功能方面有很大的限制。 动态网页的特点: (1)以数据库技术为基础,可大大降低网站维护的工作量; (2)可实现更多的功能,如用户注册、新闻发布、在线留言等; (3)不利于使用有哪些信誉好的足球投注网站引擎进行网站推广。 常见网页类型:形象页、主页、栏目页、内页、新闻详细页等; 网页设计原则: (1)了解客户需求 (2)遵循Web标准 (3)运用形式美法则 网页设计流程: (1)手绘效果图:确定网页主题内容和风格 (2)设计效果图:搜集、整合设计所需素材 (3)版面编辑:网页的制作与实现 (4)网页美化:动画设计,网页测试和发布 网页设计的主要软件: (1)Photoshop (2)Dweamveawer (3)Flash (4)Firworks HTML基础知识: (1)HTML概念:Hyper Text Markup Language 超文本标识语言; (2)HTML文档的编写方法:用记事本手工直接编写、使用可视化HTML编辑器Dreamweaver、由Web 服务器动态生成; (3)网页文件命名:首页文件名默认为:index.htm 或 index.html; (4)HTML 文件结构: HTML HEAD title/title /HEAD BODY HTML 文件的正文 /BODY /HTML (5)用编辑器手工编写第一张网页; 学生实训及辅导; Dreamweaver软件界面介绍: (1)软件面板组成及基本操作方法 (2)软件首选参数设置 Dreamweaver站点创建: 站点-新建站点-设置站点名称-设置站点默认图像文件夹。 学生实训操作:Dreamweaver站点创建与设置; Dreamweaver创建第一个网页: (1) 名称:index.html (2) 设置标题、输入文本、输入特殊字符 (3)页面属性设置 (4)预览网页 学生实训及辅导; HTML常用标记: (1)标题标记:h#主题文字/h# (2)段落标记:p这里表示段落/p (3)换行与注释:br、!--这里放注释-- (4)粗体与斜体:b粗体/b、i斜体/i (5)删除线与下划线:s删除线/s、u下划线/u (6)上标与下标:sup上标/sup sub下标/sub 学生实训及辅导; 字体标记: (1)字体大小:font size=1字体大小/font (2)字体颜色:font color=字体颜色/font (3)设置标题字体:h#主题文字/h# (4)物理字体: B…/B,将字符设置成粗体。 I…/I,将字符设置成斜体。 U…/U,给字符增加下划线。 S…/S,给字符增加删除线。 TT…/TT,将字符设置成打字机字

文档评论(0)

celkhn5460 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档