网站页面制作——首页设计教案
制作网站首页教案
制作网站首页
教学目标：
知识目标：了解什么是图片热点。
能力目标：学会根据网站主题和内容设计网站首页；学会使用图片热点建立超级链接；学会制作电子邮件超级链接。
情感目标：通过对科学家法布尔的了解，培养刻苦钻研的科学精神教学重点、教学难点：设计网站首页和使用图片热点建立超级链接。
教学准备：首页图片素材
教学过程(：
一、情境创设、激发兴趣
1.欣赏多个网站首页，学生说心得。
2.网站首页设计的重要性是什么？
3.学习设计网站首页。
小学资源
二、自主探究、交流分享
1.任务：新建网页index.html，标题为“昆虫记主题网站—首页”，设计首页课本30页上。
2.学生设计。
3.在index1.jpg上选取热点，调整好大小，链接为chan.html。
4.学生操作。
5.演示汇报。
6.网页底部输入“E—mail：bhfbxy@”。
链接列表框中输入：
7.学生演示汇报。
小
三、合作学习、释疑解难
1.学生提出问题。
2.教师根据情况补充问题。
3.小组合作解决问题。
各小组汇报。
四、实践创作、展示评价源
1.内容：课本31页实践与创新。
2.学生创作。
3.小组评选优秀作品。
4.优秀作品展示。
5.共同评价作品。
五、梳理总结、拓展延伸w。
《网页的制作》教案【优秀3篇】
一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。
Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。
职业院校教师能力大赛：网站页面设计教案
职业院校教师能力大赛：网站页面设计教案一、教学目标1. 知识与技能：了解网站页面设计的基本原则与技巧。
掌握HTML、CSS和JavaScript的基础知识，能够独立完成简单的网页设计。
2. 过程与方法：培养学生的创新思维和审美能力。
学会使用网页设计软件（如Dreamweaver、Photoshop等）进行页面设计。
3. 情感态度与价值观：激发学生对网站页面设计的兴趣，提高职业素养。
培养团队合作精神和沟通技巧。
二、教学内容1. 网站页面设计基本原则页面布局与结构色彩搭配与视觉感受字体与排版2. HTML基础知识基本标签及其作用表格、表单和框架的使用3. CSS样式表选择器与基本语法布局样式与字体样式响应式设计4. JavaScript基础基本语法与数据类型函数与事件处理动态效果实现5. 网页设计软件使用Dreamweaver：页面布局与代码编写Photoshop：图片处理与切图三、教学过程1. 导入：通过展示优秀网站页面案例，引发学生兴趣，引入本节课主题。
2. 讲解与示范：讲解网站页面设计基本原则，展示实际操作过程。
讲解HTML、CSS和JavaScript基础知识，并进行示范。
3. 实践操作：学生分组进行实践，运用所学的知识设计网页。
教师巡回指导，解答学生疑问。
4. 作品展示与评价：学生展示自己的作品，进行互评和教师评价。
针对作品中的优点和不足进行总结和改进。
四、教学资源1. 教材：网站页面设计相关教材或电子资源。
2. 软件：Dreamweaver、Photoshop等网页设计软件。
3. 网络资源：优秀网站页面案例、在线教程等。
五、教学评价1. 学生作品质量：页面布局、色彩搭配、字体排版等方面。
2. 学生参与度：课堂提问、小组讨论、实践操作等方面。
3. 学生创新能力：在作品中体现出的创新思维和独特设计。
4. 团队合作与沟通：小组合作过程中的沟通协作、作品展示与评价等方面的表现。
六、教学策略1. 案例教学：通过分析经典案例，使学生了解和掌握网站页面设计的方法和技巧。
设计网站首页 教案
设计网站首页教案教案标题：设计网站首页教学目标：1. 了解网站首页的基本要素和设计原则；2. 学习如何规划和组织网站首页的内容；3. 掌握设计网站首页的基本技巧和工具。
教学准备：1. 计算机和互联网连接；2. 网站设计软件（如Adobe Dreamweaver、WordPress等）；3. 设计素材（图片、图标、字体等）；4. 网站首页设计案例。
教学过程：1. 导入（5分钟）- 引入网站首页设计的重要性和影响力，激发学生的兴趣和好奇心。
2. 网站首页要素和设计原则（15分钟）- 解释网站首页的基本要素，如标志/品牌标识、导航菜单、主要内容区域、页脚等；- 介绍网站首页设计的基本原则，如一致性、易用性、可读性、美观性等。
3. 规划网站首页内容（20分钟）- 引导学生思考网站首页的目标受众和主要信息传达目的；- 分析不同类型网站首页的设计案例，讨论其内容组织方式和布局选择；- 学生根据自己选择的网站类型，规划网站首页的内容结构和版块划分。
4. 设计网站首页（30分钟）- 学生使用设计软件创建一个新的网站项目；- 学生选择合适的模板或自定义页面布局；- 学生添加标志/品牌标识、导航菜单和主要内容区域；- 学生选择适当的颜色、字体和图标，美化网站首页；- 学生添加页脚和相关链接。
5. 分享和反馈（10分钟）- 学生展示自己设计的网站首页；- 其他学生和教师提供反馈和建议，讨论设计的优点和改进空间。
6. 总结和延伸（5分钟）- 总结网站首页设计的基本要素和设计原则；- 引导学生思考如何进一步完善和优化网站首页设计；- 鼓励学生继续学习和探索网站设计的其他方面。
教学延伸：1. 学生可以进一步学习网站页面的响应式设计，使网站在不同设备上都能良好显示；2. 学生可以学习网站分析和用户体验设计，提高网站首页的可用性和用户满意度；3. 学生可以学习网站优化和SEO（搜索引擎优化），提高网站在搜索引擎中的排名和曝光度。
网站首页 教案
网站首页教案教案标题：网站首页教案教案目标：1. 了解网站首页的重要性和功能。
2. 学习如何设计一个吸引人并符合用户需求的网站首页。
3. 掌握网站首页的布局原则和设计要点。
教案步骤：1. 引入（5分钟）：- 向学生解释网站首页的概念和作用，以及为什么设计一个好的网站首页对于吸引用户和提供良好用户体验的重要性。
- 通过展示一些成功的网站首页示例，引发学生对于网站首页设计的兴趣和好奇心。
2. 理论讲解（15分钟）：- 介绍网站首页的基本要素，如标志/logo、导航菜单、搜索栏、主要内容区域等。
- 解释每个要素的作用和设计原则，例如标志/logo应该清晰易识别，导航菜单应该简洁明了等。
- 强调网站首页的设计应该符合用户需求和期望，提供简洁明了的导航和易于使用的功能。
3. 案例分析（20分钟）：- 提供几个不同类型的网站首页案例，例如电商网站、新闻网站、社交媒体网站等。
- 将学生分成小组，让他们分析每个案例的布局、颜色搭配、内容组织等方面的优点和改进之处。
- 引导学生思考如何根据不同类型的网站目标和用户需求，设计一个吸引人的网站首页。
4. 设计实践（30分钟）：- 让学生以小组为单位，选择一个特定类型的网站（如旅游网站、健身网站等），并设计一个符合该类型网站需求的网站首页。
- 学生可以使用纸和铅笔进行初步的草图设计，包括布局、颜色搭配和内容组织等。
- 鼓励学生进行头脑风暴，分享和讨论各自的设计理念和创意。
5. 展示和讨论（15分钟）：- 让每个小组展示他们的设计成果，并解释他们的设计理念和创意。
- 引导全班进行讨论，让学生提出对其他小组设计的建议和改进意见。
- 总结讨论，强调设计一个好的网站首页需要考虑用户需求、布局原则和设计要点等因素。
6. 结束（5分钟）：- 总结本节课的内容和学习收获。
- 鼓励学生在今后的网站设计中运用所学知识，设计更好的网站首页。
教案评估：- 学生参与度：观察学生在案例分析和设计实践环节的积极程度和合作能力。
制作首页 教学设计
制作首页教学设计本文将从教学设计的角度，介绍制作首页所需的步骤和关键点。
制作首页是网站设计中的重要步骤，它直接影响用户对网站的第一印象和使用体验。
因此，制作首页需要严谨的教学设计。
一、分析目标用户在制作首页之前，需要对目标用户进行分析。
通过了解用户的需求和习惯，才能设计出有吸引力和易使用的首页。
具体分析项包括年龄、性别、职业、兴趣爱好、上网时段等。
例如，面向年轻人的网站需要注重美观和时尚感，而面向专业人士的网站需要强调信息和实用性。
二、设计页面结构页面结构是决定用户浏览体验的重要因素，因此需要仔细设计。
一般来说，首页应包括头部、导航栏、内容区、侧边栏、底部等部分。
头部可以包括网站的标志、搜索和登陆入口等；导航栏可以包括重要的页面链接；内容区可以展示网站的重要信息；侧边栏可以提供额外的信息和链接；底部可以放置版权信息等。
在设计时需要考虑到每个部分的重要性和放置的位置，以便用户浏览和使用。
三、确定色彩和布局色彩和布局是网站设计中的重要因素，对用户的视觉体验有很大的影响。
在选择色彩方案时，需要考虑到目标用户的意识形态和文化背景，并遵循简洁和大方的原则。
在选择布局方案时，需要考虑到网站内容和使用情境。
例如，面向商品销售的网站需要采用呈现特色的图片展示，而面向新闻阅读的网站需要采用清晰的文字排列。
四、确定内容网站的核心内容是吸引用户访问的关键。
因此，在制作首页时，需要考虑到网站的核心内容，并将其置于显眼的位置。
为了更好地吸引用户，可以用图片、视频等方式呈现内容。
同时，也要注意版权问题。
五、确定标语和广告标语和广告是网站的另外两个重要元素。
一个好的标语可以让用户记住网站，并对网站留下好的印象。
广告也可以为网站带来收益。
但是，在确定标语和广告时，需要遵循真实、有吸引力和不过分的原则。
六、测试和优化在制作首页后，需要进行测试和优化。
测试可以帮助找出页面存在问题，例如加载速度、响应时间、易用性等。
同时，也可以通过用户反馈来了解用户对页面的意见和想法，并进行优化。
网页设计教学教案
网页设计教学教案第一章：网页设计概述1.1教学目标让学生了解网页设计的概念和重要性让学生掌握网页设计的基本原则和流程1.2教学内容网页设计的定义和作用网页设计的基本原则（如用户体验、界面设计、内容组织等）网页设计的流程（如需求分析、设计稿制作、编码实现等）1.3教学方法讲授法：讲解网页设计的概念和原则案例分析法：分析优秀网页设计案例，让学生了解设计要点实践操作法：让学生动手制作简单的网页设计稿1.4教学评估课堂问答：检查学生对网页设计概念和原则的理解案例分析报告：评估学生对优秀网页设计案例的分析能力网页设计稿：检查学生的实际操作能力第二章：网页界面设计2.1教学目标让学生掌握网页界面设计的基本原则和方法让学生了解网页界面设计的常见元素和布局方式2.2教学内容网页界面设计的基本原则（如清晰性、一致性、美观性等）网页界面设计的常见元素（如文字、图片、按钮等）网页界面设计的布局方武（如网格布局、分区布局等）2.3教学方法讲授法：讲解网页界面设计的原则和常见元素案例分析法：分析优秀网页界面设计案例，让学生了解设计要点实践操作法：让学生动手制作网页界面设计稿2.4教学评估课堂问答：检查学生对网页界面设计原则和常见元素的理解案例分析报告：评估学生对优秀网页界面设计案例的分析能力网页界面设计稿：检查学生的实际操作能力第三章：网页布局与排版3.1教学目标让学生掌握网页布局和排版的基本原则和方法让学生了解网页布局和排版的常见技术和工具3.2教学内容网页布局和排版的基本原则（如清晰性、一致性、美观性等）网页布局和排版的常见技术（如HTML、CSS等）网页布局和排版的工具（如网页编辑器、设计软件等）3.3教学方法讲授法：讲解网页布局和排版的原则和技术案例分析法：分析优秀网页布局和排版案例，让学生了解设计要点实践操作法：让学生动手制作网页布局和排版设计稿3.4教学评估课堂问答：检查学生对网页布局和排版原则和技术的理解案例分析报告：评估学生对优秀网页布局和排版案例的分析能力网页布局和排版设计稿：检查学生的实际操作能力第四章：网页色彩与字体设计4.1教学目标让学生掌握网页色彩和字体设计的基本原则和方法让学生了解网页色彩和字体设计的常见技巧和搭配规律4.2教学内容网页色彩设计的基本原则（如对比度、饱和度、色调等）网页字体设计的基本原则（如易读性、一致性、美观性等）网页色彩和字体的常见搭配规律和技巧4.3教学方法讲授法：讲解网页色彩和字体设计的原则和方法案例分析法：分析优秀网页色彩和字体设计案例，让学生了解设计要点实践操作法：让学生动手实践，进行网页色彩和字体设计4.4教学评估课堂问答：检查学生对网页色彩和字体设计原则和方法的理解案例分析报告：评估学生对优秀网页色彩和字体设计案例的分析能力网页色彩和字体设计稿：检查学生的实际操作能力第五章：网页交互设计让学生了解网页交互设计的基本概念和重要性让学生掌握网页交互设计的常见技术和方法5.2教学内容网页交互设计的定义和作用网页交互设计的常见技术（如Jav a Sc r ipt.jQuery等）网页交互设计的常见方法（如按钮、滑动门、下拉菜单等）5.3教学方法讲授法：讲解网页交互设计的概念和技术案例分析法：分析优秀网页交互设计案例，让学生了解设计要点实践操作法：让学生动手实践，进行网页交互设计5.4教学评估课堂问答：检查学生对网页交互设计概念和技术的理解案例第六章：网页素材的使用6.1教学目标让学生了解网页素材的种类和作用让学生掌握网页素材的使用方法和技巧6.2教学内容网页素材的种类（如图片、音频、视频等）网页素材的作用和选择原则网页素材的使用方法和技巧（如插入、优化、压缩等）讲授法：讲解网页素材的种类和作用案例分析法：分析优秀网页素材使用案例，让学生了解设计要点实践操作法：让学生动手实践，使用网页素材6.4教学评估课堂问答：检查学生对网页素材种类和作用的理解案例分析报告：评估学生对优秀网页素材使用案例的分析能力网页设计稿：检查学生的实际操作能力第七章：网页代码基础7.1教学目标让学生了解网页代码的种类和作用让学生掌握网页代码的基本编写方法和技巧7.2教学内容网页代码的种类（如HTML、CSS、Jav a Sc r ipt等）网页代码的作用和编写原则网页代码的基本编写方法和技巧7.3教学方法讲授法：讲解网页代码的种类和作用案例分析法：分析优秀网页代码编写案例，让学生了解设计要点实践操作法：让学生动手实践，编写网页代码7.4教学评估课堂问答：检查学生对网页代码种类和作用的理解案例分析报告：评估学生对优秀网页代码编写案例的分析能力网页设计稿：检查学生的实际操作能力第八章：网页兼容性与优化8.1教学目标让学生了解网页兼容性和优化的概念和重要性让学生掌握网页兼容性和优化的方法和技巧8.2教学内容网页兼容性的概念和原因网页优化的概念和方法网页兼容性和优化的方法和技巧（如代码优化、图片优化等）8.3教学方法讲授法：讲解网页兼容性和优化的概念和方法案例分析法：分析优秀网页兼容性和优化案例，让学生了解设计要点实践操作法：让学生动手实践，进行网页兼容性和优化8.4教学评估课堂问答：检查学生对网页兼容性和优化概念和方法的理解案例分析报告：评估学生对优秀网页兼容性和优化案例的分析能力网页设计稿：检查学生的实际操作能力第九章：网页设计案例分析9.1教学目标让学生了解网页设计案例的分析方法和流程让学生掌握分析优秀网页设计案例的技巧和要点9.2教学内容网页设计案例分析的方法和流程分析优秀网页设计案例的技巧和要点网页设计案例的评析和总结9.3教学方法讲授法：讲解网页设计案例分析的方法和流程案例分析法：分析优秀网页设计案例，让学生了解设计要点实践操作法：让学生动手实践，进行网页设计案例分析9.4教学评估课堂问答：检查学生对网页设计案例分析方法和流程的理解案例分析报告：评估学生对优秀网页设计案例分析的技巧和要点的掌握情况网页设计稿：检查学生的实际操作能力第十章：网页设计项目实践10.1教学目标让学生了解网页设计项目的流程和规范让学生掌握完成网页设计项目的方法和技巧10.2教学内容网页设计项目的流程和规范完成网页设计项目的方法和技巧网页设计项目的评析和总结10.3教学方法讲授法：讲解网页设计项目的流程和规范案例分析法：分析优秀网页设计项目，让学生了解设计要点实践操作法：让学生动手实践，完成网页设计项目10.4教学评估课堂问答：检查学生对网页设计项目流程和规范的理解案例分析报告：评估学生对优秀网页设计项目分析的技巧和要点的掌握情况网页设计稿：检查学生的实际操作能力重点和难点解析1.网页设计概述2.网页界面设计补充和说明：介绍如何使用设计原则（如对齐、对比、重复和亲密性）来创建直观且吸引人的界面。
网页设计教案
网页设计教案
课程目标: 学生将学习如何设计网页，并了解如何合理安排页面布局和元素，以提高用户体验。
教学内容:
1. 网页设计概述
- 什么是网页设计?
- 网页设计的重要性和作用
- 常见的网页设计原则
2. 网页设计工具
- 介绍常见的网页设计工具，如Adobe Photoshop, Sketch, Figma等。
- 学生可以选择一款自己喜欢和适合自己的工具进行学习和实践。
3. 网页布局设计
- 网页布局的重要性和原则
- 如何合理规划页面的结构和内容
- 学习使用网格系统和栅格布局进行页面设计
4. 色彩和字体选择
- 网页设计中的色彩搭配原则和技巧
- 如何选择合适的字体来传达页面的风格和氛围
5. 图片和图标使用
- 学习如何选择和使用适合的图片和图标
- 学习使用图片编辑工具对图片进行修饰和优化
6. 用户体验 (UX) 设计
- 了解用户体验设计的重要性
- 学习如何设计易用和友好的用户界面
- 学习如何优化用户交互和导航
7. 响应式网页设计
- 学习如何设计适应不同屏幕尺寸的网页
- 了解响应式设计的原理和技术
教学活动:
1. 学生可以根据自己喜欢的主题选择一个网页进行设计，包括布局、色彩、字体等。
2. 学生可以与同学互评自己设计的网页，提供反馈和改进建议。
3. 学生可以尝试使用网页设计工具制作自己的设计原型，并展示给同学。
评估方式:
1. 学生的课堂参与和讨论活跃程度。
2. 学生设计的网页原型的完成度和质量。
3. 学生对于网页设计原则和技巧的掌握程度。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
XXXXXXX学校
《电子商务网站建设与维护实训》课堂教学设计方案
分配
2.制定计划1.提出问题：如何完成首页的制作？
2.打开PPT课件，结合学生的工作计划，给出指
导：
重申电子商务网站首页的制作依据：
①满足用户（即ABC公司）需求；
②发挥首页的作用（引导分流作用、信任展示作用）；
③满足不同首页用户（网站访问者——“淘”、“逛”）
的使用；
④首页要素完整（头部形象、搜索、商品分类、推荐
及活动）；
备注：教师展示当当网等首页和部分学生设计的首
页草图，指出其组成要素，并突出重点、强调重点。
⑤布局合理、色彩和谐；
⑥简洁、实用、易实现；
⑦符合行业规范（见附件）。
备注：启发学生回顾Logo的设计规格，以此引导
学生改变依据个人喜好制作网页的习惯，转为按行业规
范制作网页，在“教师导读”指导下，“剥葱”式实践中，
突破难点。
所需材料：设计好的Logo、banner、网站名称、
栏目等；准备好的图片、文字、首页效果草图等。
所需工具：Dreamweaver。
制定工作计划：
1.尽可能独立地制
定出一个工作计
划；
2.确定所需要的材
料和工具；
3.参考PPT及教师
指导，完善工作计
划。
约4’
3.决策给出建议和要求：
用表格对首页进行布局，完成首页各组成部
分的制作工作。
决策：
对工作计划
进行审查并决定
下来如何执行。
约2’
4.执行1.给出评价标准：
序
号
评价项评价
1 满足用户需求
合
格
良
好
优
秀
2 布局合理、色彩和谐
3 简洁、实用、易实现
4
组成
要素
完整
发挥首页作用～引导分流作用
发挥首页作用～信任展示作用
满足不同首页用户的使用
（“淘”、“逛”）
5
符合行业规范（参照“网页制作行业规范”
1进一步.明确任务
的目标要求；
2.参考“任务指导
书”、依据“评价
标准”独立完成工
作任务。
约30’
ABC公司图书销售网站首页制作
任务书
一．任务描述
在小王所在的网络公司为ABC公司设计了电子商务网站的栏目、风格、连接结构和目录结构后，已经完成了首页的设计工作，并准备好了网页素材，接下来的工作就是制作首页。
本节课的任务：假如你是小王，请为ABC公司图书销售网站制作首页。
二．任务要求
按照自己设计的首页草图，使用准备好的网页素材，参阅“任务指导书”完成首页（index.htm）制作。
作业提交：将站点文件夹压缩上传到FTP服务器（ftp://192.168.6.90）。
…………………………………………………………………………
任务指导书
一．ABC图书销售网站首页制作依据：
①满足用户（即ABC公司）需求；
②发挥首页的作用（引导分流作用、信任展示作用）；
③满足不同首页用户（网站访问者——“淘”、“逛”）的使用；
④首页要素完整（头部形象、搜索、商品分类、推荐及活动）；
⑤布局合理、色彩协调；
⑥简洁、实用、易实现；
⑦符合行业规范（见后面的附件）。
二．ABC图书销售网站首页制作所需材料及工具
所需材料：设计好的Logo、banner、网站名称、栏目等；准备好的图片、文字、首页效果草图等。
所需工具：Dreamweaver。
三．依据评价标准进行工作
（一）评价标准
（二）任务执行步骤
1.启动Dreamweaver，创建站点，站点文件夹为你所设计的目录结构中的根目录。
2.插入表格，注意表格的宽为778 px，高为434 px。
3.根据上次课设计的首页效果草图，确定表格的行数和列数。
4.在表格相应位置插入头部、导航等。
5.保存文件名为index.htm。
6.检查评估自己的工作。
♦你的首页发挥了引导分流作用和信任展示作用吗？
♦你的首页布局是否合理？色彩是否协调？
♦你的首页是否简洁、实用、易实现？
♦你的首页要素（头部、搜索、商品分类、推荐及活动）完整吗？
♦你的首页大小、图片规格、文件命名等是否执行了行业规范？
依据上面的评价标准，给出你的自评成绩：
7.上交你的工作成果。
…………………………………………………………………………附件：网页制作行业规范（节选）
（一）、网页设计标准尺寸
♦页面标准按800*600分辨率制作，实际尺寸为778*434px。
教师导读：例如用一个表格布局，则用该表格设定页面的大小，宽为778 px，高为434 px。
♦页面长度原则上不超过3屏，宽度不超过1屏。
（二）、标准网页Logo尺寸规格
♦88*31，主要用于网页链接，或网站小型Logo。
♦120*60，这种广告规格主要用于做Logo使用。
♦120*90，主要应用于产品演示或大型Logo。
教师导读：你的Logo是做什么用的？
如果是一个链接，尺寸应为88*31；
如果是一个广告，尺寸应为120*60；
如果是宣传企业或网站的，尺寸应为120*90。
（三）、标准网页广告尺寸规格
♦234*60，这种规格适用于框架或左右形式主页的广告链接。
♦392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。
♦468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
教师导读：如果你的网页中有广告，首先明确你的主页是哪种布局。
如果是“同”“国”“T”型的布局，广告尺寸可选择为392*72（适用于图片式广告）或468*60，其它型的布局，可用234*60。
（四）、文件命名原则
♦每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm。
♦文件名称统一用小写的英文字母、数字和下划线的组合。
教师导读：网站首页如果是静态页面，命名为index.htm（ABC公司图书销售网站首页暂设计为静态页面）；动态的则根据所使用的语言命名，如index.asp、index.php等。
（五）、图片的命名原则
♦名称分为头尾两两部分，用下划线隔开。
♦名称的头部表示图片的大类性质（例如广告、标志、菜单、按钮等）。
教师导读：
⑴放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner；
⑵标志性的图片我们取名为：logo；
⑶在页面上位置不固定并且带有链接的小图片我们取名为button；
⑷在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu；
⑸装饰用的照片我们取名：pic；
⑹不带链接表示标题的图片我们取名：title。
♦名称的尾部用来表示图片的具体含义。
教师导读：例如banner_abc.gif，可以作为ABC图书公司顶部的广告或装饰图片名称；banner_sina.gif新浪网的头部广告或装饰图片名称。