资源描述:
《dreamweaver第1章 基础篇》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第1章Dreamweaver基础知识本章要点了解关于网页的基本概念认识构成网页的常用元素了解网页的常见布局学会使用Dreamweaver创建网页在Dreamweaver中管理站点资源认识Dreamweaver的一些独特功能网页是用于在Web浏览器中打开的一种文件,它能够任意包含丰富的文字、图片,以及动画。伴随互联网的发展,网页被大量使用。人们在浏览器中输入网址,各种信息便通过网页呈现出来,其应用包括实时新闻与个人博客、电子邮件和网上办公、在线社区及网页游戏等等。1.1网页设计基础网页的本质并不复杂,事实上,它与普通文本文档的区别并不大。在I
2、E浏览器中打开网页后,选择工具栏上的【页面】
3、【查看源文件】命令,就能够在记事本中了解网页的原始风貌。1.1网页设计基础这里包含的仅仅是网页的HTML内容。现在选择【文件】
4、【另存为】命令,在弹出的对话框中指定【保存类型】为“所有文件”,而在【文件名】文本框中输入任意文件名称,并在最后加上扩展名“.htm”,单击【保存】按钮,便得到了一份网页文件。互联网将世界各地的资源整合在了一起。要查看新闻或是下载文件时,人们并不需要知道这些信息存放在地球的哪一台计算机上。要访问它们时,只需打开Web浏览器,然后键入正确的地址就可以了。以Windows系
5、统自带的IE浏览器为例,双击桌面上的IE图标,在打开的浏览器地址栏中输入“www.yahoo.com”并回车,就能查看雅虎网站首页。而这一串字符,便是网站的域名。显示于地址栏中的字符串将会在前方添加“http://”字样,它与后面的内容一起,构成了该网站在互联网上的唯一标识。网站是互联网上的一个信息集中地,它里面包含了大量的网页、图片,以及其他任意格式的文件。网站需要存储在特定的计算机上,当有浏览器请求访问它里面的不同内容时,网站中的资源便会显示出来。至于如何处理来自世界各地的请求,则交由Web服务器完成。1.1网页设计基础Web服务器是一
6、种特殊的应用程序,不同的浏览器请求访问网站时,Web服务器负责取出合适的内容以返回给它们。常见的Web服务器有Apache、Tomcat、IIS、GlassFish等。IIS即“InternetInformationServices”,由Microsoft提供。需要开启IIS功能时,单击【开始】按钮并选择【控制面板】命令,在打开的窗口中依次单击【程序】
7、【打开或关闭Windows功能】链接,在弹出的【Windows功能】对话框中勾选【Internet信息服务】复选框,然后单击【确定】按钮就可以了。1.1网页设计基础来看看IIS7的管理台界面
8、与在IE中显示的默认站点首页。1.1网页设计基础现在为当前站点添加新的目录。回到IIS管理窗口后右击默认网站名称,从弹出的快捷菜单中选择【添加虚拟目录】命令。在弹出的对话框中输入该目录的别名——这将显示在浏览器地址栏中。在【物理路径】栏中输入网站内容所在的磁盘目录并确定。1.1网页设计基础能被浏览器直接识别和显示的是HTML文件,其扩展名通常为“.htm”或“.html”,由于其内容不会变化,也称之为静态网页。HTML文件能够被任何文本编辑器编辑修改,它的典型结构是由多个标签组织起来的文本。下图显示的是由记事本创建的简单HTML文件。1.1
9、网页设计基础为了让网页在尽可能多的浏览器中看起来一致,早期的方法是使用表格来布局。这固然是十分天才的方法,却也让表格担负起原本不属于它的任务。为了精确定位网页上的元素,人们不得不使用多层嵌套的表格,这不仅使得HTML源文件十分臃肿,也让整个页面的结构显得混乱。HTML标签中也提供了许多对文本样式进行更改的标签,比如、
、等,当网页包含大量内容时,这些标签会被埋藏在很深的HTML源代码中。而如果要修改大量网页的样式,逐一寻找和更改它们简直就是一场灾难。为解决此问题,人们提出了CSS,这样HTML就只需10、要关注如何组织好网页中的内容,因为无论是布局安排还是版式设计,CSS都能够担当起大任。再加上运行于Web浏览器上的脚本语言JavaScript,这样就形成了结构、表现与行为分离的良好理念。1.1网页设计基础Structure
11、Presentation
12、Behavior使用记事本打开之前保存的网页文件,在标签对中加入一段CSS代码,然后保存并查看页面。1.1网页设计基础HTML文档中的