网页三剑客文字版.docxVIP

网页三剑客1-1服务器：服务器是一种高性能计算机。主要用来存储、处理网络上的数据和信息。实际上是由客户机向服务器发出一个请求，服务器在收到后将所需内容发送给客户机。在建设网站前要了解网站建设的流程、网页元素的组成、色彩搭配和版式设计及制作网页所需要的工具。建站流程：申请域名------申请网站空间-----网站设计与制作-----网站测试与上传-----网站推广比如：新浪网的域名：(域名具有唯一性)a.注册域名：登录到一个域名注册代理网站申请b.申请网站空间：登录到任何一家提供相关服务的网站即可申请自己的空间c.网站设计和制作：最好在纸上画个草图(网站结构草图)d.网站测试与上传：测试----在常用的浏览器上及不同的分辨率下能够正常显示。 上传----测试结束后即可上传制作的网站e.网站推广：最好的方法是在Google、百度等搜索引擎上注册（通常收费） 联系相关网站并建立友情链接 在论坛上发帖等网页元素组成：文字、图片、动画、视频、声音等元素（图片格式：JPG、GIF 声音格式：MIDI、WAV、MP3和Real、Audio）色彩搭配：蓝色、灰色------工业高科技企业 粉色---------女性 红色---------商业、零售版式设计：将文字、图片、动画等网页元素根据一定的需要组织安排在一定的界面中（要点：使网站看起来完整统一，网页和谐而有序）网页三剑客由Dreamweaver，Fireworks，Flash三个软件组成Dreamweaver：可视化网站的开发工具，制作网页和管理网站Fireworks:制作网页图像、标志、导航栏、图像按钮Flash：动画制作Dreamwever1-2dreamweaver组成控制面板：主要用于辅助页面设计和管理站点属性面板：更改属性1-3建立本地站点本地站点：计算机硬盘上的一个目录建立本地站点：站点----管理站点----新建----管理站点-----本地根文件夹、默认图像文件夹给新建立的站点建立新文档：a.借助文件面板建立网页或者文件夹（首页一般命名为:index.htm，images文件夹：存放所需的各种图片文件夹名称应该避免使用汉字或者是大小写字母）b.在文档中自行建立1-4 设计网页布局网页布局使用：表格，布局表格，层等（表格布局常使用）2．选中整个表格：将光标置于整个表格外侧，当出现红色边框时单击 选中一行或一列表格：将表格置于表格边缘，当光标显示为水平/垂直箭头时单击即可 选择不相邻的表格：按住ctrl 键且按住鼠标点击选中的单元格即可 删除选中单元格：用光标点击该单元格即可 单元格：可进行合并和拆分 删除单元格内的内容：选中单元格，按Del键插入布局：标准、扩展、布局布局表格：在布局表格内不能插入文字、图片。所以需要在布局单元格内画一些布局单元格布局单元格：必须在布局表格内选中布局单元格：ctrl+单击（还可以为布局表格、布局单元格设置属性）1-5编辑网页（比如设置页面标题、插入文字、图片、导航栏等）设置标题（在插入布局中）：【标题】：xxxx 导航条：在插入导航条之前，应该在本地站点根文件夹下的images文件夹中存放好准 备好的不同导航条 插入导航条：【插入】---【导航条】---【图像状态】和【按下图像】一般为一个图像，【鼠标经过图像】和【按下鼠标经过图像】一般为一个图像---单击加好按 钮 添加以后几个【项目】 ---【确定】预览网页水平线：主要用于分隔文本和对象 特殊符号【版权】 空格：【不换行符】插入动画，插入图片页面制作好要要按ctrl+s保存，然后可进行预览1-6从一个页面转跳到另一个页面（涉及超链接的知识）链接：链接是网页的灵魂，它能把很多页面通过超链接，组成一个整体。 利用超链接可以链接到其他网页，还可以链接到其他图像文件、多媒体文件及下载程序等绝对路径：该路径提供了链接文档的完整地址。（例如：/index.htm/index.htm） 当创建一个网站的网页到另一个网站的网页时必须使用绝对路径相对路径：web站点中用于内部链接，也就是要链接的文件和正在编辑的网页在同一个 文件夹内（例如：dreamweaver/contents.htm相对路径：/support/index.htm在同一个文件夹下）链接：常用的链接：内部链接、常用链接、外部链接、E-mail链接、下载链接和转跳菜 单（1）内部链接：网站内部各网页之间的链接，可使其中的一页转跳到另一页 在属性面板上【链接】即可选择要链接的xx（以相对路径形式出现） （2）外部链接：【链接】：如：/index.htm （3）E-mail:在要插入的位置点击【插入】---【电子邮件链接】（4）下载链接：和内部链接方式一样（5）跳转菜单：【插入】