新書推薦:
《
启蒙的辩证:哲学的片简(法兰克福学派哲学经典,批判理论重要文本)
》
售價:HK$
76.2
《
云中记
》
售價:HK$
76.2
《
中国古代妇女生活(中国古代生活丛书)
》
售價:HK$
47.0
《
你的认知正在阻碍你
》
售價:HK$
65.0
《
我们身边的小鸟朋友:手绘观鸟笔记
》
售價:HK$
78.2
《
拯救免疫失衡
》
售價:HK$
55.8
《
收尸人
》
售價:HK$
72.8
《
大模型应用开发:RAG入门与实战
》
售價:HK$
89.4
|
編輯推薦: |
1. 本书的特色在于学习过程采用符合专业技能的形成规律的层次化技能训练过程,每个章节主题通过六个层次来进行教学训练,这六个层次分别是优秀作品赏析、模仿实践、拓展实践、单元独立实践、综合项目实训、自主探索开发。2. 针对网页设计初学者,通过优秀作品或实践项目导入知识点,以*效的方式介绍*重要的技能,以项目案例开发为主题,对实践中必不可少的各项重要技术进行了全面介绍与系统讲解,由浅入深、循序渐进地介绍了网站设计与开发的常用技术和方法,并对业界流行的DIV CSS布局应用进行了深度整合与实战剖析,可使读者快速实现入门与精通。3. 本书内容以项目实例开发为核心,课程内容精心组合,技能训练层次化,实践内容项目化。选例实用,讲解透彻,内容丰富,注重思维方法与实践应用。每个项目集中了一些特定的概念,并且以现实世界的情形为基础。4. 为了方便读者学习和满足教学需要,本教材配备了大量的电子资源,可从出版社网站下载。
|
內容簡介: |
本书是作者根据多年从事网站设计及教学工作的经验,其特色是以网页制作主流的软件网页三剑客Dreamweaver、Fireworks和Flash为主线,对网页设计与制作技术进行了全面深入的讲解,将网页制作技术适当分层编写,精选教学案例,做到既有理论又有实践,采用知识点 实例操作的结构来讲解。本书实用性强、知识点新、层次清楚、由浅入深、循序渐进,所选的案例均是实战中的典型案例,便于读者学习和应用,并真正达到举一反三。全书贯穿了不同行业的多种实例,各实例均经过精心设计,操作步骤清晰简明,技术分析深入浅出,实例效果精美,还精心配备了PPT电子课件、教学视频,便于老师课堂教学和学生把握知识要点。 本教材浅显易懂,实践性与指导性较强,特别适合网页设计与制作的初级用户,可作为高中起点本科或大专院校计算机专业学生的教材,也可作为相关领域人员的网页设计入门学习用书或参考书。
|
目錄:
|
目录
第1章网页制作基础知识11.1网页及其制作工具11.1.1网页的定义11.1.2网页的本质31.1.3常用的网页制作软件51.2网站设计流程71.2.1规划站点71.2.2设计站点81.2.3制作网页91.2.4网站发布与维护10本章实训10第2章建立站点与编辑网页132.1Dreamweaver CC简介132.1.1Dreamweaver CC的工作界面132.1.2定义站点172.1.3基本功能简介202.1.4基本功能实例讲解212.2制作第一个网页262.2.1创建网页262.2.2向页面添加元素262.2.3制作网页的一般过程262.3文本修饰272.3.1文本的输入272.3.2字符格式302.3.3段落格式312.3.4列表格式322.4超链接的运用342.4.1超链接的基本定义342.4.2在Dreamweaver CC中设置超链接352.4.3超链接的颜色372.5综合案例382.5.1项目说明382.5.2设计过程38本章实训42第3章网页中的图像与多媒体443.1图像的一般知识443.1.1矢量图与位图443.1.2图像格式443.2在网页中使用图像493.2.1Web图像使用要点503.2.2插入图像与背景图像503.2.3修改图像属性533.3其他图像元素543.3.1图像链接与图像映射543.3.2制作鼠标经过图像553.4在网页中插入多媒体563.4.1常用的音频、视频格式563.4.2添加背景音乐583.4.3添加Flash动画583.4.4添加FLV视频媒体603.5综合案例633.5.1项目说明633.5.2设计过程63本章实训66第4章使用表格674.1插入表格674.1.1表格的基本构成674.1.2创建和选择表格684.2设置表格和单元格的属性704.2.1设置表格属性714.2.2设置单元格属性714.3综合案例724.3.1项目说明724.3.2设计过程72本章实训74第5章使用CSS样式美化网页765.1认识CSS样式765.1.1CSS的神奇性765.1.2CSS与浏览器765.2创建和使用CSS样式775.2.1CSS设计器面板775.2.2创建CSS样式选择器795.3设置CSS样式属性855.3.1设置布局样式855.3.2设置文本样式855.3.3设置边框样式875.3.4设置背景样式875.3.5设置其他样式885.4综合案例895.4.1项目说明895.4.2设计过程89本章实训94第6章网页版式与配色设计956.1网页版式设计956.1.1网页版面的视觉要素956.1.2网页编排设计的基本形式996.2网页中的文字编排1046.2.1文字内容区域1046.2.2字体大小设置1046.2.3行对齐1056.2.4行间距的设定1056.3网站的色彩选择与搭配1066.3.1网页色彩的选择1066.3.2网页色彩搭配的原理107本章实训108第7章Div CSS布局1097.1Web标准1097.2使用Div1107.2.1什么是Div1107.2.2层的基本操作1107.3Div CSS布局1137.3.1Div CSS的布局优势1137.3.2盒模型1147.3.3盒模型实例1157.4综合案例1167.4.1项目说明1167.4.2设计过程116本章实训123第8章Flash应用1248.1Flash简介1248.1.1Flash的基本功能1248.1.2Flash的工作界面1258.1.3Flash的工作流程1278.1.4Flash的基本操作1278.2创建逐帧动画1328.2.1逐帧动画的概念1328.2.2逐帧动画的创建过程1328.3创建补间动画1348.3.1补间动画的概念1348.3.2补间动画示例1358.4创建形变动画1398.4.1形变动画的概念1398.4.2形变动画的创建过程1398.4.3形变的方向控制1398.4.4文字形变动画示例1418.5常用的网页Flash元素1438.5.1Flash按钮制作1438.5.2网页中的Flash导航条1458.5.3Flash Banner制作146本章实训147第9章Fireworks应用1499.1Fireworks简介1499.1.1Fireworks的基本功能1499.1.2Fireworks的工作界面1509.1.3Fireworks的基本操作1519.2位图的处理1549.2.1常用的位图工具1549.2.2位图操作简单实例1579.3利用Fireworks制作Web特效1619.3.1层1619.3.2制作按钮1629.4绘制图形1649.4.1常用的绘图工具1649.4.2绘制草图1669.5Fireworks与Dreamweaver结合1679.5.1使用Fireworks规划网页布局1679.5.2切片导出网页1699.5.3Dreamweaver后期修饰171本章实训172第10章动态网页17310.1使用表单17310.1.1什么是表单17310.1.2表单的使用方法17310.1.3表单对象的属性设置17510.1.4表单应用实例17810.2使用行为18110.2.1什么是行为18210.2.2行为的基本操作18210.2.3行为查看器184本章实训187第11章个人网站综合实例18811.1站点规划18811.1.1内容规划18811.1.2定义本地站点18911.2网页素材准备19011.2.1绘制页面草图19011.2.2图像素材的准备19011.2.3导航条的制作19111.2.4Flash动画的制作19211.3网页制作19411.3.1首页与内容页布局19411.3.2内容页填充19411.3.3基于内容页制作模板19811.3.4利用模板制作其他页面19911.4测试发布200本章实训201
|
內容試閱:
|
序言
《21世纪计算机科学与技术实践型教程》
编辑委员会
主任: 陈明
委员:毛国君白中英叶新铭刘淑芬刘书家汤庸何炎祥陈永义罗四维段友祥高维东郭禾姚琳崔武子曹元大谢树煜焦金生韩江洪
策划编辑: 谢琛《21世纪计算机科学与技术实践型教程》
序
21世纪影响世界的三大关键技术: 以计算机和网络为代表的信息技术;以基因工程为代表的生命科学和生物技术;以纳米技术为代表的新型材料技术。信息技术居三大关键技术之首。国民经济的发展采取信息化带动现代化的方针,要求在所有领域中迅速推广信息技术,导致需要大量的计算机科学与技术领域的优秀人才。计算机科学与技术的广泛应用是计算机学科发展的原动力,计算机科学是一门应用科学。因此,计算机学科的优秀人才不仅应具有坚实的科学理论基础,而且更重要的是能将理论与实践相结合,并具有解决实际问题的能力。培养计算机科学与技术的优秀人才是社会的需要、国民经济发展的需要。制定科学的教学计划对于培养计算机科学与技术人才十分重要,而教材的选择是实施教学计划的一个重要组成部分,《21世纪计算机科学与技术实践型教程》主要考虑了下述两方面。一方面,高等学校的计算机科学与技术专业的学生,在学习了基本的必修课和部分选修课程之后,立刻进行计算机应用系统的软件和硬件开发与应用尚存在一些困难,而《21世纪计算机科学与技术实践型教程》就是为了填补这部分空白。将理论与实际联系起来,使学生不仅学会了计算机科学理论,而且也学会应用这些理论解决实际问题。另一方面,计算机科学与技术专业的课程内容需要经过实践练习,才能深刻理解和掌握。因此,本套教材增强了实践性、应用性和可理解性,并在体例上做了改进使用案例说明。实践型教学占有重要的位置,不仅体现了理论和实践紧密结合的学科特征,而且对于提高学生的综合素质,培养学生的创新精神与实践能力有特殊的作用。因此,研究和撰写实践型教材是必需的,也是十分重要的任务。优秀的教材是保证高水平教学的重要因素,选择水平高、内容新、实践性强的教材可以促进课堂教学质量的快速提升。在教学中,应用实践型教材可以增强学生的认知能力、创新能力、实践能力以及团队协作和交流表达能力。实践型教材应由教学经验丰富、实际应用经验丰富的教师撰写。此系列教材的作者不但从事多年的计算机教学,而且参加并完成了多项计算机类的科研项目,他们把积累的经验、知识、智慧、素质融合于教材中,奉献给计算机科学与技术的教学。我们在组织本系列教材过程中,虽然经过了详细的思考和讨论,但毕竟是初步的尝试,不完善甚至缺陷不可避免,敬请读者指正。
本系列教材主编陈明2005年1月于北京
前言
在如今这个互联网飞速发展的时代,网络已经成为人们生活中不可或缺的一部分。同时网站的建设也开始被众多的企事业单位所重视,这就为网页设计人员提供了很大的发展空间;而作为从事相关工作的人员则要掌握必要的知识体系和操作技能,以满足工作的需要。作为目前流行的网页设计软件网页三剑客Dreamweaver、Fireworks和Flash,凭借着其强大的功能和易学易用的特性深受广大设计人员的喜爱。其中Dreamweaver自问世以来就一直备受广大网页制作人员的推崇,而Flash强大的动画处理功能是广大设计人员有目共睹的,至于Fireworks更是专门用来制作与处理Web图形图像的首选软件。这三者的有效结合,对于网页设计人员来讲,将会很轻松地完成各类页面的设计和制作。虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了,因此我们特意为大家编写了网站建设和网页设计与制作的教程。全书共分为11章。前7章讲解Dreamweaver的基础知识和基本操作,语言通俗易懂,即使是初学者也很容易读懂并学会。第8章讲解了Flash动画制作基础。第9章介绍了Fireworks处理Web图形基础。第10章简单介绍动态网页制作基础。此外,为了使读者能巩固所学知识,全书每章后面都有相应的实训练习。第11章详细介绍了一个综合网站的制作过程,内容精彩、页面丰富,是读者在学会了基础知识之后,对知识进行巩固的部分。本书专业性和艺术性较强,具有很强的可读性,实例精美实用,具有良好的可操作性。书中的实例是作者从实际工作中精选出来的,具有较强的应用性和示范作用。同时,书中所用语言浅显易懂,并辅之以精选的插图,相信读者只要按照书中的步骤进行操作,一定能制作出令人满意的网页来。本书由正德职业技术学院的多位资深教师共同编写,编者多年从事计算机网络技术专业的教学工作,参与编写工作的教师有施莹、茹志鹃、徐建华。在编写本书的过程中作者参考了许多书刊和文献资料,在实际操作方面也融入了作者的体会和经验。本书力求图文并茂,做到理论以够用为度,实用性为主,紧跟Web开发技术的最新发展。但是,由于本书编写时间紧,且限于作者的学识水平,难免有不到之处,恳请读者给予批评指正,也可与shiying@zdonline.org联系。
编者2016年10月
第5章使用CSS样式美化网页
层叠样式表(Cascading Style Sheet,CSS)是一个很神奇的东西,设计者可以通过修改CSS样式的定义而使网页呈现完全不同的外观,而当网站拥有几十甚至上百个页面的时候,修改页面链接的样式表文件即可修改页面的外观,从而大大地减少工作量。此外,使用层叠样式表,还可以让样式和内容分离开,让整个网页代码结构更清晰。5.1认识CSS样式1997年,W3C颁布HTML 4.0的同时也公布了有关CSS的第一个标准CSS1。CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。现代网页制作离不开 CSS技术,采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。用CSS不仅可以做出美观工整令浏览者赏心悦目的网页,还能给网页添加许多神奇的效果。5.1.1CSS的神奇性要领略CSS的神奇性,可以访问一个名为CSS禅意花园(CSS Zen Garden,http: www.csszengarden.com)的网站。设计师Dave Shea建立这个网站的目的就是让广大的网页设计师认识到CSS的重要。网站提供一套标准的HTML页面及CSS文件,访问者可以下载这些文件,然后自行修改CSS定义,以体现不同的设计风格,如图51所示。图51CSS禅意花园(CSS Zen Garden)这些风格各异,如果查看HTML源文件,访问者会发现,其HTML文件是相同的,而如此纷繁的视觉效果,只因为引用了不同的CSS文件,由此让访问者领略CSS的功能及重要性。5.1.2CSS与浏览器CSS的功能再神奇,也是建立在浏览器对其支持的基础上。CSS自从CSS1版本之后,W3C之后又发布了CSS2和CSS3版本,CSS得到了更多的充实,其能控制的属性及效果更加丰富。幸运的是,CSS3特性大部分都已经有了很好的浏览器支持度。各大主流浏览器对CSS3的支持越来越完善,曾经让多少前端开发人员心碎的IE也开始挺进CSS3标准行列。作为设计者来说,在网页制作过程中,应该养成在不同的浏览器内预览页面的好习惯,从而观察页面效果是否达到了设计的要求,读者除了使用Microsoft的IE浏览器之外,还可免费下载安装Chrome和Firefox浏览器以备测试使用。5.2创建和使用CSS样式图52CSS设计器面板CSS既简单又复杂。简单是指其规则定义很简单,复杂则是指其涉及的属性范围很广泛,从文字大小、颜色到边框的样式,再到元素的定位等,而对于不同的HTML元素,其有的属性可以使用,有的则完全无效,同时,浏览器对于样式表支持的不同,使得CSS定义更加复杂。5.2.1CSS设计器面板在Dreamweaver CC中,可以通过CSS设计器面板来创建样式,CSS设计器是一个集成面板,支持可视化创建CSS文件、规则、集合属性以及媒体查询,如图52所示。1. 源图53源组源组图53中列出了所有与文档有关的CSS样式表,在这个组中,可以创建CSS样式并将其附加到文档中。2. @媒体@媒体组用于列出源组中选中的规则的全部媒体查询。媒体查询可以向不同设备提供不同的样式。如图54所示为在电脑上查看网页的效果,图55为在手机设备上查看网页的效果。图54网页在电脑上的浏览效果3. 选择器选择器组用于列出源组中选择的规则的全部选择器,如果没有选择CSS样式或媒体查询,则此组将显示文档中的所有选择器,如图56所示。4. 属性属性组可为指定的选择器设置属性,主要有布局、文本、边框、背景及其他属性,如图57所示。图55网页在移动设备上的浏览效果
|
|