《htmlcss网页设计与布局》教案

《《htmlcss网页设计与布局》教案》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、授课教师：授课班级：地点：周课时：5课时!z学标教目7)/12重点难点X)/

2、712111注备入^MHS引互仮习咄两一、」2>教学过程设计软态扬罢页知入er静吐态网?£TJSav，勿动的墟ve<页孔的上站PII:讪网斜上器o-tt十大g态y觉务页sP量Dr静。丹视服网作#为mlg是于的川工识称X,i2仅在整堤•，面除被「页仅存完聃到方现錨tmlM邙以雄通h态丄「?J一]J/检绅关页S动甥是回1R1擎和相网、是勺环返妆引作-」•‘勺t-h尤XU/^

3、•厂IP™眉素郊tm朋态“「翳甜眉教基詐tm>取含赧城斛俩钗社勝好漸et说

4、ILiJ.h知他魁劇壯蹄黒任主吩hrn组妙m时认河页请％胪定支堂勺解为te页的汕鐺人吃网户沪詡::稳库课邓讲惭Tn网诫怦殛多會态用馆治辩对据生学示轴是由呀纽舲许护动当侏柚数学叶廣归页站事兀諮£舛的有祚箭剧容有硝果仁歼呃网网炉忖旷聊刘正只萌切狮内没呂匚kJ—、•)/-

5、11oz^^>e*wiico^^1E刀D~11oz^本飙网—{静静网动在了文它As静二件三K次约20分钟约30分钟约20分钟约20分钟约20分钟学生熟记学生实践学生实践(3)交互性差，在功能方面有很大的限制。动态网页的待点：(1)以数据库技术为基础，可大大降低网站维

6、护的工作量；(2)可实现更多的功能，如用户注册、新闻发布、在线留言等；(3)不利于使用搜索引擎进行网站推广。3、常见网页类型：形象页、主页、栏目页、内页、新闻详细页等；4、网页设计原则：(1)了解客户需求(2)遵循Web标准(3)运用形式美法则5、网页设计流程：(1)手绘效果图：确定网页主题内容和风格(2)设计效果图：搜集、整合设计所需素材(3)版面编辑：网页的制作与实现(4)网页美化：动画设计，网页测试和发布6、网页设计的主要软件：(1)Photoshop(2)Dweamveawer(3)Flash(4)Firworks7、H

7、TML基础知识：(1)HTML概念:HyperTextMarkupLanguage超文本标识语言；(2)HTML文档的编写方法：用记事本手工直接编写、使用可视化HTML编辑器Dreamweaver>由Web服务器动态生成；(3)网页文件命名：首页文件名默认为：index,him或index.html；(4)HTML文件结构：HTML文件的正文(5)用编辑器手工编写第一张网页；8、学生实训及辅导；9、Dreamweaver

8、软件界面介绍：(1)软件面板组成及基本操作方法(2)软件首选参数设置10>Dreamweaver站点创建：站点-〉新建站点-〉设置站点名称-〉设置站点默认图像文件夹。11>学生实训操作：Dreamweaver站点创建与设置；12、Dreamweaver创建第一个网页：(1)名称：index,html(2)设置标题、输入文本、输入特殊字符(3)页面属性设置(4)预览网页13、学生实训及辅导；14、HTML常用标记:(1)标题标记：〈h#>主题文字(2)段落标记：、〈!一

9、这里放注释一〉(4)粗体与斜体：粗体、斜体(5)删除线与下划线：«>删除线.3>下划线(6)上标与下标：^上标_下标15、学生实训及辅导；字体标记:(1)字体大小：字体大小(2)字体颜色：字体颜色(3)设置标题字体：〈h#>主题文字(4)物理字体：-,将字符设置成粗体。<1>-,将字符设置成斜体。-,给字符增加下划线。

10、-,给字符增加删除线。-,将字符设置成打字机字体。^{・・Y/SUP>,将字符设置成上标字体。_-,将字符设置成下标字体。(5)逻辑字体：—强调文字。・・・〈/STRONG〉字体加重。・・-显示编程代码。-显示示例文字。-显示键盘按键文字。・•-缩小文字。・・・放大文字。17、字体标记实例讲解；18、学生实训及辅导}

11、；四、课外作业第3章上机实践。五、课堂小结木次课主要内容：1、网页设计基础知识；2^Dreamweaver基本使用方法；3、HTML基础知识及常用标记；约30分钟约20分钟约30分钟约20分钟约20分钟约40分钟学生实践学生实践学生实践总结后记授课教师：授课班级