一、网页设计介绍与HTML基础.ppt

课程安排及考核方式 课程安排： 18课时上课＋12课时上机 考核方式 考勤＋上机作业 20％ 课程结束时提交的个人作品 30％ 期末笔试考核 50％ 网页设计的发展方向 1）高级网页设计师：讲究艺术的实用性 2）程序员 3）UI设计师：注重用户体验 4）纯美术方面的职业 网页设计需要学什么东西 Dreamweaver、Flash、Photoshop /Fireworks、HTML语言基础、网站的设计制作、网页特效添加、CSS样式表、FTP上传、网站日常维护。 如果单单是设计网页的话，用Fireworks就完全可以了，比PS要方便快捷，并且比PS要精确。在编程方面，HTML+CSS+JavaScript这些是必要的，代码编写初期不建议使用Dreamweaver ，因为需要熟悉代码的结构和属性，推荐用手写，并且尽量使用标准来写。 优秀站点举例 【国内】 蓝色理想 国内最大的网站技术讨论站点 chinaui 国内起步最早的ui讨论站点，关注软件界面设计 设计路上 / 优秀站点集合 web标准 / W3C中国宣传网站 MYJS /hw/asp/myjs.htm javasript脚本集合 newwebpick / 香港设计协会的网站。有同名收费设计杂志 【国外】 templatemonster / 国外优秀模版网站 webdesign / 设计知识 microsoft /design 微软设计团队展示网站 网页颜色风格选择 两种对比色（互补色）不要在同个画面五五对分 给要凸显的主体物加以白边或黑边，因为在颜色很多或饱和度很高的情况下，黑，白，灰，会起到中间色的作用，来给画面强烈的对比反差做协调 建议刚开始练习用色时从纯色练习着手，把握好色彩感觉后再做比较深的研究。 1.紫色系与黄色系 紫色占大部分画面，添加黄色就占少量画面，这样看 上去会比较协调。相反，如果黄色占了大部分的画面，紫色 就必须占少量画面。 2.红色系与黑色系 3.红色系与白色系 通常主色调决定要搭配什么样的颜色才协调，如上图，主色调为暗绿色，而人物黑白色作为中间色凸显首饰，字体的色调设为背景色的互补色，让人首先看到人物首饰——字体，然后才会注意到背景，色彩能引导人的视觉走向。 主背景色调为蓝色+部分黑色，而白色是突出表现中心的一个色调，那鸽子的造型就用白色表示，如果用其他色调，如果是墨绿或者与背景色相似的颜色，那就形成不了反差，也就无法体现整幅图的中心点，更不能烘托气氛了。 网站使用颜色类型 1）公司色 每个公司的CI（Corporate Identity ）设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。 2）风格色 如党政机关网站多使用金黄色和红色，食品行业使用的颜色很多都是绿色，女性网站使用粉红色的较多，IT行业大公司使用蓝色的较多等。 3）习惯色 网站使用的颜色类型 大型的NBA网站，通常此类网站以白色为背景，但是这个网站却用灰黑色RGB（48，48，48/#333333），文章标题用色为RGB为（203，201，153/#CCCC99），菜单使用的RGB为（112，119，112/#707770）。这样的配色可以显示独特的个性，又不失大型网站的风采。 该网站相对简单，但也别具匠心，整体上使用的是白色RGB（255，255，255），辅助色为RGB（79，88，95），菜单色为RGB（48，64，64）和RGB（0，81，111），字体使用的是RGB（83，86，91）。虽然简单，但颜色搭配非常的科学合理。 橙色如果运用得当的话是一种非常适合用于网页上的颜色。下面这个网站就是一个非常著名的例子。主色调为RGB（255，151，0），辅助色调为RGB（255，103，4），菜单RGB为（252，200，0），字体使用黑色RGB为（0，0，0）。此种配色显得主人较前卫，色彩热烈，给人的震撼力较强。 微软公司网站，微软不仅软件做的好，公司门户网站的制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风，以及雄厚的实力。 一般来说网页的搭配不要超过四种主要