网页设计课程实践报告.doc

《网页设计课程实践报告.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计与制作课程实践报告题目：制作“英语学习”网站学院计算机与电子信息学院年级电子商务14学号1407130132姓名彭才茂指导教师石娟二零15年12月27日otherstaffoftheCentre.Duringthewar,ZhuwastransferredbacktoJiangxi,andDirectorofthenewOfficeinJingdezhen,JiangxiCommitteeSecretary.Startingin1939servedasrecorderoftheWestNorthOrganization,SecretaryoftheSpecialCommitte

2、eAfterthevictoryofthelongMarch,hehasbeentheNorthwestOfficeoftheFederationofStateenterprisesMinister,ShenmufuguSARmissions,DirectorofNingxiaCountypartyCommitteeSecretaryandrecorderoftheCountypartyCommitteeSecretary,Ministersand中文摘要我本次网页设计实践的主题是“英语学习网站”，在这个网站设计过程中，主要的一些操作为：在网页中添加文字、添加图像、用表格、APdiv和

3、css+div来布局、运用模板和框架技术、添加超链接、锚点链接、热点链接、运用表单元素以及插入一些常用的HTML元素等。并且通过对其代码的分析学习来控制网页中的一些元素来达到自己想要的效果。I目录摘   要 ................................................... Ⅰ目  录 ..................................................... Ⅱ 制作目的.....................................................1第1章dreamweaver网页设计1.

4、1制作图文并茂的网页......................................21.2表格的使用................................................21.3超链接...................................................41.4模板.....................................................51.5框架.....................................................61.6表单.........

5、............................................7第2章布局2.1CSS布局.................................................8I目的一个学期的网页设计课程准备结束了，由这一学期对dreamweaver软件的学习，学到了一些在网页中插入元素，并通过表格和div等来对网页整体进行布局。本次课程设计作业给我们提供了一个实践的机会，我设计的网站为一个英语学习网站，通过设计这个英语学习网站并对这个网站的每个页面进行悉心布局来检验自己上课的学习成果，并巩固上课所学的知识。同时积累一些以在实际操作中的经验来提高

6、自己的实际操作能力。为今后更深入的学习网页设计后台运行等打好基础。所以网站中太多细节没有考虑到，还请谅解。下面是我设计的网站的整体框架：注册网站介绍听力训练单词学习词典四级单词学习六级单词学习阅读练习AspecialletterAboxfullofkissesNotasimpledress（网站中有些是空链接，并且每个页面都可以链接到“我拍的账户”和返回主页。）写作练习网站首页学习之余交流讨论登陆我的账户注册1第1章dreamweaver网页设计1.1制作图文并茂的网页图1.1.1在本次网页设计实践中，由最简单、最基础的插入文字图片开始，让网页具有最基本的元素：如图1.11并观察它们的

7、属性和代码：（如图1.12图1.13）图1.1.2图1.1.31.2表格的使用在本次网页设计实践中，网页中的表格主要有两个用途：1、用作网页整体的布局：在编辑模板时，我首先插入了一个3行1列的表格，随即调整单元格的高度。使之分隔一个网页为3个板块，再调整表格背景等属性，插入别的元素等。如图1.2.11图1.2.12、表格的一般用途，在表格中输入信息，使网页整体更加整洁。如图1.2.2图1.2.211.3超链接图1.3.1（1）超链接：超链接的代