dreamweaver网页设计基础知识

dreamweaver网页设计基础知识

ID:2262611

大小:755.08 KB

页数:16页

时间:2017-11-15

dreamweaver网页设计基础知识_第1页
dreamweaver网页设计基础知识_第2页
dreamweaver网页设计基础知识_第3页
dreamweaver网页设计基础知识_第4页
dreamweaver网页设计基础知识_第5页
资源描述:

《dreamweaver网页设计基础知识》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、网页设计基础知识一、认识网页1.网页分类:静态网页、动态网页u静态网页:是标准的HTML文件,它是采用HTML(超文本标记语言)编写的,是通过HTTP(超文本传输协议)在服务端和客户端之间传输的纯文本文件,其扩展名为.html或htmu动态网页:在多方面与静态网页是一致的,它们都是无格式的ASCII码文件,都包含HTML代码,都可以包含用脚本语言(比如JavaScript或VBScript)编写的程序代码,都存放在Web服务器上,收到客户请求后都会把响应信息发送给Web浏览器,根据采用Web应用技术不同,动态网页文件的扩展名不同,如ASP(使用Activ

2、eServerPages)技术,其中扩展名为.asp;使用JSP(JavaServerPages)技术时的扩展名为.jsp等等。2.URL(统一资源定位器,简称网址):其格式是【协议名://主机名/目录/....../文件名】,如http://www.qq.com;由于网址是最常用的协议是http是默认的协议,所以可当刮简写为www.qq.com;ftp://123.52.3.20;,3.网页(WebPage):打开网站所看到的网页,一个网站可以有成千上万个网页。4.主页(HomePage):打开网站时看到的第一个网页,简称首页。它默认的文件名通常是in

3、dex.htm、index.html、default.htm、default.html、default.sap、index.asp等等二、网页设计基本原则1.明确建立网站的目标和用户需求2.总体设计方案主题鲜明3.网站的版式设计4.网页形式与内容相统一5.三维空间的构成6.多媒体功能的使用7.网站测试和改进8.合理运用新技术三、网站制作流程1.选择网站主题2.规则网站目和目录结构u对收集的资料进行分类,并为其建立专门的栏目,各栏目的主题围绕网站主题展开,栏目名称具有概括性,各栏目的名称字数最好相同。规划网站栏目的过程实际上是对网站内容细化,一个栏目有可能

4、就是一个专栏网页。u在创建网站的目录结构时,不要将所有文件都存放一根目录下,需要应该按栏目为建立文件夹u目录文件命名时,要使用简短的斯文形式,文件名小于8个字符,一律以小写字母,另外大量的同一类型文件应该是数字序号加以区分,以利于查找。3.设计网页布局4.整合网页内容DreamweaverCS5概述一、启动Dreamweaver二、Dreamweaver工作界面三、Dreamweaver窗口组成1.标题栏和菜单栏2.“快捷插入”面板:包含创建和插入对象的按钮,这些按钮被组织到相应的类别中,按Ctrl+F2可以打开或隐藏。3.工具栏:包含“文档”工具栏、“

5、标准”工具栏4.文档窗口:又称文档编辑区,主要用来显示或编辑文档,其显示模式为3种,代码视图、拆分视图、设计视图、实时视图a)代码视图:显示HTML代码视图窗口b)拆分视图:同时显示代码视图和设计视图c)设计视图:为系统默认设置,只显示相应的文本、图片、视频等,没有Html程序代码。a)实时视图:b)多屏幕:编辑的网页在不同的设备上显示的效果c)在浏览器中调试:在浏览器中显示,看实际的显示效果d)文件管理:文件管理状态e):W3C验证f)检查浏览器的兼容性g)可视化助理:在设计的过程中,帮助显示一些元素。2.面板组:按F4可以显示、隐藏全部面板3.“属性

6、”面板:设置正在编辑的内容的属性,内容不同,“属性”面板中显示的属性也不同。招待“窗口----属性”、Ctrl+F3可以显示/隐藏“属性”面板。一、页面的创建与保存1.创建网页:“文件----新建”、Ctrl+N等方法均可以新建文档。根据需要内容选择建立文档的类型。2.保存网页:“文件-----保存”、Ctrl+S,选择保存类型、保存位置等,单击“保存”按钮。一、Dreamweaver参数设置执行“编辑----首选参数”命令、按Ctrl+U快捷键,打开“首选参数”对话框。二、网页基本编辑----编辑文本一、编辑文本1.在设计视图窗口中,直接在文档窗口中输

7、入文本字符。u如果需要分段换行,直接按“Enter”键。uShift+Enter强制换行,行与行之间不会出现换行,它与前面内容属于一个段落u由于Dreamweaver中不允许输入多个连续空格,需要在“首选参数”中选择“允许多个连续空格”复选框就可解决;或者将输入法设为“全角/半角”中的“全角”状态,才能输入连续空格。2.利用Word、Wps、写字板等文档编辑软件,将其中的文本复制后,粘贴到Dreamweaver设计视图中。二、调整文本1.单击“页面属性”,单击“页面字体”的下拉列表箭头,选择“编辑字体列表”,选择字体、设置大小、文本颜色、背景颜色等。三、

8、插入日期1.执行“插入----日期”命令1.或单击“常用----快捷插入”面板中

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。