大学生网页制作与网站建设必看教程.ppt

第1章 网页设计与制作基础 知识技能要点 互联网、Web浏览器 网页的类型 网页设计的基本流程 1.1 互联网技术 随着Internet／Intranet的不断普及和发展，越来越多的公司、企业和个人正在开始建设自己的Web站点、编写Web网页，以一种新的方式向外界发布信息，供人们去浏览、阅读和应用。因此，网页制作已经受到越来越多的专业人员的重视。 网页 网页是指通过Internet向全球提供信息的一些文档文件，包括个人信息、商业、娱乐等内容。 网页是在浏览因特网时看到的一个个的画面； 文字、图片和动画等 网站则是指存放在网络服务器上的完整信息的集合体，它包含一个或多个网页，这些页以超链接方式连接在一起，形成一个整体，描述一组完整的信息。 首页(主页):构成网站的第一页 网页是利用超文本标记语言HTML(HyperText Markup Languge)编写的，存放在Internet／Intranet上的Web服务器中，供访问者使用浏览器来阅读。 利用HTML语言编写出来的网页又称为超文本，即网页中包含有文本、图形、声音、图像和超链接(HyperLink)等多媒体信息。 通常我们看到的网页，都是以?htm?或?html?后缀结尾的文件，称?HTML?文件。 第26次中国互联网发展状况统计报告(2010.7.15) 1.1.2 互联网的应用技术 现在的网络资源及各种业务、应用日趋丰富。电子政务、远程教育、远程医疗、移动短信、在线数字内容等网上各类业务日新月异，电子商务交易额快速增长，信息交流更加便捷高效。 Internet 提供的服务： WWW服务（网上冲浪） 电子邮件服务（Email） 网上传呼（OICQ、QQ） 文件传输（FTP） BBS 万维网（WWW） ?WWW 是 World Wide Web （环球信息网）的缩写，也可以简称为 Web，中文名字为“万维网”。通过万维网，人们可以使用很简单的方法，就可以很迅速方便地取得丰富的信息资料。?是当前Internet上最受欢迎、最为流行、必威体育精装版的信息检索服务系统。 蒂姆·伯纳斯-李（Tim Berners-Lee）于 1990年创建了 World Wide Web (WWW)。 Web 最初的构想和研发的目的是为了满足在世界各个大学、不同研究所工作的科学家信息共享的需求。 WWW 的基本概念是把所有个人计算机、计算机网络和超文本整合成一个功效强大并且易于使用的全球信息系统。 “互联网之父” 1.2 浏览器 浏览器 浏览器是获取WWW服务的基础，它的基本功能就是对网页进行显示，目前使用最广泛的浏览器是微软公司推出的Internet Explorer浏览器， 还有火狐浏览器Firefox等等。 浏览器之战 1.2.3 网页制作工具 1. 记事本 步骤如下： 单击“开始”按钮，选择“程序/附件/记事本”。 在“记事本”的窗口中输入HTML代码。 输入代码结束后，选择“文件”菜单中的“保存”或“另存为”命令，则弹出图1-1所示的另存为对话框。 在“文件名”框中键入Web页的名称，注意文件名必须以.html或.htm为扩展名。如果需要，应在“保存在”列表框中定位到特定的目录。 单击“保存”按钮，即创建了一个Web页。见图1-2。 进入到你的文件架，单击，进行测试，你的HTML的网页就完成了。 “另存为”对话框 单击ie图标，进行测试 例： html head title网站制作/title /head body文本内容/body /html 运行效果如图 一个典型的HTML文本的基本结构形式如下： html　 　　　head 　　　　title网页标题/ title 　　　/head　 　　　 　　　body 　　　　网页的主要内容 　　　/body 　　/html HTML标签，（HTML Tag）都是由一对“”括起来的，成对出现。 标记名 /标记名表示标记的开始和结束，例如(html/html) HTML语言正是通过这些标签来设置网页的结构、网页元素的位置和类别，网页元素的显示效果等。 标记符属性 属性是用来描述对象特征的特性。例如，一个人的身高、体重就是人这个对象的属性。 在HTML中，所有的属性都放置在开始标记符里，多个属性之间用空格分开。 如：body bgcolor=“blue“ text=“white” 关于颜色 颜色值是一个关键字或一个RGB格式的数字。 aqua，black， blue，fuchsia, gray，green， lime，maroon，navy，olive， purple，red，silver，teal，white，yellow 在 HTML 中对于颜色的定义可以用6位十六进制数。 电脑屏