《网页设计三剑客基础练习典型案例第1章.ppt》由会员分享,可在线阅读,更多相关《网页设计三剑客基础练习典型案例第1章.ppt(19页珍藏版)》请在三一办公上搜索。
1、1,第1章 网页制作和网站开发基础知识,随着Internet应用的迅速发展和普及,它和电子商务已经成为近年来最热门的话题,信息技术正在潜移默化地渗透到人类生活和工作的各各领域。利用Internet开展信息服务、宣传企业形像和产品、进行电子商务活动、网络娱乐、网络教育、地理导游、网上股票交易、网上购物、远程医疗、网上直播体育盛事、电视会议、软件下载、地理定位等应用已经成为现代社会人们生活和工作的重要部分。,2,本章学习目标:,Internet基础知识了解网站开发技术种类理解Web服务器的作用了解网页制作基础知识熟悉网站开发流程,3,1.1 Internet基础知识,Internet是一个全球性的
2、计算机互联网络,中文名称为“国际互连网”、“因特网”、“网际网”或“信息高速公路”等,它是将不同地区而且规模大小不一的网络互相连接而成。对于INTERNET中各种各样的信息,所有人都可以通过网络的连接来共享和使用,4,1.1.1 网络类型,人类最早接触的“网络”是口头交流系统。思想从一个人传递给另一个人,人们就可以交流信息。早期人们所掌握的另一种网络是电话网。每台电话机都连接到电话线和交换设备网络中,连接家庭和城市的电话线类似于支线公路和高速公路的关系,移动电话则依靠卫星网络。,5,1.1.2 Internet历史和发展,随着新闻媒体对【信息高速公路】的宣传和介绍,相信大多数人都会接触过一些有
3、关Internet的报道,对Internet这一外来词不会陌生,但解释清楚它到底是什么,就必须从它的历史和发展说起。,6,1.1.3 www,WWW是Internet的多媒体信息查询工具,是Internet上近年才发展起来的服务,也是发展最快和目前用的最广泛的服务。正是因为有了WWW工具,才使得近年来 Internet 迅速发展,且用户数量飞速增长。,1.1.4 技术名词,1IP地址2域名系统3HTTP协议,7,8,1.2 Web网站开发技术,网站开发技术多种多样,根据交互性能分为静态网站和动态网站,建设动态网站编程语言也有多种,如ASP、JSP和PHP等,根据客户的需求首先要确定制作网站所需
4、的技术,动态网站编程技术需要不同的后台服务器软件支持。,1.2.1 静态网站和动态网站,网站的另外一种分类方法是看网站是否具有交互性和远程维护功能,并据此分为静态网站和动态网站两大类。,1.2.2 静态网页制作软件,Dreamweaver是Macromedia公司推出的网页制作工具,用于对Web站点、Web页和Web应用程序进行设计、编码和开发,整个生产过程可以自动化,增强开发小组的工作效率。无论用户是喜欢可视化和网页开发环境还是喜欢手写代码,Dreamweaver都能提供有用的工具,使用户拥有更加完美的Web创作体验。,10,1.2.3 HTML,HyperText Markup langu
5、age(超文本标记语言)是生成活动文档的代码系统。活动文档是使你和别人能够进行交互的文档。HTML的普遍应用就是带来了超文本技术,从一个主题转入另一个主题,不是线性的阅读和寻找信息。通过单击链接直接从取得相关的主题。,11,1.2.4 CSS,CSS就是Cascading Style Sheets,中文翻译为“层叠样式表”,简称样式表,它是一种制作网页的新技术。,12,1.3 网页制作基础知识,网站由多个网页组成,也是通过网页传递网站信息,所以说,网页是浏览器与网站开发人员沟通交流的窗口。合理的网页布局,悦人耳目的网页配色和背景音乐,都可以使网友过目不忘,记忆忧新,甚至流连忘返。,13,1.3
6、.1 网页组成元素,网页布局设计就是把网页的基本组成元素在页面内合理地安排。可以把网页看着一张报纸、一本杂志或者一种海报来进行布局设计。这与传统的报刊、杂志的编辑是一样的,其基本原理是相通的。,14,1.3.2 网页布局,网页布局大致可分为国字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。,15,1.3.3 网页配色,颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外,还应该多学习一些著名网站的用色方法,对于我们制作美丽
7、的网页可以起到事半功倍的作用。,16,1.4 网站开发流程,为了加快网站建设的速度和减少失误,应该采用一定的制作流程来策划、设计、制作和发布网站。通过使用制作流程确定制作步骤,以确保每一步顺利完成,而不影响下一步的进行。理想的制作流程能帮助设计者解决策划网站的繁琐性,减小项目失败的风险。,17,1.4.1 目标需求分析,一般来说,提出目标是非常简单的事情。但是,更重要的是如何使目标陈述得简明并可以实现。在很多Web网站项目中,有包容一切的倾向。实际上一个网站不可能满足所有人的需求,对设计者来说,网站一定要有特定的用户和特定的任务。,18,1.4.2 网页制作,做好一个网站,并不是一件容易的事,它包括网站的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。,19,