网页制作-1-1

•网页的制作技术
•网站的发布
1-1 网页制作的主要内容
• 包括三个方面的内容
1. 网站设计 2. 网站编程 3. 网页制作
1-2 网站设计与规划
一. 网站的规划与制作过程 • 规划 1.明确目标 2.收集和掌握足够的网站建设内容的资料 3.确定网站结构 4.选定制作技术 5.对网站进行形象设计 6.画出草图，以形象理解网站的表观效果
1-2 网站设计与规划
• 设计网站的标准字体
标准字体是指用于标志，标题，主菜单的特有字 体
注：使用非默认字体只能用图片的形式，因为很 可能浏览者的PC里没有安装你的特别字体
1-2 网站设计与规划
• 每个页面都使用相同种排版方式、相 同的背景色及近似的按钮都能增加网 页一致性，树立统一的风格 。
1-2 网站设计与规划
3) 最常用和最简单的方式是用自己网站的 英文名称作标志。采用不同的字体，字 母的变形，字母的组合可以很容易制作 好自己的标志。
1-2 网站设计与规划
• 设计网站的标准色彩
1）“标准色彩”是指能体现网站形象和延伸内 涵的色彩
1-2 网站设计与规划
2）一般来说，适合于网页标准色的颜色 有：蓝色，黄/橙色，黑/灰/白色三大系 列色。 3）一个网站的标准色彩不超过3种，太多 则让人眼花缭乱。标准色彩要用于网站 的标志，标题，主菜单和主色块，其它 的颜色也可以用，但不能喧宾夺主。
网页制作课程（２）
• 讲课与上机 每周一：讲课时间； 每周四：上机时间： 上机地址：计算中心三机房。 • 上交作业 1.上传到joanlian@bigc.edu.cn 2.在主题栏中注明班级,姓名,学号. 3.时间：下周四前．
第一讲 网页制作基础
主要内容：
•网页制作的主要内容 •网站设计与规划 •网页制作软件 •网页元素
作业
1. 浏览网站，找出两种网站类型各两个 资讯类网站 设计艺术类网站 并将网页页面保留下来，以示说明
2. 浏览三个网站，标示网站的Logo位置， 标准色，以及标准字体各是什么？
网页制作(1)
机01（2003-9）
网页制作课程（１）
• 掌握 网站建立与制作的基本规则; 网站建立与制作的方法和技术; • 手段 DreamWeaver, Firework, Flash软件． • 目的与结果 制作网站－“我的网站”，包括：关于我，我 的家庭，我的喜好，我的作品，我的朋友， 我的偶像，我的学校等。
•
•
1-2 网站设计与规划
1-2 网站设计与规划
1-2 网站设计与规划
1-2 网站设计与规划
三.网站的形象设计
1. CI -Corporate Identity-企业形象设计 标志、字体、色彩、宣传语
1-2 网站设计与规划
2. VI - Visual Identity System(视觉识别系 统) –网站的外观设计
• Logo-网站的标志；标志可以是中文，英文 字母，可以是符号，图案，可以是动物或者 人物等等;标志的设计创意来自你网站的名 称和内容
1-2 网站设计与规划
1) 网站有代表性的人物，动物，花草，可 以用它们作为设计的蓝本，加以卡通化 和艺术化;
1-2 网站设计与规划
2) 网站有专业性的，可以以本专业有代表 的物品作为标志。
1-2 网站设计与规划
• • • • • • 实际制作过程 申请域名和服务器的存储空间 实际测试 发布 宣传 维护
1-2 网站设计与规划
二. 规划网站的类型 1. 资讯类网站
• 网站设计的目的:发布有用的资讯;以最快的 速度和最简单的形式为浏览者提供想要的资 讯。 特点:各部分内容安排十分逻辑性，并通过 合理的排版，规划结构和加入程序的支持使 用户使用起来方便; 重点: 以内容为主,以设计为辅.
•
•
1-2 网站设计与规划
1-2 网站设计与规划
1-2 网站设计与规划
1-2 网站设计与规划
2. 设计艺术类网站
• 网站设计者的目的: 是给浏览者提供视觉上 的享受;这类网站一般以艺术，时尚娱乐网 站居多
特点:设计新颖，色彩运用大胆,变化多端,出 人意表 重点: 设计与内容同等重要;或是设计比内容Biblioteka Baidu还重要.