网页设计与制作实验报告.doc

高等教育自学考试通信与信息系统管理专业专科实验报告考点名称:课程名称:计算机网络与应用姓名考号成绩教员签名实验名称网页设计与制作实验目的了解专业网页设计工具Dreamweaver、Fireworks和Flash;了解网页的核心技术HTML语言。使用仪器实验环境一台多媒体电脑,组建内部局域网,而且接入国际互联网;安装Windows XP操作系统,建立IIS服务器环境,并支持ASP;安装网页三剑客(Dreamweaver 、Flash 、Fireworks)等网页设计软件。实验内容认识网页设计工具Dreamweaver;新建站点和网页;进行网站的结构设计、站点风格的选择、网站层次规划和页面布局;网页的基本组成要素的添加;网页中多媒体的应用;站点和网页的保存;站点的发布。实验步骤:1、确定网站主题我的网站的主旨在于介绍自己,展示自己,包括我的自我介绍、学习、创作和我的班级等内容。从各个方面全面的介绍我自己。另外,网站里还应包括我的相册,建立一个展示自我形象的平台。同时,网站里的每一个网页都要有统一的风格,以加强渲染自己性格的效果。最重要的是做出自己的风格,吸引浏览者的眼球。2、搜集材料主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻,同时,查询相关的图书、报纸、光盘、多媒体等,也能够得来更加有说服力的信息。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。3、规划网站我的网站包括5个页面,首页、自我介绍、我的相册、我的班级和给我留言。每一个页面用统一的背景图片,以保证网站统一的风格。用自己的名字命名网站Loge,搭配合适的元素用Photoshop设计出独特的站标,然后再仿制出相似的其它子页面站标,网站整体色调为白色,然后点缀其它不同的颜色相配,突出主题,但颜色不宜过多,过杂,给人一种杂乱的感觉。版面设计要灵活,根据各部分内容的不同适当的自由设计。可是每个页面的主元素和位置不能变,。网页布局主要用层和表格,用层定位内容的大致结构,再用表格具体定位。位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是,用CSS设计一个样式,以保证随时、准确的调用。另外,为了网页布局的协调,还能够加入flash动态图片,会达到更好的效果。4、选择合适的制作工具做网页的首先工具当然为Dreamweaver,另外,为了处理网页中的其它元素,还能够使用Photoshop、GifAnimator等软件。5、认识网页设计工具Dreamweaver(1)Dreamweaver的启动单击任务栏上的“开始”→“程序”→“Macromedia”→“MacromediaDreamweaver”即可启动网页设计工具软件。(2)窗口组成的认识6、新建站点执行“站点”菜单中的“新建站点”命令,在弹出的对话框中选择“基本”标签,在文本框中分别输入新建站点名称和站点的HTTP地址;再选择“高级”标签,在分类列表中选择“本地信息”,并在右边各文本框中输入站点名称、本地根文件夹、默认图像文件夹、HTTP地址,这些设置完成后,单击确定按钮,即可完成站点的创立。7、站点中首页的创立“文件”菜单→“新建”→选择“常规”选项