《网页设计中的若干术语》由会员分享,可在线阅读,更多相关《网页设计中的若干术语(23页珍藏版)》请在金锄头文库上搜索。
1、第一讲 网页设计基础,教学重、难点,网页设计中的若干术语 (web服务器及客户机、URl、常用协议、IP地址及域名、网页、网站、主页、超级链接)网站建设的基本步骤,网站建设的基本步骤,WEB简介,一、网页设计相关概念,2.WEB服务器及客户机,一、网页设计相关概念,服务器,用URL发出请求,送出网页,http:/,客户机,客户端浏览器:通过在地址栏中输入Web服务器地址从而访问Web服务器的软件; 目前主要是Internet Explorer(IE)和Netscape:,一、网页设计相关概念,3.URl、常用协议、IP地址及域名,一、网页设计相关概念,3.URl、常用协议、IP地址及域名,第一
2、讲 网页设计基础,1.什么是网页,二、 网页、网页设计、网站和主页,腾讯网站,学院主站,二、 网页、网页设计、网站和主页,联想网站主页,163免费邮件主页,淘宝主页,搜狐主页,总结:网页就是包含了文字、图片、动画、声音等内容的可以在网上传输的界面。他可以用来共享信息、宣传自己、服务用户等。,二、 网页、网页设计、网站和主页,问题:为什么同样是网页给我们的视觉效果是不一样的?为什么同样是网页给我们提供的信息也是不尽相同的?,? ?,二、 网页、网页设计、网站和主页,问题:久久音乐网、一听音乐网等,同样是音乐,给我们的感觉是否完全相同哪?,那么,这么丰富多彩的网页究竟如何设计的呢?,网页是丰富多彩
3、的,? ?,2.什么是网页设计,二、 网页、网页设计、网站和主页,一个成功的网页设计首先,在观念上要确立活跃的思维方式其次,要有效地将图形引入网页设计之中,增加人们浏览网页的兴趣 在崇尚鲜明个性风格的今天,网页设计应增加个性化因素。,网页设计与网页制作的区别UI(User Interface,用户界面)UE或者UX (User Experience,用户体验),二、 网页、网页设计、网站和主页,网页设计要注意一下几个方面: 内容及框架结构(Frame Sets)图象区块(Image Maps)与flash特效等,3.超级链接、网站和主页举例说明什么叫超级链接。,二、 网页、网页设计、网站和主页
4、,网页美化工具(图像):photoshop和fireWork等网页美化工具(动画):flash和swish等网页排版工具:DreamWeaver和FrontPage等,三、网页设计常用工具,一个网站的制作流程类似与一个电视节目的制作过程,包括:,四、网站建设的基本步骤及应注意的问题,1.网页设计基本步骤 (1)设计网页栏目及组织结构 (2)准备素材 (3)界面设计 (4)网页排版(页面实现) (6)网页测试与发布 (7)网页推广与维护,2.制作网页时要注意的问题网页的标题要简洁,明确。对重点内容要强调显示。网页中插入的图片要尽量的小。图形要附加文字说明,以便关闭图像时查看。网页中引用的资料及商
5、标(或图标),不能侵犯版权。,四、网站建设的基本步骤及应注意的问题,五、网站建设的评判标准,通过对web相关概念的讲解,使学生了解web服务器及客户机、URl、常用协议、IP地址及域名等基础知识。通过典型网站案例分析和讨论使同学们明白了网页、网站、主页的区别,了解了网页设计及超级链接的概念。本节课还简单地介绍了网页设计常用工具、网站建设的基本步骤及应注意的问题等知识。,课程小结,填空题:Internet是在_经过不断发展变化而形成的。是_的缩写,也可以简称为eb,中文名字为“万维网”。为了区别各个站点,必须为每个站点分配一个唯一的地址,这个地址即称为_类地址的表示范围为_,默认网络掩码为_。,练习题,选择题:1下列不属于Macromedia公司产品的是()ADreamweaverBFirewoksCFlashDFrontpage,练习题,问答题:1 .常见的网页元素有哪些?2.上网浏览一些著名网站(如搜狐、网易、新浪、腾讯(QQ)等)的主页,并这些网页和我们学院的主页在结构和版面等方面有什么区别?3.请浏览我院主页,至少说出两种网页中包含的主要网页元素。4.常见的网页制作工具有哪些?5.列举你所了解的美化网页工具。6.总结建立网站的基本流程。,练习题,