教案
2012 ～ 2013 学年第二学期
学部工程技术学部
教研室(实验室) 动漫
课程名称网页设计与制作
授课班级11动漫
主讲教师
职称讲师
使用教材网页设计与制作案例教程主编：九州书源
清华大学出版社
教案（首页）
《网页设计与制作》课程教案
编制日期：2013 年 3 月 3 日
第页
第页
第页
第页
第页
第页
第页
第页
第页
第二章文字录入与编辑（1） Word文档的基本操作，包括创建新文档、保存文档、打开文档和关闭文档等。只有了解了这些基本的操作，才能更好地使用Word文档。 录入和编辑文本是Word 2010最主要的功能之一。在Word中可以录入文本、符号、编辑文本等操作，这是整个文档编辑过程的基础。 本章主要内容 ●Word文档的基本操作 ●文本录入与编辑 一、Word文档的基本操作 2.1 创建文档 想在Word文档中进行输入或编辑等操作，首先要创建文档。在Word 2010中新建文档有很多种类型，比如新建空白文档、基于模板的文档、博客文章等。 1.新建空白文档 在启动Word 2010应用程序后，系统会自动新建一个名为“文档1”的空白文档。除此之外，还可以使用以下两种方法新建空白文档。 方法1:在“快速访问工具栏”中单击“新建”按钮口，即可新建一个空白文档，如图所示。 方法2:单击“文件”选项卡，在打开的下拉菜单中执行“新建”命令，在“可用模板”中选择“空白文档”选项，然后单击“创建”按钮即可，如
图所示。 2.使用模板新建文档 模板决定了文档的基本结构和文档设置，使用模板可以统文档的风格，加快工作速度。使用模板新建文档时，文档中就自动带有模板中的所有设置内容和格式了。 操作步骤:单击“文件”选项卡，在打开的下拉菜单中执行“新建”命令，在“可用模板”的“样本模板”中选择计算机上的可用模板，然后单击“创建”按钮，即可打开一个应用了所选模板的新文档。 另外，https://www.doczj.com/doc/d712154435.html,上的“模板”网站为多种类型的文档提供了模板，包括简历、求职信、企业计划、名片和APA样式文档等。在“可用模板”的“https://www.doczj.com/doc/d712154435.html, 模板”中选择一个链接，依次选择所需模板，然后单击“下载”按钮，即可打开个应用了所选模板的新文档。 提示:要下载Ofice com下列出的模板，必须连接到Intermeto。 2.2 打开文档 打开文档是Word的一项最基本的操作，如果要对保存的文档进行编辑，首先需要将其打开。要打开一个Word文档，通常是通过双击该文档的方式来打开，还有其他方法可以打开文档，可以按照自己的习惯选择打开方式。常用的操作方法如下: 方法1:打开文档所在的文件夹，双击文档的图标即可将其打开。如图所示
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.doczj.com/doc/d712154435.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.doczj.com/doc/d712154435.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.doczj.com/doc/d712154435.html,（此处也可输入IP地址）； （3）http：如https://www.doczj.com/doc/d712154435.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.doczj.com/doc/d712154435.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.doczj.com/doc/d712154435.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.doczj.com/doc/d712154435.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.doczj.com/doc/d712154435.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.doczj.com/doc/d712154435.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。
存档资料成绩： 课程设计报告书 课程名称网页设计与制作 题目设计个人网站主页 分院电信分院 专业班级电子商务 学号 学生姓名 指导教师 2011 年 6月 20日
课程设计评阅意见 评阅人__________职称________ 年月日
目录 第1章课程设计任务书 (1) 一、课程设计题目设计个人网站主页 (1) 二、课程设计工作： (1) 三、课程设计的内容要求： (1) 1、课程设计要求 (1) 2、课程设计内容 (1) 第2章课程设计目的 (3) 第3章课程设计内容 (4) 设计一选题的基本原则 (4) （1）选题应反映本专业的培养目标，符合专业综合训练的要求。 (4) （2）选题要有利于深化所学的专业知识和拓展所学的知识面。 (4) （3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。 设计二选题范围 (4) 设计三选材 (4) 设计四正确运用DW和Ps (4) 设计五课程设计心得 (4) 第4章课程设计步骤 (5) 设计一查找相关资料 (5) 设计二利用Ps进行切片 (5) 设计三利用DW编辑 (6) 设计四利用DW的站点功能上传或用FTP工具上传站点 (8) 第5章课程设计心得 (10) 第6章参考文献 (11)
第1章课程设计任务书 专业电子商务班级（1）班姓名肖恢邦 一、课程设计题目设计个人网站主页 二、课程设计工作： 自 2011 年 6 月 12 日起至 2011 年 6月 20 日止 三、课程设计的内容要求： 1、课程设计要求 （1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合理，动而不乱，静而不僵和谐效果。 2、课程设计内容 （1）设计一选题的基本原则。 （2）设计二选题范围。 （3）设计三选材。 （4）设计四正确运用DW和Ps。 （5）设计五课程设计心得。
2整理自己的文件和文件夹教案 《有条不紊管文件》说课稿 各位老师下午好: 我说课的题目是《整理自己的文件和文件夹》,说课的内容包括:说教材、说学生、说教法学法、说教学过程、说板书设计。 一、说教材 (一)教材分析 本课是人民教育出版社内蒙古自治区专用教材,小学信息技术五年级(上)第10课的内容,在教学安排上,继前一节学生学会了浏览、打开关闭文件和文件夹之后,让学生进一步对文件和文件夹进行操作和修改,是全面对文件和文件夹的理解和掌握,进一步了解WINDOWS操作系统,为以后学习更多的系统知识打下坚实的基础。 (二)教学目标 1.知识目标: 文件夹的新建、文件(夹)复制、移动和删除的概念。 2.能力目标: A.管理文件和文件夹的基本技巧。 B.培养学生进行自主学习、协作学习的能力。 3.情感目标: 培养学生做事严谨、有条不紊的良好习惯,培养学生的协作意识 和良好的信息素养。 (三)教学重难点 1.教学重点: 新建文件夹、复制、移动、删除文件和文件夹。 2.教学难点:移动和复制的区别和联系。 二、说学生 随着经济和科学的发展,现在学生对电脑接触很频繁,但是孩子把电脑当作了玩具,而并非工具来使用,所以绝大多数学生对电脑知识知之甚少,电脑知识基础薄弱。其次是五学级学生年龄小,比较善于形象化思维。第三是处于这个年龄段的学生思维活跃,对许多事物充满了好奇心,富有探索精神。 三、说教法学法 (一)教法
教师讲授新知识的时间约占总课时的30%左右,采用演示法、情境创设、讲解法、任务驱动教学法、指导法,引导学生探索和实践,让学生真正地体会到掌握本节课的方法技巧。所以,计算机教学的主要目的是教会学生学习的方法,让学生学会观察和思考。 (二)学法 学生上机操作约占总课时的70%,采用练习法、观察法、发现法等进行独立学习。因座位特殊原因,将学生们四个人分为一个小组。 让有一定动手操作能力强的学生为组长,教师负责组织教学、检查总体、指导个别等,这样既调动课堂气氛,形成竞争氛围,又激发学生学习热情和对电脑的兴趣,还培养了学生的团队协作意识。 四、说教学过程 (一)情境导入: 上课之前,需要同学们帮老师一个忙,这个周末我到小明家去做客,当老师走进小明的房间,我大吃一惊,你们猜猜到底是怎么回事呢 课件出示凌乱的桌面。 看到这些,你想对小明说什么呢 对,我们整理书桌的时候要把物品分类摆放整齐,今天老师也想请同学们帮我整理电脑中的一个小房间,你们愿意吗 课件出示一个有很多小文件的电脑桌面。 教师提问:现在老师要求你们找一个名为“自然风光”的文档,你们找一找。通过眼睛查找我们发现文件种类很多,找起来困难,如果是你,你会怎么办(提示学生联系现实中自己书包的整理) 全部存放到一个文件夹中吗引导学生说出分类的方法。(通过实际生活与电脑的操作来引导,这样目的主要是考虑到如果纯粹地教学生操作文件和文件夹的方法显得比较机械而带有程序性,创设情景 之后,能引起学生的兴趣和激发学生的内在潜力) (二)新知探索 1、更名文件(夹) 电脑中的文件就和我们的衣服一样,得分类摆放。衣服不分类摆放的话,那我们就不容易找到我们想穿的那一件,同样文件不分类放的话,那我们也就不好找到需要的那一个,就像刚刚我们找“如来佛祖有QQ”一样。所以我们得先给要分类的文件准备一个特殊的“仓库”——文件夹,并给它取一个名字,比如刚刚的“如来佛祖
《网页设计与制作》期末考试试题 一、单项选择题(本大题共15小题，每小题2分，共30分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、