关闭

关闭

关闭

封号提示

内容

首页 网页设计实训报告.doc

网页设计实训报告.doc

网页设计实训报告.doc

上传者: 暗恋中了他的毒 2017-09-18 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《网页设计实训报告doc》,可适用于IT/计算机领域,主题内容包含网页设计实训报告实训报告实训课程:网页制作与设计班级:学号:姓名:指导老师:杨波目录目录实验目的实验描述和要求实验报告内容网站主页设计特色网站样式设符等。

网页设计实训报告实训报告实训课程:网页制作与设计班级:学号:姓名:指导老师:杨波目录目录实验目的实验描述和要求实验报告内容网站主页设计特色网站样式设计网站模版设计总结实验目的()掌握规划网站的内容结构,目录结构,链接结构的方法。()熟练掌握网页制作软件Dreamweaver和基本操作和使用技能。()掌握页面的整体控制和头部内容设置的方法。()熟练掌握网页页面布局的各种方法。()熟练掌握在网页中输入,设置标题和正文文字的方法。()熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。()熟练建立各种形式的超级链接的方法。()掌握表单网页制作方法。()掌握网页特效制作方法。()掌握网站测试的方法。实验描述和要求本次实训的内容以建立一个主题鲜明的网站为目标要充分利用我们这个学期所学的知识去制作这么一个网站。在制作网站的过程中要充分展示各种技术在实际操作中的使用比如利用表格、层或框架对网页进行布局使用CSS样式表美化网页使用模版创建网页等。实验报告内容网站主页设计我的主页是以旅游为主题的以淡蓝色为元素清新淡雅。优雅美观内有图片、Flash等元素构成大致介绍了旅游的组成、来历、特点等内容。()在大脑里设计好大概的模式框架并画出来算好之间的距离。想好自己所做的主题在网上找相关的图片和信息和下载好所要用的素材。()建好大致的Css模式()在网页里添加好表格我首先设好了自己所要的表格大小并在里面插好flash(如图)其左边是一个Logo大小是*,右边则是Flash它的宽为高为并且设置了它的透明效果预览效果非常好。()接下来就是主题的主要内容这个导航条采用淡蓝色为背景色其为宽为高为字体为宋体像素水平居中。()把找好的素材应用到里面去和一些相应的东西全部做好预览其效果画面要和谐、清楚让人视觉有新颖的一面。()这样大致的主页就做好了。特色我的主页特色就是画面的和谐、给人清丽的感觉插入了一个自制的Flash有一种动感在里面。还采用了动态效果的图片给人在视觉上有种新鲜感。且布局协调结构清晰另外设计过程插入大量的搜集资料和图片。网站样式设计我的每个网页不一样的样式让别人看到不一样的感觉的效果所以我一共有种样式这就是我的一大亮点但每个样式又不是跳跃幅度很大的所以很协调。()就是我的首页蓝色为主flash还使用了动感画使图面更加的丰富。(上为动感的图片下为flash)此Flash的大小跟首页设计的是样的是采用不一样的动态效果就是因为采用这样的形式吸引别人的眼球这样大家就可以看到一样的形式但看到却又是另一种效果。()下一个就是我的滕王阁的页面了这里的特色就是我把一些实例拿出来介绍并指出图指是哪个地方并且有相应的详细的信息能够帮助大家一看就一目了然。图片也是经过简单的photoshop处理。从中也可以看出文字那块运用了背景颜色比突出。上面这副图采用了行列的表格制作而成每个单格都是*的大小而整个网页给人的感觉简单明了。还采用了背景的模式更加突出字体效果更加清晰。而且里头也加入了flash在里头我加了几个子网这个页面主要的颜色以暗色为主给人感觉神秘也体现图文的特点。我做的是滕王阁景点的所以在里面我做了一个画框的图片体现古韵美和现代的海边照来映衬显出景点的温馨这个页面的主要颜色给人就是一种温馨的感觉()三清山首先我做好设计好的板块插好图片和flash配置好颜色这个就是它的特色里头加了Logo和生动的flash使得画面灵活小巧。(下面就它的模板了)这个是以淡色为主主要介绍三清山的特点和景区图片flash和导航条采用*的大小下面那个图片是动画的形式从右到左的方式展现。在图片下面是采用了一行两列在左边插入了行列的格式而右主要是介绍景点详细信息。所以右边插入了行列而它的就是简单的处理的补充。()龙虎山本页特色与前页都很协调静而活搭配得很好而且运用了两个flash后面的模板功夫特别是图片都跟前面的设计差不多最主要是介绍这个景区的特点和关于景区的一些由来等等。网站模版设计()定义CSS样式()创建样式表()创建类用类选择符能够把多个的元素分类定义不同的样式。类名可以是包含任何字母和数字的组合所有类样式均以句点()开头。()创建标签采用HTML中标准的标记名称作为选择符(样式名)。作为原HTML标准标记(属性)的补充。()创建CSS链接样式定义除选择器为类和标签之外的其他CSS样式有三种形式:派生选择器ID选择器伪类()设置样式表通过设置样式表样式定义CSS规则的属性可以对网页中的布局元素如表格、字体、颜色、背景、链接效果和其他图文效果实现精确的控制。首先创建新规则然后设置下列任意属性如图所示样式表的设置总共分为八大类:类型、背景、区块、方框、边框、列表、定位和扩展。()定义CSS类型属性使用“CSS规则定义”对话框中的“类型”类别可以定义CSS样式的基本字体和类型设置。、如果尚未打开“CSS样式”面板请打开该面板(ShiftF)。、双击“CSS样式”面板顶部窗格中的现有规则或属性。、在“CSS规则定义”对话框中选择“类型”然后设置样式属性。下列任何属性若对于样式并不重要可将其保留为空:()定义CSS样式背景属性使用“CSS规则定义”对话框的“背景”类别可以定义CSS样式的背景设置。可以对网页中的任何元素应用背景属性。例如创建一个样式将背景颜色或背景图像添加到任何页面元素中比如在文本、表格、页面等的后面。还可以设置背景图像的位置。、如果尚未打开“CSS样式”面板请打开该面板(ShiftF)。、双“CSS样式”面板顶部窗格中的现有规则或属性。、在“CSS规则定义”对话框中选择“背景”然后设置样式属性。下列任何属性若对于样式并不重要可将其保留为空:()定义CSS样式区块属性使用“CSS规则定义”对话框的“区块”类别可以定义标签和属性的间距和对齐设置。、如果尚未打开“CSS样式”面板请打开该面板(ShiftF)。、双击“CSS样式”面板顶部窗格中的现有规则或属性。、在“CSS规则定义”对话框中选择“区块”然后设置以下任意样式属性。(如果某个属性对于样式并不重要可将其保留为空。)()定义CSS样式方框属性使用“CSS规则定义”对话框的“方框”类别可以为用于控制元素在页面上的放置方式的标签和属性定义设置。可以在应用填充和边距设置时将设置应用于元素的各个边也可以使用“全部相同”设置将相同的设置应用于元素的所有边。、如果尚未打开“CSS样式”面板请打开该面板(ShiftF)。、双击“CSS样式”面板顶部窗格中的现有规则或属性。、在“CSS规则定义”对话框中选择“方框”然后设置以下任意样式属性。(如果某个属性对于样式并不重要可将其保留为空。)()定义CSS样式列表属性“CSS规则定义”对话框的“列表”类别为列表标签定义列表设置(如项目符号大小和类型)。、如果尚未打开“CSS样式”面板请打开该面板(ShiftF)。、双击“CSS样式”面板顶部窗格中的现有规则或属性。、在“CSS规则定义”对话框中选择“列表”然后设置下列任意样式属性。(如果某个属性对于样式并不重要可将其保留为空。)()定义CSS样式定位属性、如果尚未打开“CSS样式”面板请打开该面板(ShiftF)。、双击“CSS样式”面板顶部窗格中的现有规则或属性。、在“CSS规则定义”对话框中选择“定位”然后设置所需的样式属性。我的制作首先在修改菜单下选择CSS样式出现对话框单击添加样式的按钮。弹出对话框。(如图)然后其次就是做一下工序总结通过这次网页课程设计激发学习兴趣调动学习的自觉性自己动脑、动手动口运用网络资源结合教材及老师的指导通过自身的实践创作出积聚个人风格、个性的个人网页。总体来说整个学期的学习过程我学会了很多知识在此次网页设计中我充分利用了这次设计的机会全心全意投入到网页世界去不断的学习去不断的探索同时去不断的充实去不断的完善自我在网络的天空下逐渐的美化自己的人生~做好页面并不是一件容易的事它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。本次课程设计不是很好页面过于简单创新意识反面薄弱这是我需要提高的地方。需要学的地方还有很多需要有耐心、坚持不断的学习综合运用多种知识才能设计出好的web页面。总体来说通过这次的对网页课程设计有收获也有遗憾、不足的地方但我想我已经迈入了网页设计的大门只要我再认真努力的去学习去提高凭借我对网页设计的热情和执着我将来设计出的网页会更加专业更完善。

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/11
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部