web501课程实训报告

1、Web 501课程实训总结报告1功能描述：版块栏目名称栏目容描述IT销售主页最新笔记木信息可以第一时间告知顾客垠新信息会员注册登入界面使系统和会员之间进行交互和信息交换.鼓励顾客女消费问卷调査可以广泛收集调研信息.反馈顾客的意见图片展示展示热门电脑的图片，让访问者能更好的的了解电脑的样 式。Spry折叠式便于摆放图片使整体网页看起来比较英观鼠标经过图像突出销吿热门的笔记木便于顾客査阅产品模版综述总体的概括了电脑的特点及用途.方便顾客的r解产品价格不同地方的对比，充分的体现了货比三家的原则，考虑r颐客的心理因素参数从专业的方面介绍产品的各类参数，使颐客更加进一步的r解产品图片各个角度了解产品板块

2、分页鼠标经过图像提前加载图片到木地缓存：加快浏览速度。文字介绍可以更好地了解产品，更详细。锚记能精确的描述所抬向页而的容对于关键字排名的总义在于 它可以让容页随机在一起，更加便捷迅速找到相关需求。増 强页面的相关性，最终提升的关键词排名。丨互动版块联系我们在上开辟客户留言空间.联系管理员.及时处理问题。问卷调査可以广泛收集调研信息.具有及时性共享性便捷性和经济 性。信息信息维护维护在上发布的所有信息管理栏目的编辑和模板的改变信息服务接收信息，通过信息服务与客户联系：2开发工具和开发坏境首先Dreamweaver具有制作效率非常快的优点，这就表现在它口以用最快的速度将Fireworks, Fre

3、eHand, 或Photoshop等档案移到网贞上。它还可以通过使用检色吸管丄具來选择荧幕上的颜色來帮助我们设定昴 接近的网页安全色。而且对干选爪快捷键或者是对格式的控制.我们在使用的时候都只要一个简的步骤 就可以了。总之用它來制作网页非常的简农迅速。此外它还有利于我们进行管理，使用Dreamweaver來制 作网贞我们可以使用它的地图來帮助我们更好更快地制作的雏形、设汁.更新和重组网贞。、勺我们在改变网页的位宜或是更改档案名称的时候Dreamweaver还会自动的更新所有.这可以使得的修改 更加的简单。并且它具备的支援文字.HTML码.HTML属性标签以及其它的一般语法的搜寻和宜换功能还可

4、以使那些复朵的更新变得迅速又简单给的管理提供了很大的便利。Dreamweaver还具有一个很大的优点. 那就是它的控制能力非常的好，它是现今唯一一款可以提供Roundtrip HTML.视觉化编辑与原始码编辑同 步的设汁工具.它可以帮助网页制作者准确快速的把设讣成自己所需求的样式。3构建的思想和流程（-） 定位木在internet上介绍IT销停的主流.要向浏览者了解IT笔记木的最新消息等。透过发挥促进 IT产业的发展.与信息化的世界接轨。打出品牌.宣传IT产品吸引关注度，为IT产业的发 展做出贡献。（2）规划该包括：IT销售主页，各类产品信息介绍.留言板.用户注册等基木容。（3）逻辑结构该主贞

5、以导航为主.插入音乐.及用户注册.问卷调査，留言扳等基木容.主要以图片下面的 文字进行，比较淸晰的展示了电脑的基木信息。也可以直接在上述中找到自己需要的子，例如 各类电脑的信息。査询.宜接进行超到子网贞，更可以选择回到主页°主网页中的最新产品都 想进行了.对该产品进行了详细的介绍，分为7个子，在配上图片的同时附上文字，点击文字 便可以超到子网页，在子网页中做锚点，对于关键字排名的意义在于它可以让容贞随机在一起, 更加便捷迅速找到相关需求。増强页血的相关性。（4）风格主页以图片为主，用表恪制作.展示比枚丄整，视觉效果强。销售网页有销售排行榜以及最新的产品，可 以及时的向浏览者展示最新的

6、资讯.比较节省时间，更加方便了顾客的査看。子网贞中以产品的详细介绍 为主，配合图片，清晰明了(5)设计流程先做出自己的逻辑结构.再做自己的主页.插入音乐.图片，做用户登入注册，问卷调査，主页基木结束。 运用模板制作其他分页，主要介绍了几个品牌机的详细参数。做联系我们的留言板。开始做超级，做完后 开始做分页中的子页，共做6个主页.一一进行超级，修改主页的菜单栏进行输入.并都予以超级，在这 些过程中运用锚记，鼠标经过图像滚动字幕等一系列技术。4设计与制作网页基木布局1标题栏最上而是标题下面是正文，子页筝以此体现2左右框架型，桌面是导航，最新产品是文字超.类型结构清晰，一目J'然。3上下框架

7、型.上面是导航页.下面是文字图片音乐等。是一种上下分为两贞的框架。5设计中遇到的问题，解决方法，获得的经验与体会(1) 插入视频(音乐)不会？先在网上下载好视频文件。将鼠标光标定位到要插入swf的位贸 在“插入”面板的“常用”类别爪机“媒 体:SWF”选项旁边的按钮,在下拉列表中选择“SWF”选项。出现“选择文件”对话框,选择要插入的SWF 文件.这里选择你说下载好的视频文件.按确定按钮.出现“对象标签辅助功能属性”对话框.在“标題 文木框中输入你想好的名字，单机确认按钮C(2) 命名锚记不会？打开需要加入锚记网页文档。将光标置于所需要容之前，并也机“常用”选项中的“命名锚记”按钮，在 弹出“

8、命名锚记”对话框中的“锚记名称”文木框中输入你所需的名字。(3) 使用“css”结构页面不会?新建一个网页文档,单机“布局”工具栏中的“绘制APDIV"按钮,在该网页中绘制一个层。选中该APDIV 层，选择“窗口” / “CSS样式”命令展开“CSS样式”面扳，单机该面板右下角的“新建CSS规则”按 钮。出现“新建css规则”对话框，在“选择器类5T下拉列表中选择“nr选项，在“规则定义”下拉 列表中选择“仅限该文档”选项.笊机“确定”按钮。出现css规则定义对话框.在“分类”列表中选择“背景”选项.并在右列列表框中进行各项设宜.也可以选择其它分类选项进行设習。单机“确定”按钮. 返

9、回设汁界而.可以看到刚才对该层进行的设宜。(1)获得的经验与体会及对建设相关课程的认识1）确定主题：对于容主题的选择，要做到小而精.主題定位要小.容要精。不要去试图制作一个包罗万彖的站点，这往往会失去的特色，也会带來扁强度的劳动.给的及时见新带來困难。2）学握建网工具：在制作网贞的时候，一定要熟练学握软件的运用，要不断的摸索，对于细节的 处理.我们需要做很女东西.只有不断的练习，才会更好的运用软件。我们结合自身的实际.合 埋运用Photoshopx Flash、Dreamweaver等我们熟练学握的匸具。3）确定界面:的题材确定后，就要将收集到的资料容作一个合理的编排尽可能删除那些与主 题无关

10、的栏目.尽可能将昴有价值的容列在栏目上，尽可能从访问者角度來编排栏目以方便访问 者的浏览和査询：辅助容，如站点简介、信息、各板块婆有相对独立性，备板块要有相互关联， 各板块的容要碉绕站点主題：按栏目容建立子目录。子目录的建立，首先按主栏目建立。友情容 较女.需要经常更新的可以建立独立的子目录。而一些相关性强.不需要经常更新的栏目。4）确定风格：“风格”是抽彖的，是指站点的整体形歛给浏览者的综合感受。这个“整体形線” 包括站点的CI （标总:，色彩.字体，标语）、版面布局.浏览方式.交互性.文字、语气、容价 值等等诸笋因素。6开发主要技术应用及实现目的在制作网贞的时候.一定姿熟练学握软件的运用，要不断的換索.对于细节的处理.我们需要做 很筝东西.只有不断的练习.才会更好的运用软件。我们结合自身的实际，合理运用Photoshop.Flash. Dream-eaver等我们熟练掌握的工具。这些软件可以使我们的图片更漂亮.布局更合理. 使页面更类化更优化°7对整个系统进行分析总结，系统的特点和不完善之处总体设计时.主婆是一些功能模块的逻辑设计，