毕业设计论文-基于asp的个人网站的设计与实现内容摘要:

属性面板 在网页编辑窗口的下面还有一个面板,它是有名的“属性面板”,它在这个软件中起到举足轻重的作用。 属性面板顾名思义,就是显示,调整属性的面板,根据鼠标所选中对象的不同,“属性面板”在界面上也会有所差异,用户 可以分别对不同的对象进行调整。 第二章 网站制作实战 站点 创建站点 要制作一个网站,第一步操作都是一样的,就是要创造一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。 从菜单中选择“站点 /管理站点”在弹出的对话框中选择“新建”,之后再选择其中的“站点”,再次弹出一个对话框,在文本框中输入自己已经企化好的网站名称“追梦人”。 填好后,单击“下一步”,进入下一个步骤。 由于我要做的是一个静态的网页,所以选择上面的一项 “否,我不想使用服务器技术。 ” 单击“下一步”,进入下一个步骤。 在此选项中有两个选择,选择推荐的“编辑我的计算机上的本地副本,完成后再上传到服务器”。 底下的文本框允许在本地磁盘上指定一个文件夹, Dreamweaver 将在其中储存站点文件的本地副本。 单击该文本框后面的文件夹图标,新建并指定一个空的文件夹“ E:/ding”。 之后单击“下一步“,进入下一个步骤。 这一步是如何设置连接到远程服务器,弹出式菜单中有 6中选择,这里选择“无”。 而后“下一步”再“完成”,即可。 创建站点内容 站点创建完成后,就可以创建 Web 页来填充站点了。 在“右侧浮动面板组”中选择“文件 /文件”面板,此时整个网站中没有任何内容。 用鼠标右击面板中的本地根目录文件夹。 在弹出的菜单中选择“新建文件”,新建一个文件后将其命名为“ (或),它就是未来的首页。 由于“追梦人”网站分为“平面设计”、“动画制作”、“网文精品”、“经典回顾”、“个人说明“这五个大栏目,所以继续用鼠标右击右侧,在弹出的菜单中选择第二项“ New Folder(新建文件夹)”。 执行五次 操作,新建五个文件夹,并把它们重命名为 graph、 anim、 books、 music、 letter,分别对应上面的五个大栏目。 存放它们各自的内容。 之后再次新建 1 个文件夹,命名为 images,用来存放“所有的图象文件”的内容。 之后在个栏目的文件夹里还要建立想相应的栏目网页。 首页 设置首页布局 每个网站都会有一个首页,就功能上而言,它代表着一个网站的风格与特色,就网站架构上而言,它代表了网站的第一层架构,至于网站上其他 Web 页,原则上都必须通过首页来连接散播出去,可见 首页是多么的重要。 首页是打开网站后在浏览器中显示的第一个页面。 它是起什么名字通常要视 Server 端的设置,一般的有 , 或 等,目前主要以 的居多。 当然,后缀名为 html 也是正确的。 具体设置方法是:右健单击“文件”浮动面板中的 ,在弹出的菜单中选择“设成首页”。 首页的布局有很多方法,在这里我所用到的是表格的“布局模式”。 “布局”模式中的表格称为布局表格,单元格称为布局单元格。 在绘制布局表格和布局单元格时,必须从“标准” 模式切换到“布局”模式。 直接单击“布局”按钮即可。 操作步骤: 在“插入快捷栏”的“布局”分类中,单击“布局表格”按纽。 将变成“ +”形状的鼠标光标放到编辑中网页上,在要绘制的地方进行拖动就可以进行创建了。 (如果绘制的是第一个表格必须从网页的最左上角开始绘制)。 在这里要绘制多个表格,可以再次单击“布局表格”按纽进行绘制,也可以按住 Ctrl 键绘制多个表格。 追梦人”网站首页的布局如图所示: 设置首页的页面属性 首先双击“文件”浮动 面板中的 ,进入页面的编辑窗口。 右健单击空白区域,在菜单中选择“页面属性”,之后弹出“页面属性”对话框,若选择主菜单“修改 /页面属性”项,也可以把打开该对话框。 在“页面属性”对话框中,左侧窗口显示“分类”,其中包括了“外观”、“链接”、“标题”、“标题 /编码”、“跟踪图像” 5 项,右侧区域则显示各类中可以设置的项目。 “追梦人”首页设置的属性如下图所示: 查看和编辑头内容 一个网页文件结构上实际是由两部分组成,头( head)内容和主体( body)内容主体内容( body)是文档的主要 部分,也是包含文本和图像等的可见部分。 头内容( head)是除文档标题外的不可见部分,包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息,这些元器并不是每个页面都需要的,例如,可以仅为主页提供关键字。 下面就以首页为例,说明怎样插入较常用的头( head)内容。 单击“菜单拦”下面“插入快捷”的下拉列表,选择其中的 HTML 类,此时右侧将会显示该类中可以插入的对象快捷按钮,再次单击第 2 个按钮“文件头”旁边的下拉箭头,会弹出菜单,该项列出的便是即将插入的头内容。 插入图像 图像是网页中不可或缺的组成成份,恰当地使用图像,可以使网站充满生活生命力与说服力,吸引更多的浏览者,加深他们欣赏你网站的意愿。 另一方面,网页的容量大小是网站成功与否的一大关键因素。 由于网络在传输上的限制,导致了下载的速度不可能太快,因此,网页的大小就不能太大,其中关键就在于图像的大小了,否则浏览者会失去等待的耐心,无论你的网站多么精彩也无济于事了。 所以,在网面容量大小的问题上一定要重视。 下面就来详细介绍对网页图像进行处理的操作步骤,以使得它们在保持图形美丽与网站风格搭配的基础上,图片文件能够变的 更小。 首先将光标停留在要插入图像的位置,然后单击“菜单栏”下面“插入快健栏”的下拉表,选择其中的“常用”类,则右侧将会显示该类中可以插入的对象快键按钮。 左起第 5 个即为“图像:图像”按钮,单击它右侧的下拉列表,选择第 1 项“图像”。 随即弹出“选择图像源文件”对话框。 从计算机磁盘中选择想要插入的图像文件,或在 URL 编辑框中输入图像的路径和名称。 下面的“相对于”下拉表框中,可选择文件URL 地址的类型,如果选择“文档”选项,表示图像地址相对于当前文档;如果选 择“站点根目录”选项,表示地址相对于根目录。 在这里我要插入的是网站标志 logo,插入 logo 图象,如图所示: 最后单击“确定”按钮,即可完成插入图像的操作。 插入多媒体 在 Dreamweaver MX2020 中,除了之前讲到的可以插入“图像”外,还可插入动画、声音、视频等媒体元素,如 Flash,Shockwave,Applets,ActieX 及格 Midi 声音文件等,并且还可以在 Dreamweaver 自身内插入 Macromedia Flash MX2020 按钮和文本对象,以及进行相关的后期处理和 添加设计备注等操作。 在 Dreamweaver MX 2020 文档中,可以插入媒体文件包括 Flash Shockwave 影片、QuickTime 、 AVI java、 applet Active X 控件以及各种格式的音频文件。 要在浏览器中播放放 Flash 动画,必须在浏览器中集成“ Flash 播放器 ( Flash Player)”。 其中, Inter Explorer 通过 ActiveX 控制来实现, Netscape Navigator 则是通过相应的插件来实现的。 在最新的 Netscape Navigator 和 Inter Explorer 浏览器中,均已集成了 Flash 动画播放功能。 操场作步骤: 步骤 1 将光标停留在要插入 Flash 的位置,然后单击菜单栏下面“插入快捷栏”的下拉列表,选择其中的“常用”分类,右侧将会显示该类中可以插入的对象快捷按钮。 左起第 6个即为“媒体”按钮,单击它右侧的下拉列表,选择第 1项 Flash图标。 步骤 2 在弹出的对话框中选择扩展名为 swf 的 Flash 文件,即可将其插入到 Dreamwe aver 的“网页编辑窗口”中,可以看到,在这个窗口中 Flash 文件的 大小。 在 这里我的主页插入的一个动画,如图所示: 插入文本 文字是人类语言最基本的表达方式,在网页中,文本内容也可以说是重要的组成部分,一个网站成功与否,它是最关键的因素。 在这最关键的因素。 可丰富网站的文字内容,并以最最美观、最整齐的方式放入到网页中。 插入文本的两种方式 网页中需要大量的文本,我们或以通过以下两种方式插入它们。 一种是在网页编辑窗口中直接用键盘敲入文本。 这可以算。
阅读剩余 0%
本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。