|
网页设计和c语言不相关，《网页设计与制作》，先下个dreamweaver了解下吧，这是设计网页的。老师会教的怕什么本回答由提问者推荐一、实验目的和要求综合应用Dreamweaver8的基础知识创建和编辑网页。二、实验内容及步骤（1）在“文件”中新建一个网页，在“插入面板”的“布局”中，新建“左侧和嵌套的顶部框架”框架，并使框架网页符合下列要求。①“文件”中的“框架集”另存为，保存框架集时，把框架集文件名改为index.htm。②在“框架浮动面板”中选中左框架，在“文件”中选择“保存框架页”，同时给左框架文件命名为left.htm，在框架浮动面板中选中左框架，在“修改”中将“页面属性”中设置背景图像为bg0035.jpg以及左框架的列宽度为320像素。③在框架浮动面板中选中顶框架，在“文件”中选择“保存框架页”，顶框架文件名为top.htm，选中顶框架，“属性面板”中设置行高度为65像素。④选中主框架，在“属性面板”中设置主框架页面的“滚动”方式为自动，[源文件]为本地站点中的网页文件main.htm。⑤分别选中3个框架,在“属性面板”,“页面属性”中将三个框架网页的页面属性“左边界”、“顶部边界”、“边界宽度”、“边界高度”设为0，在“文件”中选择“保存全部”,将全部框架文件保存在本地站点中。（2）用photo子文件夹中的图像创建网站图像册，其要求如下。①新建一个网页,在“命令”中“创建网站相册”,在弹出的窗口中设置标题为“名画——人类的精神粮食”，省略副标题。②在①弹出的窗口中继续设置页面图像的缩略图尺寸为100*100像素；每行列数我为6列；缩略图像文件格式为.jpg。③在①弹出的窗口中继续设置“源图像文件”为本地站点根文件夹中的photo子文件夹，“目标文件夹”为本地站点根文件夹，其他参数默认。④在“页面属性”中用img文件夹中的文件bg0029.jpg设置网页背景图像。⑤插入“库”项目:在页面中插入层,点击“文件浮动面板”，“资源”中选择“库”,选中库项目return,按下”插入”按钮。⑥在“文件”中选择“另存为”,保存网页文件,以index1.htm为名保存在本地站点的根文件夹中。（3）新建一个网页,命名为fg1.htm，并将此文件保存本地站点根文件夹中。打开文件fangao.dwt.①将“梵高的故事.doc”中的文字内容复制粘贴到网页文字可编辑区域的蓝色框中，并在模板左侧2个图像可编辑区域中，单击可编辑区域,在“插入”中选择“图像”,选择img文件夹中的tu1_3.jpg和tu2_3.jpg，模板顶部标题可编辑区域输入文字“梵高的故事”。②在“属性面板”中选择“样式”，“附加样式表”,附加本地站点根文件夹中的外部层叠样式表文件format.css，选中网页标题,在“属性面板”样式中选择title作用于网页标题，同样方法将样式format作用于网页中的其他文字，样式filter作用于图像文件tu1_3.jpg和tu2_3.jpg。③把光标放在要插入的位置,在“插入”中选择“命名锚记”,输入名称”aa”,在网页中最后一段的文字“镶板画”中间插入用于超链接的名为“aa”的站点。④在页面左下角插入层,在“文件浮动面板”的“资源”中选择“库”,选中库项目return,按下”插入”按钮。（4）新建网页文件，并将此文件以fg2.htm为名保存在本地站点的文件夹中。①在“属性面板”的“页面属性”中设置页面背景图像为bg0029.jpg，在“插入”中选中“表单”中的“表单”。在“属性面板”中设置表单的名称为：“调查”，动作为：答题学生本人的邮件地址，方式为：POST。②输入文字“问卷调查”，选中文字在“属性面板“中设定”居中”,并设置文字格式。③在“插入”中选择“表单”，“文本域”,在表单的第2行，插入文本域。设置标签文字为“姓名”,确定.选中文本域,在“属性面板”中设置“字符宽度”为20，“类型”为单行，“最多字符数”为20。④在“插入”中选择“表单”，“单选按钮组”,在同一行中再插入单选按钮组，单选按钮组的名称为“性别”。将标签改为”男\女”,在属性面板中设置标识是“男”的单选按钮的“初始状态”为已勾选，“选定值”为“男”。标识为“女”的单选按钮的“初始状态”为未勾选，“选定值”为“女”。⑤在“插入”中选择“表单”，“文本区域”,在表单的第3行中插入多行文本域,在弹出的窗口中设置标签文字为“谈谈你对本网站的观感：”。换行后，插入多行文本域，选中该文本域,在属性面板中设置其“字符宽度”为50，“类型”为多行，“行数”为10，“换行”为默认，“初始值”为“请发表您的浏览观感”。⑥在“插入”中选择“表单”，“按钮”,在表单的第5行居中插入2个按钮，在“属性面板”中并分别将它们的“标签”和“动作”设为：递交表单和重设表单。⑦在页面左下角插入层,在“文件浮动面板”中选择“资源”，“库”,选中库项目return,按下”插入”按钮。（5）打开网页首页文件index.htm。①点击顶部框架,在“插入”中选择“媒体”中的flash,在顶部框架中插入Flash文件fgl.swf。②在“插入面板”的“布局”中选择“绘制布局表格”,在左框架的上半部分画布局表格,在其中画5个布局单元格分别选中,在“属性面板”中设置大小为93*63像素，在“插入”中选择“鼠标经过图像”,在其中分别插入“鼠标经过图像”，在弹出的窗口中设置其“原始图像”文件分别为tu1_2.gif、tu2_2.gif、tu3_2.gif、tu4_2.gif、tu5_2.gif，“鼠标经过图像”文件分别为tu1_1.gif、tu2_1.gif、tu3_1.gif、tu4_1.gif、tu5_1.gif。③在左框架的下半部分按样张画三个层,属性设置为210*150大小，在这个3层中插入3幅图像分别是tu1_3.gif、tu2_3.gif、tu3_3.gif,选中3个层,在“修改”中选择“排列顺序”中设置3个层重叠,分别将3个层选中,在右键菜单中选择添加到时间轴,在3幅图像的动画条中插入适当的关键帧,在“属性”中更改关键帧处的可见性,制作时间轴控制3幅图像轮流显示的时间轴动画，每幅图像显示的时间为1s,并钩选自动播放和循环④在“文件浮动面板”的“资源”中选择“库”中,选中库项目return，点击面板右下角的”编辑”按钮,选中它,在“属性面板”中设置其与首页index.htm建立链接，并使首页index.htm在复框架中显示,目标_parent，然后“修改”中选择“库”的“更新页面站点”。⑤在首页文件index.htm被浏览时播放声音文件Applause.wav。⑥将文件保存.（6）按下列要求为左框架中的5个图像按钮添加行为和超链接。①选中图像，在“行为面板”中选择行为“Ondblclick”.然后“添加行为”，“控制shockwave或flash”,操作:停止，在“行为面板”中选择行为Onclick，“添加行为”“控制shockwave或flash”,操作:播放,可达到以下效果：双击该图像，停止播放顶部框架中的Flash文件fg1.swf，单击该图像，开始播放顶部框架中的Flash文件fg1.swf。②选中第2个鼠标经过图像在“属性面板”添加超链接,链接至index1.htm,选择“目标”为“mainframe”可达到以下效果:单击此图像是链接网站相册文件index1.htm，并使该文件在主框架中显示。③选中图片在“属性面板”中设置链接为fg1.htm#aa,目标为_mainframe,即可单击此图像时链接到文件fg1.htm的锚点“aa”上，并使该文件在主框架中显示。④给网页左框架第4个鼠标经过图像添加超链接，选中图片,在“属性面板”中设置链接至fg2.htm,目标为_mainframe,即可单击此图像时链接到文件fg2.htm上，并使该文件在主框架中显示。⑤选中图像,在行为面板中选择行为“Ondblclick”,“添加行为”“控制”shockwave或flash,操作：停止；选择行为“Onclick”,“添加行为”“控制”shockwave或flash,操作：播放。使双击该图像，停止播放左框架底部的时间轴动画，单击该图像，开始播放左框架底部的时间轴动画。三、实验中遇到的问题及解决方法1．起初插入的flash动画始终无法显示，插入的main.htm中有个别图象无法显示，通过改变绝对路径,完成显示效果.2．做超链接时，链接的无效果，通过改变链接途径达到链接效果。3.在做最后一步的六个图片的超链接时，添加行为和控制shockwave或flash，多次操作和调试都无法成功，后来经过请教同学，知道是在“行为面板”中选择行为“Ondblclick”.然后“添加行为”，“控制shockwave或flash”,操作:停止，再在“行为面板”中选择行为Onclick，“添加行为”“控制shockwave或flash”,操作:播放,即可达到要求的效果。4．在做3副图象轮流显示的时间轴动画时，开始不会做，后来知道是在右键菜单中选择“添加到时间轴”,在3幅图像的动画条中插入适当的关键帧,在“属性”中更改关键帧处的可见性,制作时间轴控制3幅图像轮流显示的时间轴动画，每幅图像显示的时间为1s,并钩选自动播放和循环。本回答由提问者推荐最好买一些有事例的网页制作的书。在就是学习dreamweaver2004或者更高版本的,都有一样,只是功能多一些而以.dreamweaver2004首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。我当时学习网页制作的时候是看的视频教程，开课吧网站有一些网页制作的视频教程，你可以参考一下。
|
