90 likes | 213 Views
一 . 网页设计基础知识. 一 . 网页设计基础知识. 网页主要由文字、图片和动画等元素组成。网站建站技术从技术上大体上分为两类: 静态网页 技术和 动态网页 技术。. 1. 静态网页. 静态网页是指完全采用 HTML (超文本标记语 言)编写的网页,当用户使用浏览器浏览它 时,其内容时静止不变的。制作静态网页主 要使用 HTML 语言,配合客户端脚本语言 Javascript 也能产生丰富的动态效果。. 1. 静态网页. HTML (超文本标识语言 )
E N D
一.网页设计基础知识 网页主要由文字、图片和动画等元素组成。网站建站技术从技术上大体上分为两类:静态网页技术和动态网页技术。
1.静态网页 • 静态网页是指完全采用HTML(超文本标记语 言)编写的网页,当用户使用浏览器浏览它 时,其内容时静止不变的。制作静态网页主 要使用HTML语言,配合客户端脚本语言 Javascript也能产生丰富的动态效果。
1.静态网页 • HTML(超文本标识语言) • 浏览器所看到的网页,主要是由HTML语言写成的,通过各种标记,将影像、声音、图片、文字等连接显示出来。 • 一个HTML文件事实上是一个具有一些特殊代码的文本文件,它告诉浏览器如何表示此文件。通常,静态网页文件以*.html或*.htm为后缀名。
2.动态网页 • 动态网页是其内容可以发生变化,且能与用户进行交互的网页。根据程序站点运行地点的不同,又分为客户端动态技术和服务器端动态技术。 • 客户端动态网页技术 不需要与服务器交互,实现动态功能的代码往往采用脚本语言形式直接嵌在网页中,在客户端浏览器直接响应用户的动作,有些作用需要浏览器安装组件(插件)支持。 • 常见的客户端动态技术:Javascript、JavaApplet、DHTML、ActiveX、Flash
2.动态网页 • 服务器端动态网页技术 需要服务器和客户端的共同参与,客户通过浏览器发出页面请求后,服务器根据请求的参数运行服务器端程序产生结果页面再返回给客户端。一般涉及到数据库。注意:我们平常所讲的动态网页一般是指采用服务器端动态技术。 • 典型的服务器端动态技术:ASP、ASP.NET、PHP、JSP、CGI。
3.网页制作工具 • Macromedia“网页制作三剑客” • Dreamweaver MX/MX 2004/8 • Flash MX/MX 2004/8 • Firework MX/MX 2004/8 • Frontpage • Photoshop 本培训班主要讲授内容是:使用Dreamweaver MX 2004制作静态网页
4.初识Dreamweaver MX 2004 ①菜单栏 ②文档窗口 ③属性面板 ④面板组:浮动面板 包括设计面板、代码面板、应用面板、文档面板(站点管理器)、回答面板等等 ⑤文档工具栏 ⑥插入栏:对象面板 -对象面板和属性面板是DW中最常用的工具 -各种浮动面板实现特定的功能
4.初识Dreamweaver MX 2004 注意事项: ①如何把一些相应的工具和面板调出来 一般工具类的在“查看”菜单,面板类的在“窗口”菜单 ②标记选择器 ③分辨率 ④文档工具栏的“预览”按钮(F12) ⑤灵活运用设计视图和代码视图 ⑥可以随意摆放面板组 ⑦如何改变“工作区”:“编辑”-“首选参数”