静态网页设计课程

f网页设计中的若干术语 （web服务器及客 户机、URl、常用协议、IP地址及域名、网 页、网站、主页、超级链接） 网站建设的基本步骤nn难点 难点 难点 难点nn网站建设的基本步骤nnfWEB简介n

f网页设计中的若干术语 （web服务器及客 户机、URl、常用协议、IP地址及域名、网 页、网站、主页、超级链接） 网站建设的基本步骤nn难点 难点 难点 难点nn网站建设的基本步骤nnfWEB简介nnWWWnWorld Wide Web （世界 宽边网络）的缩写，也 宽边网络）的缩写， 可以简称为Web，中文 可以简称为 ， 名字为“万维网” 名字为“万维网”。nn�.WEB服务器及客户机 2.WEB服务器及客户机nnf客户端浏览器： 客户端浏览器：通过在地址栏中输入Web 服务器地址从而访问Web服务器的软件； 目前主要是Internet Explorer（IE）和 Netscape：nn�.URl、常用协议、IP地址及域名 3.URl、常用协议、IP地址及域名nnHTTP • 定义 • 一般格式 • • • 定义 作用 优点nnURLnn�.URl、常用协议、IP地址及域名 3.URl、常用协议、IP地址及域名nnFTP • 定义 • 作用nnIP • 定义 • 作用 • 组成nn域名nn�.什么是网页 1.什么是网页 • 究竟什么是网页？ • 网页使用来干什么？ • 他有什么作用？nn腾讯网站nn学院主站nnf联想网站主页nn163免费邮件主页nn淘宝主页nn搜狐主页nnf• 总结：网页就是包含了文字、图片、动画、 文字、 文字 图片、动画、 声音等内容的可以在网上传输的界面。他可以 声音 共享信息、宣传自己 服务用户等。 用来共享信息 宣传自己 服务用户 共享信息 宣传自己、服务用户 • 问题：n– 为什么同样是网页给我们的视觉效果是不一样的？ – 为什么同样是网页给我们提供的信息也是不尽相同的？nnf• 问题：n– 久久音乐网、一听音乐网等，同样是音乐，给我们的感 觉是否完全相同哪？nn网页是丰富多彩的nn�.什么是网页设计 2.什么是网页设计 定义 一个成功的网页设计n– 首先，在观念上要确立活跃的思维方式 – 其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣nn特点nn在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。nnf• 网页设计 设计与网页制作 制作的区别 • UI(User Interface,用户界面) U ,用户界面) • UE或者UX (User Experience,用户体验) U Ex ,用户体验) 网页设计要注意一下几个方面： 网页设计要注意一下几个方面： 内容及框架结构(Frame Sets) 图象区块(Image Maps)与flash 特效等nn�.超级链接、 3.超级链接、网站和主页 超级链接 • 举例说明什么叫超级链接。 举例说明什么叫超级链接。 • • • 定义 作用 命名规范nn• 定义 • 作用 网站 主页nnf• 网页美化工具（图像）： photoshop和fireWork photoshop fireWork等 • 网页美化工具（动画）： flash和swish flash swish等 • 网页排版工具： DreamWeaver和FrontPage DreamWeaver FrontPage等nnf• 一个网站的制作流程类似与一个电视节目的制

作过程，包括:nn策划nn制作nn宣传nn更新nn�.网页设计基本步骤 1.网页设计基本步骤 （1）设计网页栏目及组织结构 （2）准备素材 （3）界面设计 （4）网页排版（页面实现） （6）网页测试与发布 （7）网页推广与维护nn�.制作网页时要注意的问题 2.制作网页时要注意的问题 ① 网页的标题要简洁，明确。 ② 对重点内容要强调显示。 ③ 网页中插入的图片要尽量的小。 ④ 图形要附加文字说明，以便关闭图像时查看。 ⑤ 网页中引用的资料及商标（或图标），不能 侵犯版权。nnf序号 1 2 3 4 5 6 7 8nn观测点 需求分析充分、栏目设置合理、功能完善 主题鲜明，能体现网站功能 页面布局（排版）美观大方，有个性 色彩搭配合理，能表现主题，特色鲜明 多媒体元素运用得当，适合网络传输，运行速度快。 操作方便、自然清新，适应不同人群 方便后期开发与维护 内容健康、正确、合法，链接准确 合计nn分值 15 15 15 15 10 10 8 12 100nnf• 通过对web相关概念的讲解，使学生了解web服务 器及客户机、URl、常用协议、IP地址及域名等基 础知识。 • 通过典型网站案例分析和讨论使同学们明白了网 页、网站、主页的区别，了解了网页设计及超级 链接的概念。 • 本节课还简单地介绍了网页设计常用工具、网站 建设的基本步骤及应注意的问题等知识。nnf填空题： １．Internet是在__________经过不断发展变化 而形成的。 ２．ＷＷＷ是__________的缩写，也可以简称为 Ｗeb，中文名字为“万维网”。 ３．为了区别各个站点，必须为每个站点分配一 个唯一的地址，这个地址即称为__________ ４．ｃ类地址的表示范围为__________，默认网 络掩码为__________。nnf选择题： 1．下列不属于Macromedia公司产品的是（） A．Dreamweaver B．Firewoks C．Flash D．Frontpagennf问答题： 1 .常见的网页元素有哪些？ 2.上网浏览一些著名网站（如搜狐、网易、新浪 、腾讯(QQ)等）的主页，并这些网页和我们学 院的主页在结构和版面等方面有什么区别？ 3.请浏览我院主页，至少说出两种网页中包含的 主要网页元素。 4.常见的网页制作工具有哪些？ 5.列举你所了解的美化网页工具。 6.总结建立网站的基本流程。nnf