网页设计与制作项目教程.pptVIP

5. 页脚 6. 功能区 知识链接:网页元素 7. 导航区 知识链接:网页元素 8. 广告区 广告区 知识链接:网页元素 三.网页布局结构 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等。 知识链接:网页布局 1. “国”字型 知识链接:网页布局 2. 拐角型 知识链接:网页布局 3. 标题正文型 知识链接:网页布局 4. 左右框架型 知识链接:网页布局 5. 上下框架型 知识链接:网页布局 6. 综合框架型 知识链接:网页布局 7. 封面型 知识链接:网页布局 8. Flash型 知识链接:网页布局 9. 变化型 知识链接:网页布局 四．网站建设流程 知识链接：开发流程 第一步：企业网站提出需求 第二步：设计建站方案 第三步：查询申办域名 第四步：网站系统规划 第五步：确定合作 第六步：网站内容整理 第七步：网页设计、制作、修改 第八步：网站提交企业网站审核并发布 第九步：网站网站推广及后期维护 知识链接：开发流程 人员分工 知识链接：开发流程 五．网页制作内容 网页制作包括网站的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等。 知识链接 六．网页编辑工具 1、FrontPage 2、Dreamweaver 3、Fireworks 4、Photoshop 5、Flash 6、CuteFTP 7、FlashFXP 知识链接 七．常见网站建设术语 1、静态网页 2、动态网页 3、域名 4、IP地址 5、域名解析服务(DNS) 6、虚拟主机 7、租赁服务器 8、主机托管 9、ASP 10、ASP.NET 11、PHP 12、CGI 知识链接 网站标志Logo设计 标志的设计创意来自网站的名称和内容，可以分为三个方面： 网站有代表性的人物、动物、花草，可以用它们作为设计蓝本， 加以卡通化和艺术化。 网站有代表性的物品，可以用物品作为标志。 用自己网站的名称作标志，采用不同的字体、字母的变形制作标志。 知识链接:网页的设计原理与技巧 页面色彩的搭配技巧 特色鲜明 搭配合理 讲究艺术性 合理使用邻近色 合理使用对比色 巧妙使用背景色 严格控制色彩的数量 知识链接:网页的设计原理与技巧 页面中图像应用 网页中图像在信息传达上应用具备以下功能： 要有良好的视觉吸引力，能吸引浏览者的注意力。 要简洁明确地传达网站信息，能使人们一目了然地抓住网站信息的重点。 要有强而有力的诱导作用，造成鲜明的视觉感受效果，从观看过程中产生愿望和欲求。 知识链接:网页的设计原理与技巧 网页页面内容的编排 主次分明、中心突出 大小搭配、相互呼应 图文并茂、相得益彰 适当留空、清晰易读 知识链接:网页的设计原理与技巧 网页页面内容的分块 利用留空和划线进行分块 利用色块进行分块 利用线框分块 知识链接:网页的设计原理与技巧 网页文字的处理 标题大小、粗细要合适 标题使用突出的色彩 利用空间突出标题 网页中正文文本，其字号一般设置为10～12磅 知识链接:网页的设计原理与技巧 网页设计原则 1）主题鲜明 2）形式与内容统一 网页设计所追求的形式美必须符合主题的需要；同时，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀使用冗余的技术。 3）强调整体 风格统一 导航方便、明了 布局设计统一、合理 知识链接:网页的设计原理与技巧 巩固练习 在搜索引擎中搜索“网络公司”，查看不同的网络公司的网站，了解建设流程与企业建设要求。 浏览以下三个网站，，分别从页面布局结构、颜色搭配、导航设置、内容处理、图片及动画效果等几个方面对所浏览网站首页的设计进行赏析说明。 中国茶文化网：/ 伊利网站: / 考核与评价 考核要点 考核内容 标准分 计分 （1）中国茶文化网 30 （2）伊利网站 30 （3）神州旅游网 40 小计 100 评价方式 自我评价 小组评价 教师评价 考核得分 分析与思考 1. 什么是域名？如何申请域名？域名申请需要注意什么？ 2. 什么是空间？如何申请空间？ 3. 常见网站建设程序有哪些？ 4. 企业建站需要注意什么？ 任务小结 通过对一些常见网站的赏析，引出网页设计与制作方法的基础知识，从而对网页设计有一个基本认识，主要包括网站的常见类型、网页的组成元素、网页制作常见术语、网页制作相关工具、网站建设的一般流程等内容。 项目一:网页基础 任务：了解网页设计与制作基础知识 1 了解网站类型 2 了解网页的组成与结构 3 了解网站建设流程 学习内容 4 了解网页制作的基本原则 5 了解网页编辑工具 6 了解常见网站建设术语 学习目标 知识目标： 通过系统学习使学生了解网页设计的基本原则和技巧，分析优秀网