计算思维-08-网页设计

第8章网页设计8.1网页与网站8.2网页基本元素8.3网页制作的基本技术8.4网站制作与发布8.1网页与网站8.1.1网页8.1.2网页的上传申请域名根据网站的定位不同，可以申请不同级别的域名。对于商业公司等形式的网站，需要向中国互联网络信息中心（CNNIC）申请自己的域名，其形式一般为www.yourCompanyN

或者

“www.yourCompanyN”（国内域名）对于一般的用户如果只是发布一个个人网站，可以到一些提供免费域名的网站申请注册一个免费的域名。上传在上传网页时，可以使用Ftp工具进行上传工作。8.1网页与网站8.1.3网站网站网站制作的基本流程

通常，把一个网站的开发过程分为3个阶段。分别是规划与准备阶段、网页制作阶段和网站的测试发布与维护阶段。具体的开发制作过程如下：网站定位收集与加工网页制作素材规划网站结构和网页布局编辑网页内容测试并发布网页网站的维护网站的宣传8.2网页基本元素8.2.1

网页的基本元素站标导航栏广告条按钮文本图像表格表单多媒体及特殊效果8.2网页基本元素8.2.2常用网页制作工具超文本标识语言（HTML）MicrosoftFrontPagePhotoshopFireworksFlashDreamweaverMicrosoftVisualStudio8.2网页基本元素8.2.3创建网页基本元素建立Dreamweaver8站点

建立站点文件夹

创建网页基本元素1．制作标题2．添加水平线3．设置导航栏4．图像和文字的链接5．设置页面属性8.3网页制作技术8.3.1网页中表格的应用

创建表格

表格基本操作和属性1．表格的基本操作2．查看和设置表格属性3．设置单元格、行和列属性4．添加、删除行和列5．合并、拆分表格中的两个或多个单元格6．剪切、复制和粘贴单元格

使用格式表格8.3网页制作技术8.3.2网页中框架的应用

框架

创建框架

保存框架集文件8.3网页制作技术8.3.3使用层和行为

插入新层

设置层的属性

调整层的大小

移动层

对齐层

层转换为表格

8.3.3使用层和行为

行为1.行为的概念8.3.3使用层和行为

行为1.行为的概念

行为列表：播放声音：为网页加入声音。打开浏览器窗口：可以打开一个小窗口。弹出信息：可以弹出一条警告信息。调用JavaScript：调用网页中包含的JavaScript程序。交换图像：用于接收用户的动作而动态改变图像。更改内容：可以改变已经插入的层的内容。恢复交换图像：把已经交换的图像恢复过来。检测插件：可以检测访问者的浏览器是否已经安装网页所必须的插件。检测浏览器：检测访问者使用的浏览器的类型。检查表单：检验网页中的表单是否合法。8.3.3使用层和行为

行为1.行为的概念

行为列表：控制Shockwave或Flash：控制网页中包含的Shockwave或Flash。

转到URL：跳转到其他页面。

设定图像导航条：和交换图像原理一样，使用替换原理，其主要作用是使图像链接起导航作用。

设置文字：在特定的地方显示文字。

显示或隐藏层：设置图层的显示或隐藏。

时间轴：可以制作更多的动态效果。

跳转菜单：插入跳转导航菜单。

跳转菜单开始：控制导航菜单跳到那个页面。

拖动层：设定图层是否允许拖动。

预先载入图像：在网页里装载前先载入图像。

显示事件：设定显示IE或NS各个版本的事件。8.3.3使用层和行为

行为2．动作3．事件4．触发行为的事件5．行为的使用6．动态改变物件属性7．转到URL8．播放声音9．弹出信息10．检测表单合法性8.3网页制作技术8.3.4表单的使用“表单”选项卡中的主要按钮:①

“表单”②

“文本字段”③

“隐藏域”④

“单选按钮”⑤

“复选框”⑥

“单选按钮组”。⑦

“列表/菜单”⑧

“跳转菜单”⑨

“图像域”⑩

“按钮”8.3网页制作技术8.3.4表单的使用1．向文档中添加一个表单2．插入文本并设置属性3．插入单选按钮4．插入复选框5．插入表单按钮8.4网站测试与发布8.4.1网站的测试网站在发布之前需要进行测试，测试站点是为了发布后的网页能在浏览器中正常显示以及超链接的正常跳转。测试内容一般包括：浏览器的兼容性不同屏幕分辨率的显示效果网页中的所用链接是否有效网页下载的速度等测试不仅要在本地对网站进行，最重要的是在远程进行。因为只有远程浏览才更接近于真实情况。8.4网站测试与发布8.4.2网站的发布在Dreamweaver中设置远程站点的操作步骤如下：（1）打开要上传的本地站点，在“Files（站点）”面板中单击工具栏中的展开按钮将面板展开。（2）在左侧远端站点窗格中单击“定义远程站点”超级链接，弹出“站点定义对话框”。（3）选择FTP访问方式，然后设置用于输入Web站点文件上传到的FTP主机名称，以及用户输入在远程站点上存储文档的主机目录。（4）设置登陆用户名以及密码。（5）选择“使用被动FTP”复选框，可以建立被动FTP。（6）选择“使用防火墙”复选框，则从防火墙后面连接到远程服务器，同时设置防火墙主机及端口号。（7）单击OK完成远程站点设置。8.4网站测试与发布8.4.3网站的维护

网站的后期维护工作是一个