1 / 72
文档名称:

inter8设计制作个人网站.ppt

格式:ppt   大小:4,684KB   页数:72页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

inter8设计制作个人网站.ppt

上传人:ranfand 2022/6/28 文件大小:4.57 MB

下载得到文件列表

inter8设计制作个人网站.ppt

相关文档

文档介绍

文档介绍:典型工作任务八:设计制作个人网站
任务1:设计个人网站
任务2:发布个人网站
任务3:更新与维护网站
*
【工作目标】
本子任务是通过设计与制作一个个人网站首页〔图8-1〕,使读者了解网页制作的根底知识和Dreamwe表格2〕,并将“对齐〞设置为居中对齐,作为页面装饰。
*
任务1:设计个人网站
4.制作主体内容
〔1〕在表格2的下方插入一个1行5列的表格(表格3),并在其属性面板中将“对齐〞设置为居中对齐,分别设置第1、3、5单元格的宽度为28%、47%、25%。
〔2〕制作“最近作品展示〞栏。将光标定位在单元格1中,设置其属性面板中的“垂直〞为顶端。然后插入1行1列的表格,在属性面板中设置。然后将光标定位在表格中,在属性面板中,将“背景颜色〞设置成#FFFFFF〔白色〕。
*
任务1:设计个人网站
4.制作主体内容
〔3〕将光标定位在表格中,然后插入一个2行1列的表格,设置宽为100%,间距为2。在属性面板中体设置。
*
任务1:设计个人网站
4.制作主体内容
〔4〕将光标定位在上边的单元格中,在属性面板中,设置高为23,背景颜色为#99cc66,如以下图所示。然后输入文字“最近作品展示〞。
*
任务1:设计个人网站
4.制作主体内容
〔5〕将光标定位在下边的单元格中,在“插入〞面板中的“常用〞标签中,单击“图像〞按钮,插入图像,效果如以下图所示。
*
任务1:设计个人网站
4.制作主体内容
〔6〕在“最近作品展示〞的1行1列的表格下边插入一个1行1列、宽为100%的空白表格,作为页面装饰。
〔7〕制作“站内专业链接〞栏。在空白表格的下边插入一个1行1列的表格,其属性面板设置如以下图所示。然后将光标定位在表格中,在属性面板中,将“背景颜色〞设置成#FFFFFF〔白色〕。
*
任务1:设计个人网站
4.制作主体内容
〔8〕将光标定位在表格中,然后插入一个2行1列的表格,设置宽为100%,间距为2。在属性面板中具体设置如图8-27所示。
〔9〕将光标定位在上边的单元格中,在属性面板中,设置高为23,背景颜色为#99cc66。然后输入文字“站内专业链接〞。
*
任务1:设计个人网站
任务1:设计个人网站
4.制作主体内容
〔10〕将光标定位在下边的单元格中,插入一个1行1列的表格,其属性面板设置如以下图所示。
在里边再插入一个8行1列的表格,具体属性设置如以下图所示。然后输入文字及插入小图像。
*
4.制作主体内容
效果如以下图所示
*
任务1:设计个人网站
4.制作主体内容
〔11〕在“站内专业链接〞的1行1列的表格下边插入一个1行1列、宽为100%的空白表格,作为页面装饰。
〔12〕制作“友情链接〞栏。在1行1列空白表格的下边创立一个1行1列的表格,在属性面板中的具体设置如以下图所示。然后将光标定位在表格中,在属性面板中,将“背景颜色〞设置成#FFFFFF〔白色〕。
*
任务1:设计个人网站
4.制作主体内容
〔13〕将光标定位在表格中,然后插入一个2行1列的表格,设置宽为100%,间距为2。在属性面板中具体设置如以下图所示。
*
任务1:设计个人网站
4.制作主体内容
〔14〕将光标定位在上边的单元格中,在属性面板中,设置高为23,背景颜色为#99cc66,如以下图所示。然后输入文字“友情链接〞。
*
任务1:设计个人网站
4.制作主体内容
〔15〕将光标定位在下边的单元格内,在“插入〞面板中的“表单〞标签中,单击“列表/菜单〞按钮,如以下图所示。弹出Dreamweaver提示窗口,通常需要参加表单标签,这样才能实现列表/菜单的跳转功能。如果勾选“不再显示此信息〞多项选择框,下次再插入表单项时将按本次操作进行。
*
任务1:设计个人网站
4.制作主体内容
〔16〕单击“是〞按钮,在单元格内嵌入一个空“菜单〞。然后在“列表/菜单〞属性面板中选择“列表〞项,在高度文本框中输入“10〞,效果如以下图所示。
*
任务1:设计个人网站
4.制作主体内容
〔17〕选中列表框,单击属性面板中的“列表值〞按钮 ,弹出“列表值〞对话框,在“工程标签〞项中输入工程的网址。按“+〞和“-〞可增加或删除工程,按上箭头、下箭头可调整工程顺序,如以下图所示。
*
任务1:设计个人网站
4.制作主体内容
〔18〕增加所有工程后,单击“确定〞按钮,所有工程均已显示在列表中,按Ctrl+S保存网页,再按F12在浏览器中浏览制作效果,如以下图所示。
*
任务1:设计个人网站
4.制作主体内容
〔19〕网页中主体内容的其他局部均可按上述方法制作。
*
任务1:设计个人网站
5.制作版权信息
(