网页设计基础与网站建设基本流程.doc

项目1知识储备 任务1网页设计基础与网站建设基本流程 Dreamweaver CS3工作界面引入了许多精巧的改进，可以帮助网页设计师更 加有效地工作。文档窗口的标签式界面将所有打开的文档放置在一个面板小，切 换文 档时只需要单击鼠标左键就可以了，这样就不再需要为查找打开的窗口血费吋耗 力。Dreamweaver CS3工作界面如图1. 1所示。 图 1. 1 Dreamweaver CS3 工作界而 1.21菜单栏 菜单栏共包插10项菜单，如图1. 2所示，下面逐一介绍每个菜单的功能。 文件g）編辑查看①）插入记录Q）修改? 文本（X）命令（￡）站点①）窗口魁）帮助 图1. 2菜单栏 （1） 文件：用来管理文件，包括创建和保存文件、导入与导出、预览和打印文 件等。 （2） 编辑：用来编辑文本，包括撤销与恢复、复制与黏贴、查找与替换、参数 设置和快捷键设置等。 （3） 查看：用来查看对彖，包括代码的查看、网格线与标尺的显示、面板的隐 藏以及工具栏的显示等。 （4） 插入记录：用来插入网页元素，包扌舌插入图像、多媒体、层、框架、表格、 表单、电子邮件链接、日期、特殊字符以及标签等。 （5） 修改：用来实现对页面元素修改的功能，包括页面元素、面板、快速标签 编辑器、连接、表格、框架、导航条、层的位置、对彖的对齐方式、层与表格转 换、模 版、库、以及吋间轴等。 （6） 文本：用来对文木进行操作，包括字体、字形、字号、字体颜色、HTML/CSS 样式、段落格式化、扩展、缩进、列表、文本的对齐方式和检查拼写等。 （7） 命令：收集了所有的附加命令项，包括应用记录、编辑命令清单、获得更 多命令、插件管理、应用源代码格式、清除HTML/word HTML.设置配色方案、 格式化 表格、表格排序等。 （8） 站点：用來创建与管理站点，包括站点显示方式、新建、打开与自定义站 点、上传于下载、等级与验证、查看连接和查找本地/远程站点等。 （9） 窗口：用来打开和切换所有的面板及窗口，包括插入栏、属性检查器、站 点窗口、CSS面板等。 （10） 帮助：内含Dreamweaver联机帮助、注册服务、技术支持屮心和Dreamweaver 的版本说明。 1.2.2插入栏 插入栏如图2. 3所示，图屮的图标分别对应页面屮的各种冗素，如图像、表格、 多媒体等。默认情况下【插入栏】显示的是常用的插入对象，选择【插入栏】屮 的各 个选项，如【布局】、【表单】、【文本】等，可以从打开的对象屮选择需要插 入到页面中的元素。 $ ▼插入常用布局表单数据Spry文本收藏夹 晶圉园團 晶圉园團▼细▼圜：曲旧①▼令 图1?3插入栏 1.23文档工具栏 文档工具栏如图1?4所示，色括按钮和弹出式菜单，文旦工具栏提供各种文档 窗口视图（如【设计】视图和【代码】视图）、各种查看选项和一?些常用操作。 图1.4文档工具 1.24文档窗口 文档窗口显示半前创建和编辑的文档，如图1?5所示 创代码二i拆分Al设计标題示范校项目内 创代码二i拆分Al设计 标題示范校项目内W程 令威海职业学院 rCbody ia q tow ” 616 x 422” 1 K / 1 图1.5文档窗口 1.25属性检查器 属性检查器是页面编辑屮最常用的一个面板，主要用于设置页面元索的属性，入 文字的大小、图像的高度、表格的大小等。如图1.6所示选屮图像时的属性检查 器 ▼鼬 表格Id 宽芮」% v 埴充B 对齐居中对齐v 类? 无 V I M 列2 高匚二|慎素 V 间距~I边框口 它忖叨 背髓色口 〕边框倾色口 : | b a i%青景图像?)| 10 a 图1.6属性检查器 提示：值得注意的是，当选择不同的页面元素时，属性检查器的参数也是不同的。 1.2.6浮动面板 Dreamweaver CS3 I1的面板统称为浮动面板，这些面板浮动于文档窗口之外， 如图1?7所示。若要展开-?个面板，单击面板名称左侧的展开箭头即可。 DTeeirnwedveTCSB提供了多种面板，若要打开其他面板，使用【窗口】菜单即可。 trticl ?articl ?article article arlielt rticle arlieltsoft_f spec, b trticl ?articl ? article article arlielt rticle arlielt soft_f spec, b 耳C「0令驳仏|? 图1?7浮动面板 1IIS安装 1、 插入windows xp安装光盘,打开控制面板，然后打开其中的“添加/删除程 序” 2、 在添加或删除程序窗口左边点击“添加/删除Windows组建” 3、 捎带片刻系统会启动Windows 建向导，在Internet信息服务(IIS)前面 选勾，点击下一步：