网页设计与制作教程

《网页设计与制作教程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作教程第一章基础篇1.INTERNET和WWWINTERNET的功能和应用1．信息的获取与发布2．电子邮件3．网上交际4．电子商务5．网络电话6．网上事务处理7．远程登陆8．文件传输9．电子公告版10．全球信息网11．INTERNET的其他应用1.2WWW简介1．网页，网页文件和网站2．HTTP和FTP协议3．超文本和超链接4．INTERNET地址5．域名6．统一资源定位器（URL）7．HTML1.3常见网络浏览器----IE第二章网站建设概论（1）信息类网站（2）交易类网站（3）有偿信息类网站：101网校、（4）功能型网站（5）综合类网站2.根据网站的性质分类：（1）政府网

2、站（2）企业网站（3）商业网站（4）教育科研机构网站（5）个人网站（6）非赢利机构网站（7）其他类型的网站3.根据在大型搜索引擎上的设置分类4.娱乐和休闲类网站；商业与经济类，艺术，人文，健康，医药，政府，政治类，电脑与网络类，社会和文化，科学与教育类，参考资料类2.1.2网站建设的步骤1．制作环境的准备：1）设备：扫描仪，数码相机，打印机2）完善系统环境3）备齐网页开发工具软件，网页制作工具，服务器端程序开发工具及一些实用的辅助工具。。。4。备齐素材制作和加工软件，包括对图形，动画，刘媒体和声音进行处理的素材制作和加工软件5）备齐常用的网站发布工具，如FTP文件传输软件2.网站目标的确

3、定：对象：访问者的类型；主题明确，数据充分。保持目标的简洁3.网站主题，风格和创痍点的确定1）主题选材要小而精2）擅长或感兴趣的内容）选题不要太滥：因特网上只有第一，人们记不住第二第三名2）网站的风格：CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等诸多因素1）确信风格是建立在有价值的内容上的2）需要彻底弄清楚站点给人的印象是什么3）在明确网站印象后，开始努力建立和加强这种印象：1）标志（LOGO）2）色彩3）标准字体4）醒目标准口语5）统一图片处理效果7）使用网站特有的图标；使用自己设计的花边，线条和点；；9）展示网站的荣誉和成功作

4、品10）告诉网友关于个人真实的故事和想法3）网站的创意（准备期，孵化期，启事期，验证期，形成期）4.网站结构的确立：1）网站结构的确立2）网站目录的设置3）网站链接结构的设置：树状连接结构；星状链接结构3）两种结构的综合5.网站素材的准备6.网站制作工具的选择和确定：DREAMWEAVER和FRONTPAGE，PHOTOSHOP，FIREWORKS，动画制作工具：FLASH，COOL3D；网页特效工具，网页特效精灵，有声有色7.网站的建设1）申请E---MAIL帐号2）申请网页空间：1。打开虎翼网空间申请主页3）域名注册：对于个人网站，在申请免费网页空间的同时也完成了域名的注册4）网页制

5、作：先简单后复杂，布局先大后小，制作网页时要多灵活运用软件配备的设计模板，这样可以大大提高制作效率8。网站的测试（看看有没有问题）和上传（将网站发布到WEB服务器，网页制作工具本身具有FTP功能）9。网站的宣传和推广（搜索引擎上注册，与别的网站交换链接，运用网络广告）10.网站的更新和维护：必须不断给它补充新的内容，才能够长期吸引住浏览者2.1.3网站设计的原则1）网站主题不要多于三个：小而精，定位小2）网站的标准色彩不要超过三种3）重视网站目录结构的创建（创建目录的原则百度上找出来）：不要将所有文件都存在根目录下，目录层次不超过三层，不要使用过长的目录名，尽量不要使用中文目录名4）链接

6、层次不要超出三层（便于维护）5）网页长度应限定在三个整屏以内6）表格的嵌套层次要控制在三层左右（表格插入表格里）7）网站导航要清晰2.优秀网站的五大要素1）网站内容丰富2）页面下载速度快（网页简单，不要大量图片）3）功能多样，使用方便4）网站品质优秀（打不开或者已经被你删除的网页，留下号码）5）保护个人信息（你用信息干什么，填写的信息要保护好，网站收集用户资料有何目的？如何利用用户的个人信息，出售给其他用户机构，会不会发送大量的广告邮件，用户对此拥有选择的权利？填写的个人信息是否安全，是否能获得必要的回报）2.2网页的可视化设计概论2.2.1网页设计的原则1。对比原则：大小对比，明暗的对

7、比，粗细的对比，曲线与直线的对比，水平线与垂直线的对比，2.协调原则1）主和从；2）动与静3）入与出4）统一与协调3.平衡原则4.趣味原则：1）比例（黄金分割点也称作黄金比例，是设计中非常有效的一中方法）2）强调3）凝聚与扩散4）形态的意向5）变化率6）规律感7）导向8）空白区9）屏幕上的文字16*16点阵字型的仿宋体，为了适应人们横向阅读中文的习惯，一行最多不超过35个字2.2.2网页版面布局的设计1。版面布局的依据：1）主次分明