网页设计和制作教程.docVIP

网页设计与制作教程 基础篇 INTERNET和WWW INTERNET的功能和应用 信息的获取与发布 电子邮件 网上交际 电子商务 网络电话 网上事务处理 远程登陆 文件传输 电子公告版 全球信息网 INTERNET的其他应用 WWW简介 网页，网页文件和网站 HTTP和FTP协议 超文本和超链接 INTERNET地址 域名 统一资源定位器（URL） HTML 常见网络浏览器IE 网站建设概论 信息类网站 交易类网站 有偿信息类网站：101网校、 功能型网站 综合类网站 根据网站的性质分类： 政府网站 企业网站 商业网站 教育科研机构网站 个人网站 非赢利机构网站 其他类型的网站 根据在大型搜索引擎上的设置分类 娱乐和休闲类网站；商业与经济类，艺术，人文，健康，医药，政府，政治类，电脑与网络类，社会和文化，科学与教育类，参考资料类 网站建设的步骤 制作环境的准备：1）设备：扫描仪，数码相机，打印机 2）完善系统环境3）备齐网页开发工具软件，网页制作工具，服务器端程序开发工具及一些实用的辅助工具。。。4。备齐素材制作和加工软件，包括对图形，动画，刘媒体和声音进行处理的素材制作和加工软件 5）备齐常用的网站发布工具，如FTP文件传输软件 2.网站目标的确定：对象：访问者的类型；主题明确，数据充分。保持目标的简洁 3.网站主题，风格和创痍点的确定 1）主题选材要小而精 2）擅长或感兴趣的内容 ）选题不要太滥：因特网上只有第一，人们记不住第二第三名 2）网站的风格：CI（标志，色彩，字体，标语），版面布局 ，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉 等诸多因素 1）确信风格是建立在有价值的内容上的 2）需要彻底弄清楚站点给人的印象是什么 3）在明确网站印象后，开始努力建立和加强这种印象：1）标志（LOGO）2）色彩3）标准字体4）醒目标准口语5）统一图片处理效果7）使用网站特有的图标；使用自己设计的花边，线条和点；；9）展示网站的荣誉和成功作品 10）告诉网友关于个人真实的故事和想法 3）网站的创意（准备期，孵化期，启事期，验证期，形成期） 4.网站结构的确立：1）网站结构的确立2）网站目录的设置3）网站链接结构的设置：树状连接结构；星状链接结构3）两种结构的综合 5.网站素材的准备 6.网站制作工具的选择和确定：DREAMWEAVER和FRONTPAGE，PHOTOSHOP，FIREWORKS， 动画制作工具：FLASH，COOL 3D；网页特效工具，网页特效精灵，有声有色 7.网站的建设 1）申请EMAIL帐号 2）申请网页空间：1。打开虎翼网空间申请主页 3）域名注册：对于个人网站，在申请免费网页空间的同时也完成了域名的注册 4）网页制作：先简单后复杂，布局先大后小，制作网页时要多灵活运用软件配备的设计模板，这样可以大大提高制作效率 8。网站的测试（看看有没有问题）和上传（将网站发布到WEB服务器，网页制作工具本身具有FTP功能） 9。网站的宣传和推广（搜索引擎上注册，与别的网站交换链接，运用网络广告） 10.网站的更新和维护：必须不断给它补充新的内容，才能够长期吸引住浏览者 2.1.3 网站设计的原则 1）网站主题不要多于三个：小而精，定位小 2）网站的标准色彩不要超过三种 3）重视网站目录结构的创建（创建目录的原则百度上找出来）：不要将所有文件都存在根目录下，目录层次不超过三层，不要使用过长的目录名，尽量不要使用中文目录名 4）链接层次不要超出三层（便于维护） 5）网页长度应限定在三个整屏以内 6）表格的嵌套层次要控制在三层左右（表格插入表格里） 7）网站导航要清晰 2.优秀网站的五大要素 1）网站内容丰富 2）页面下载速度快（网页简单，不要大量图片） 3）功能多样，使用方便 4）网站品质优秀（打不开或者已经被你删除的网页，留下号码） 5）保护个人信息（你用信息干什么，填写的信息要保护好，网站收集用户资料有何目的？如何利用用户的个人信息，出售给其他用户机构，会不会发送大量的广告邮件，用户对此拥有选择的权利？填写的个人信息是否安全，是否能获得必要的回报） 2.2 网页的可视化设计概论 2.2.1 网页设计的原则 1。对比原则：大小对比，明暗的对比，粗细的对比，曲线与直线的对比，水平线与垂直线的对比， 2.协调原则1）主和从；2）动与静 3）入与出 4）统一与协调 3.平衡原则 4.趣味原则：1）比例（黄金分割点也称作黄金比例，是设计中非常有效的一中方法）2）强调3）凝聚与扩散4）形态的意向5）变化率6）规律感7）导向8）空白区9）屏幕上的文字16*16点阵字型的仿宋体，为了适应人们横向阅读中文的习惯，一行最多不超过35个字 2.2.2 网页版面布局的设计 1。版面布局的依据：1）主次分明，中心突出；