第1课网站建立与绘制简述补充001.pptVIP

Dreamweaver CS5的工作界面秉承了Dreamweaver系列产品一贯的简洁、高效和易用性，大多数功能都能在工作界面中很方便地找到。它的工作界面主要由“文档”窗口、“文档”工具栏、菜单栏、插入栏、面板组和“属性”面板组成，如图所示。 菜单栏 文档工具栏 文档编辑区 页面属性 页面组 状态栏 制作个人第一个主页 演示 1.打开DWCS5，新建空白网页 2.文档工具栏，选择“设计” 3.及时保存文件，养成好习惯 4.命名，并记住保存目录 5.编辑区输入文字，对应属性调整文本 选择CSS 6.CSS选项中，添加字体 7.页面属性中更改文字颜色 8.页面属性中添加背景图片 9.插入表格，超链接邮箱 10.对编辑区布局调整，美观大方 11.打开html文件，在浏览器中查看效果，并做适当调整 * 任务： 1.制作一个个人的主页，并提交。 保存名字以“编号+姓名”，如01***。 作 业 * * marquee direction=“right”scrollamount=“8”scrolldelay=“110” loop=“2”Bgcolor=“#00ff00”Width=“200”Height=“100” …………/marquee direction为滚动的目标方向，可选right、left、up、down。 scrollamount 和scrolldelay为滚动数量和延迟，可设置滚动速度和间隔时间。 loop设置循环次数，小于1为连续循环。 Bgcolor设置滚动区域的背景颜色。 width 和height设置滚动区域的大小，沿垂直方向（up或down）滚动时，必须设置一定的高度值，否则看不到滚动的文字。 marquee direction=rightscrollamount=12scrolldelay=20 loop=-1 p class=居中nbsp;/p p class=居中 欢迎您光临我的主页 /p/marquee * * * * * * * * * * * * * * 第1章 网站的设计与制作简述 第2章 Dreamweaver CS5的基本操作 第3章 使用表格规划网页布局 第4章 插入文本和图像 第5章 插入多媒体内容和超链接 第6章 使用框架、层和时间轴 第7章 使用CSS样式和插入行为 第8章 使用表单 第9章 使用模板和库 第10章 发布、管理和维护站点 第11章 综合实例 Dreamweaver CS5是一款专业的网页制作软件，它具有简单易学、操作方便以及适用于网络等优点。通过对Dreamweaver CS5的学习，即使没有任何网页制作经验的用户，也能很容易上手，制作出精美的网页。本章主要介绍了网页的基本概念、网页设计的构思和设计流程，以及Dreamweaver CS5的新增特色功能和工作环境等。 网页(web)，也就是网站上的某一个页面，它是一个纯文本文件，是向浏览者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML等语言来描述组成页面的各种元素，包括文字、图像、音乐等，并通过客户端浏览器进行解析，从而向浏览者呈现网页的各种内容。 网站(Website)，它是指在互联网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页集合，它建立在网络基础之上，以计算机、网络和通信技术为依托，通过一台或多台计算机向访问者提供服务。平时所说的访问某格站点，实际上访问的是提供这种服务的一台或多台计算机。 网页是一个纯文本文件，通过HTML、CSS等脚本语言对页面元素进行标识、然后由浏览器自动生成的页面。构建网页的基本元素包括文本、图像和超链接，其他元素包括声音、动画、视频、表格、导航栏、表单等如图1-2所示。 目前，常见的网页有静态网页和动态网页两种。静态网页的URL通常以.htm、.html、.shtml、.xml等形式为后缀，而动态网页的URL一般以.asp、.jsp、.php、.perl、.cgi等形式为后缀。 制作一个优秀的网页，首先需要了解设计网页的一些原则，根据网页所要展示的内容，进行网页的设计构思、布局、配色，然后制定好网页的制作流程。选择工作空间。 网页的设计原则 网页的设计构思 网页的布局 网页的配色 网页的设计不仅涉及各种软件的操作技术，还关联到设计者对生活的理解和体验。网页设计就是要把适合的信息传达给适合的观众，要设计出一个既好看又实用的网页，就必须要遵循一些必要的原则。 在