网页设计与制作教程307473530.doc

网页设计与制作教程基础篇INTERNET和WWWINTERNET的功能和应用信息的获取与发布电子邮件网上交际电子商务网络电话网上事务处理远程登陆文件传输电子公告版全球信息网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，COOL3D；网页特效工具，网页特效精灵，有声有色7.网站的建设1）申请E---MAIL帐号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）主次分明，中心突出；2）大小搭配，相互呼应3）图文并茂，相得益彰4）动静有度，平衡对称2.网页布局的类型：1。国字型2。拐角型3，标题正文型4上下框架型5左右框架型6综合框架型，封面型8。FLASH型9）变化型