1网页制作基本知识_规划.pptVIP

网页制作基本知识 网页与网站 网页、Web页 按位置分类：主页和内页 按表现形式分类：静态网页和动态网页 网页与网站 网站：一个或多个网页的集合。 可分四大类： 门户网站：综合网站，具有很多网页频道。 个人网站：以个人名义开发的个性化较强的网站。 专业网站：针对某一行业而创建的网站。 职能网站：针对要完成某一职能而创建的网站。 网页制作中的常用术语 统一资源定位器URL 通信协议：超文本传输协议http；文件传输协议ftp IP地址 域名 发布 浏览器 超级链接 导航条 表单 超文本标记语言 网站建站流程（规划期、制作期、维护期） 策划网站 建立网站的目的，浏览者需求分析 可行性分析： 网站技术解决方案选择（技术可行性分析） 网站建设费用预算（经济可行性分析） 网站结构的整体规划： 网站栏目与内容策划 网站主要功能分析 域名与网站名称的选择 网站测试发布方案 网站推广方案 网站维护方案 网站建设 设计网站 设计网站中网页的表现形式：功能完善、符合人们的浏览和使用习惯，界面美观。 制作网站 选择动态网页制作技术:PHP、ASP、JSP 设置本地站点 制作各级网页模板，创建css样式 利用模板完成各级网页 测试发布 网站维护 网站的设计原则 符合人们的阅读习惯 文字不能太大，也不能太小 最好是左对齐，标题除外 背景颜色不要冲淡文字视觉效果，一般浅背景下深颜色 网站导航要清晰 链接点一般就用默认的，未访问的，蓝色；点击过的，紫色；或栗色。 点击次数（层）不要太多，最多三到四次。 网页风格要统一 动静要搭配好 突出新内容 站点管理 创建站点 编辑站点 复制站点 管理站点中的文件 创建文件夹和文件 移动和复制文件 站点地图的使用 网页中的常用元素 文字 用于表达信息，最常用元素。 优点：占体积小。 缺点：形式呆板 静态图片 使用图片格式：GIF、JPEG、PNG 动画 文件格式有：GIF、Java、Flash。 音乐 由于受网络速度影响，所以大多数网站是无声的。 网页中的常用元素 网站LOGO： 又称网站标志。一般放在网页的左上角。 有三种尺寸：88*31像素、120*60像素、120*9像素 网站Banner： 横幅广告。位于网页顶部、中部或底部。 常用的尺寸：480*60像素、233*30像素 导航栏 用于指向下一层网页的链接点。 可放在页面的左侧、右侧、顶部或底部。 网站的主页 网站的主页是指其主索引页。 一般命名为：Index或Default，后缀为htm、html、asp、php等。 主页的好坏直接影响网站的优劣。很多企业加上“形象页”。 主页元素主要有：企业名称、LOGO（标志、徽标）、形象图片、网址、宣传语、相应链接等。 定位网站的CI形象 CI是借用广告术语，即Corporate Identity。用视觉来统一企业形象。例如可口可乐公司具有全球统一的标志、色彩和产品包装。 定位网站的CI形象 设计网站的标志 一个网站标志（LOGO）要精心设计，要能反映网站及制作者的某些信息，使人从中基本上了解到这个网站的类型和内容． 网站标志可以是中文、英文，也可以是符号、图案、人物、动物等。标志的创意一般来自网站的名称和内容。 Google用Google的英文字母作作标志 新浪用sina+眼睛作为标志 网站有代表性的人物、动物、花草，可以用来作为设计的蓝本，加以卡通化和艺术化。例如迪斯尼的米老鼠、搜狐的卡通狐狸。 有专业性的网站，可用本专业有代表的物品作为标志。例如：中国银行的铜板标志、奔驰汽车的方向盘标志。 最常用和最简单的方式是用自己网站的英文名称作为标志。采用不同的字体、字母变形、字母组合很容易制作出好的标志。 使用文本和图片注意事项 文字变化：字体、字号、字体颜色、对齐方式、文本块空间占有量。多用文字与图形、文字与动画实现。了解汉字字体的书写方式、特点，加以改变和创新（字体的形状、笔画、排列方式、三位效果、色彩、材质填充、形义结合）。 宋体、黑体：庄重、威严 圆体：秀丽、活跃 仿宋、楷体：清秀、自由 图片处理：装饰性图片、广告图片、新闻图片。 使用文本和图片注意事项 点状物、线条、色块和网格：在网页中起着调剂、指示、分割、统一的作用。 点有集中视线、紧缩空间、引起注意的功能。 两个点相距不远而且形状不等时，一般由小向大看。 近距离的点引起面的感觉。 灵活运用点，可使你的页面有一些本质上的变化。 当点占据不同的空间时，它所引起的感觉是不同的。 （1） 居中引起视觉集中注意 。 （2） 上引起下跌落感。 （3） 在上左或上右引起不安定感。 （4） 下方中点，产生踏实感。 （5） 左下右下，增加了动感。 　　 使用文本和图片注意事项 直线（矩形）的应用：直线条的艺术效果是流畅、挺拔、规矩、整齐，所谓有轮有廓。直线和矩形