个人主页界面设计教案.doc

个性化个人主页界面设计 教学内容： 1、规划个人主页设计方向 2、确定个人主页设计风格，绘制草图 3、草图修改、改进 4、完成个人主页设计 教学目的：设计风格突出的图标 教学重点：规划个人主页设计方向 教学难点：确定个人主页设计风格 课时：3课时 教学过程： 清点人数，整顿教学秩序 二、导入新课 门户网站，是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。门户网站最初提供搜索服务、目录服务，后来由于市场竞争日益激烈，门户网站不得不快速地拓展各种新的业务类型，希望通过门类众多的业务来吸引和留住互联网用户，以至于目前门户网站的业务包罗万象，成为网络世界的“百货商场”或“网络超市”。 商务网站就是指有关商业内容的网站可以使用网站进行经营，商务网站是指一个企业、机构或公司在互联网上建立的站点，该站点主要是宣传企业形象，发布产品信息、宣传经济法规、提供商业服务。 商务网站不同于个人站点，个人站点是基于个人的目的而建设的。一般来说，个人网站没有赢利性质，仅仅是出于设计者的个人爱好去设计和组织网站的内容。在电子商务中，网站是其拥有者和用户交流及沟通的窗口是买卖双方信息交汇和传递的渠道，是企业展示其产品和服务的舞台，是企业体现其企业形象和经营战略的载体。商务网站是企业展开电子商务的基础设施和信息平台，是实施电子商务的公司或商家与服务对象之间的交互界面，是电子商务系统运转的承担者和表现者。 网站界面设计尺寸要求 页面标准按800*600分辨率制作，实际尺寸为778*434px，一般也可以为770*434px，最大宽度不要超过780px； 页面长度原则上不超过3屏，宽度不超过1屏。但实际上大多网站为了增大信息量，至少都有5屏~8屏。还要具体情况具体对待； 每个标准页面为A4幅面大小，即8.5X11英寸； 全尺寸banner为468*60px，半尺寸banner为234*60px，LOGO为88*31px，另外120*90，120*60也是小图标的标准尺寸； 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K； 文字大小一般为12px或者14px。 关于第一屏 所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多“大”呢？其实这是未知的。一般来讲，在800*600的屏幕显示 模式(这也是最常用的)下，在IE安装后默认的状态(即工具栏地址栏等没有改变)下，IE窗口内能看到的部分为778px*435px，一般来讲，我们以 这个大小为标准就行了，毕竟，在无法适合所有人的情况下，我们只能为大多数考虑了。 　　 5、标准化要求 ?logo 及中英文标准字体 ?网页中不提倡制作大于100k的flash ?网站标准色 背景色使用白色或浅色 ?链接图标(尺寸pixels: 88x318x60 ) 6、网站尺寸规范 ?页面标准按800*600分辨率制作，实际尺寸为778*434px,要求在1024*768分辨率时居中表示, 页面边框过渡要柔和 很多站长都有这样迷惑，在进行网站建设中界面布局设计时，界面界面的宽度尺寸都比较迷茫，800*600尺寸及1024*768尺寸的分辨率下，界面应该设计为多少像素才合适呢？太宽就会出现水平滚动条了，下面我们就界面设计的标准尺寸进行讲解。 界面设计标准尺寸： 1、800*600下，界面宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，界面宽度保持在1002以内，如果满框显示的话，高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做界面可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象。 页面标准按800*600分辨率制作，实际尺寸为778*434px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8。5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准界面广告尺寸规格： 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广